flowbite-svelte 1.10.20 → 1.10.21

package/dist/rating/Review.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { review as reviewVariants, type ReviewTheme } from ".";
+  import { review as reviewVariants } from ".";
   import type { ReviewProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
@@ -25,15 +25,15 @@
 </script>
 
 {#if review}
-  <article class={article({ class: clsx((theme as ReviewTheme)?.article, styling.article) })}>
+  <article class={article({ class: clsx(theme?.article, styling.article) })}>
     <div>
-      <div class={div({ class: clsx((theme as ReviewTheme)?.div, styling.div) })}>
-        <img class={img({ class: clsx((theme as ReviewTheme)?.img, styling.img) })} src={review.imgSrc} alt={review.imgAlt} />
-        <div class={div2({ class: clsx((theme as ReviewTheme)?.div2, styling.div2) })}>
+      <div class={div({ class: clsx(theme?.div, styling.div) })}>
+        <img class={img({ class: clsx(theme?.img, styling.img) })} src={review.imgSrc} alt={review.imgAlt} />
+        <div class={div2({ class: clsx(theme?.div2, styling.div2) })}>
           <p>{review.name}</p>
           {#if review.address}
             {#if address}
-              <div class={div3({ class: clsx((theme as ReviewTheme)?.div3, styling.div3) })}>
+              <div class={div3({ class: clsx(theme?.div3, styling.div3) })}>
                 {@render address()}
               </div>
             {/if}
@@ -41,9 +41,9 @@
         </div>
       </div>
       {#if review.item1 || review.item2 || review.item3}
-        <ul class={ul({ class: clsx((theme as ReviewTheme)?.ul, styling.ul) })}>
+        <ul class={ul({ class: clsx(theme?.ul, styling.ul) })}>
           {#if review.item1}
-            <li class={li({ class: clsx((theme as ReviewTheme)?.li, styling.li) })}>
+            <li class={li({ class: clsx(theme?.li, styling.li) })}>
               {#if item1}
                 {@render item1()}
               {/if}
@@ -94,7 +94,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1294)
+[ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1295)
 ## Props
 @prop children
 @prop address

package/dist/rating/Review.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ReviewProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1294)
+ * [ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1295)
  * ## Props
  * @prop children
  * @prop address

package/dist/rating/ScoreRating.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { scoreRating, type ScoreRatingTheme } from ".";
+  import { scoreRating } from ".";
   import type { ScoreRatingProps } from "../types";
   import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";
@@ -14,17 +14,17 @@
 <div class="mb-5 flex items-center">
   {#if headerLabel}
     {#if headerLabel.desc1}
-      <p class={desc1({ class: clsx((theme as ScoreRatingTheme)?.desc1, classes?.desc1) })}>{headerLabel.desc1}</p>
+      <p class={desc1({ class: clsx(theme?.desc1, classes?.desc1) })}>{headerLabel.desc1}</p>
     {/if}
     {#if headerLabel.desc2}
-      <p class={desc2({ class: clsx((theme as ScoreRatingTheme)?.desc2, classes?.desc2) })}>{headerLabel.desc2}</p>
+      <p class={desc2({ class: clsx(theme?.desc2, classes?.desc2) })}>{headerLabel.desc2}</p>
     {/if}
     {#if headerLabel.desc3}
-      <span class={desc3span({ class: clsx((theme as ScoreRatingTheme)?.desc3span, classes?.desc3span) })}></span>
-      <p class={desc3p({ class: clsx((theme as ScoreRatingTheme)?.desc3p, classes?.desc3p) })}>{headerLabel.desc3}</p>
+      <span class={desc3span({ class: clsx(theme?.desc3span, classes?.desc3span) })}></span>
+      <p class={desc3p({ class: clsx(theme?.desc3p, classes?.desc3p) })}>{headerLabel.desc3}</p>
     {/if}
     {#if headerLabel.link}
-      <a href={headerLabel.link.url} class={link({ class: clsx((theme as ScoreRatingTheme)?.link, classes?.link) })}>{headerLabel.link.label}</a>
+      <a href={headerLabel.link.url} class={link({ class: clsx(theme?.link, classes?.link) })}>{headerLabel.link.label}</a>
     {/if}
   {/if}
 </div>
@@ -38,7 +38,7 @@
           </dt>
           <dd class="mb-3 flex items-center">
             <div class="me-2 h-2.5 w-full rounded-sm bg-gray-200 dark:bg-gray-700">
-              <div class={bar({ class: clsx((theme as ScoreRatingTheme)?.bar, classes?.bar) })} style="width: {rating * 10}%"></div>
+              <div class={bar({ class: clsx(theme?.bar, classes?.bar) })} style="width: {rating * 10}%"></div>
             </div>
             <span class="text-sm font-medium text-gray-500 dark:text-gray-400">{rating}</span>
           </dd>
@@ -55,7 +55,7 @@
           </dt>
           <dd class="mb-3 flex items-center">
             <div class="me-2 h-2.5 w-full rounded-sm bg-gray-200 dark:bg-gray-700">
-              <div class={bar({ class: clsx((theme as ScoreRatingTheme)?.bar, classes?.bar) })} style="width: {rating * 10}%"></div>
+              <div class={bar({ class: clsx(theme?.bar, classes?.bar) })} style="width: {rating * 10}%"></div>
             </div>
             <span class="text-sm font-medium text-gray-500 dark:text-gray-400">{rating}</span>
           </dd>
@@ -69,7 +69,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1310)
+[ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1311)
 ## Props
 @prop ratings
 @prop ratings2

package/dist/rating/ScoreRating.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ScoreRatingProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1310)
+ * [ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1311)
  * ## Props
  * @prop ratings
  * @prop ratings2

package/dist/rating/Star.svelte

@@ -35,7 +35,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1321)
+[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1322)
 ## Props
 @prop fillPercent = 100
 @prop fillColor = "#F5CA14"

package/dist/rating/Star.svelte.d.ts

@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1321)
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1322)
  * ## Props
  * @prop fillPercent = 100
  * @prop fillColor = "#F5CA14"

package/dist/rating/Thumbup.svelte

@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1321)
+[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1322)
 ## Props
 @prop fillPercent = 100
 @prop fillColor = "#00b500"

package/dist/rating/Thumbup.svelte.d.ts

@@ -2,7 +2,7 @@ import type { RatingIconProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1321)
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1322)
  * ## Props
  * @prop fillPercent = 100
  * @prop fillColor = "#00b500"

package/dist/rating/index.d.ts

@@ -7,4 +7,4 @@ export { default as ScoreRating } from "./ScoreRating.svelte";
 export { default as Star } from "./Star.svelte";
 export { default as Thumbup } from "./Thumbup.svelte";
 export { default as CustomIcon } from "./CustomIcon.svelte";
-export { advancedRating, rating, review, scoreRating, type AdvancedRatingTheme, type RatingTheme, type ReviewTheme, type ScoreRatingTheme } from "./theme";
+export { advancedRating, rating, review, scoreRating } from "./theme";

package/dist/rating/theme.d.ts

@@ -1,23 +1,14 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type RatingVariants = VariantProps<typeof rating> & Classes<typeof rating>;
 export type AdvancedRatingVariants = VariantProps<typeof advancedRating> & Classes<typeof advancedRating>;
 export type ReviewVariants = VariantProps<typeof review> & Classes<typeof review>;
 export type ScoreRatingVariants = VariantProps<typeof scoreRating> & Classes<typeof scoreRating>;
-export type AdvancedRatingSlots = keyof typeof advancedRating.slots;
-export type AdvancedRatingTheme = Partial<Record<AdvancedRatingSlots, ClassValue>>;
-export type RatingSlots = keyof typeof rating.slots;
-export type RatingTheme = Partial<Record<RatingSlots, ClassValue>>;
-export type ReviewSlots = keyof typeof review.slots;
-export type ReviewTheme = Partial<Record<ReviewSlots, ClassValue>>;
-export type ScoreRatingSlots = keyof typeof scoreRating.slots;
-export type ScoreRatingTheme = Partial<Record<ScoreRatingSlots, ClassValue>>;
 export declare const advancedRating: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
             div3?: import("tailwind-variants").ClassValue;
             span2?: import("tailwind-variants").ClassValue;
@@ -26,8 +17,8 @@ export declare const advancedRating: import("tailwind-variants").TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
             div3?: import("tailwind-variants").ClassValue;
             span2?: import("tailwind-variants").ClassValue;
@@ -42,8 +33,8 @@ export declare const advancedRating: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
             span?: import("tailwind-variants").ClassValue;
+            base?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
             div3?: import("tailwind-variants").ClassValue;
             span2?: import("tailwind-variants").ClassValue;
@@ -96,9 +87,9 @@ export declare const rating: import("tailwind-variants").TVReturnType<{
 export declare const review: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
+            img?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
             article?: import("tailwind-variants").ClassValue;
-            img?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
             ul?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
@@ -108,9 +99,9 @@ export declare const review: import("tailwind-variants").TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
+            img?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
             article?: import("tailwind-variants").ClassValue;
-            img?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
             ul?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
@@ -128,9 +119,9 @@ export declare const review: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
+            img?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
             article?: import("tailwind-variants").ClassValue;
-            img?: import("tailwind-variants").ClassValue;
             li?: import("tailwind-variants").ClassValue;
             ul?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;

package/dist/sidebar/Sidebar.svelte

@@ -3,7 +3,7 @@
   import { fly } from "svelte/transition";
   import { writable } from "svelte/store";
   import { sineIn } from "svelte/easing";
-  import { sidebar, type SidebarTheme } from ".";
+  import { sidebar } from ".";
   import { trapFocus, type SidebarProps, type SidebarCtxType } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
@@ -48,10 +48,10 @@
       return closeSidebar;
     },
     get activeClass() {
-      return active({ class: clsx((theme as SidebarTheme)?.active, styling.active) });
+      return active({ class: clsx(theme?.active, styling.active) });
     },
     get nonActiveClass() {
-      return nonactive({ class: clsx((theme as SidebarTheme)?.nonactive, styling.nonactive) });
+      return nonactive({ class: clsx(theme?.nonactive, styling.nonactive) });
     },
     isSingle
   };
@@ -72,24 +72,24 @@
   {#if isOpen || isLargeScreen}
     {#if isOpen && !alwaysOpen}
       {#if backdrop && activateClickOutside}
-        <div role="presentation" class={backdropCls({ class: clsx((theme as SidebarTheme)?.backdrop, styling.backdrop) })} onclick={closeSidebar}></div>
+        <div role="presentation" class={backdropCls({ class: clsx(theme?.backdrop, styling.backdrop) })} onclick={closeSidebar}></div>
       {:else if backdrop && !activateClickOutside}
-        <div role="presentation" class={backdropCls({ class: clsx((theme as SidebarTheme)?.backdrop, styling.backdrop) })}></div>
+        <div role="presentation" class={backdropCls({ class: clsx(theme?.backdrop, styling.backdrop) })}></div>
       {:else if !backdrop && activateClickOutside}
         <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full" onclick={closeSidebar}></div>
       {:else if !backdrop && !activateClickOutside}
         <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full"></div>
       {/if}
     {/if}
-    <aside use:trapFocus={!isLargeScreen && isOpen && !alwaysOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={!alwaysOpen ? transitionParams : undefined} {...restProps} class={base({ class: clsx((theme as SidebarTheme)?.base, className) })} aria-label={ariaLabel}>
-      <div class={div({ class: clsx((theme as SidebarTheme)?.base, styling.div) })}>
+    <aside use:trapFocus={!isLargeScreen && isOpen && !alwaysOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={!alwaysOpen ? transitionParams : undefined} {...restProps} class={base({ class: clsx(theme?.base, className) })} aria-label={ariaLabel}>
+      <div class={div({ class: clsx(theme?.base, styling.div) })}>
         {@render children()}
       </div>
     </aside>
   {/if}
 {:else}
-  <aside use:trapFocus={isOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} {...restProps} class={base({ class: clsx((theme as SidebarTheme)?.base, className) })} aria-label={ariaLabel}>
-    <div class={div({ class: clsx((theme as SidebarTheme)?.base, styling.div) })}>
+  <aside use:trapFocus={isOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} {...restProps} class={base({ class: clsx(theme?.base, className) })} aria-label={ariaLabel}>
+    <div class={div({ class: clsx(theme?.base, styling.div) })}>
       {@render children()}
     </div>
   </aside>
@@ -99,7 +99,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1344)
+[SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1345)
 ## Props
 @prop children
 @prop isOpen = false

package/dist/sidebar/Sidebar.svelte.d.ts

@@ -2,7 +2,7 @@ import { type SidebarProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1344)
+ * [SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1345)
  * ## Props
  * @prop children
  * @prop isOpen = false

package/dist/sidebar/SidebarBrand.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { sidebarBrand, type SidebarBrandTheme } from ".";
+  import { sidebarBrand } from ".";
   import type { SidebarBrandProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
@@ -19,10 +19,10 @@
   const { base, img, span } = $derived(sidebarBrand());
 </script>
 
-<a {...restProps} href={site?.href ? site.href : "/"} class={base({ class: clsx((theme as SidebarBrandTheme)?.base, className) })}>
+<a {...restProps} href={site?.href ? site.href : "/"} class={base({ class: clsx(theme?.base, className) })}>
   {#if site}
-    <img src={site.img} class={img({ class: clsx((theme as SidebarBrandTheme)?.img, styling.img) })} alt={site.name} />
-    <span class={span({ class: clsx((theme as SidebarBrandTheme)?.span, styling.span) })}>{site.name}</span>
+    <img src={site.img} class={img({ class: clsx(theme?.img, styling.img) })} alt={site.name} />
+    <span class={span({ class: clsx(theme?.span, styling.span) })}>{site.name}</span>
   {:else if children}
     {@render children()}
   {/if}
@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1380)
+[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1381)
 ## Props
 @prop children
 @prop site

package/dist/sidebar/SidebarBrand.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarBrandProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1380)
+ * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1381)
  * ## Props
  * @prop children
  * @prop site

package/dist/sidebar/SidebarButton.svelte

@@ -22,7 +22,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1363)
+[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1364)
 ## Props
 @prop breakpoint = "md"
 @prop class: className

package/dist/sidebar/SidebarButton.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarButtonProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1363)
+ * [SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1364)
  * ## Props
  * @prop breakpoint = "md"
  * @prop class: className

package/dist/sidebar/SidebarCta.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { sidebarCta, type SidebarCtaTheme } from ".";
+  import { sidebarCta } from ".";
   import type { SidebarCtaProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
@@ -19,9 +19,9 @@
   const { base, div, span } = $derived(sidebarCta());
 </script>
 
-<div {...restProps} id="dropdown-cta" class={base({ class: clsx((theme as SidebarCtaTheme)?.base, className) })} role="alert">
-  <div class={div({ class: clsx((theme as SidebarCtaTheme)?.div, styling.div) })}>
-    <span class={span({ class: clsx((theme as SidebarCtaTheme)?.span, styling.span) })}>{label}</span>
+<div {...restProps} id="dropdown-cta" class={base({ class: clsx(theme?.base, className) })} role="alert">
+  <div class={div({ class: clsx(theme?.div, styling.div) })}>
+    <span class={span({ class: clsx(theme?.span, styling.span) })}>{label}</span>
     {#if icon}
       {@render icon()}
     {/if}
@@ -33,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
+[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1368)
 ## Props
 @prop children
 @prop icon

package/dist/sidebar/SidebarCta.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarCtaProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
+ * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1368)
  * ## Props
  * @prop children
  * @prop icon

package/dist/sidebar/SidebarDropdownWrapper.svelte

@@ -3,7 +3,7 @@
   import { writable, type Writable } from "svelte/store";
   import { slide } from "svelte/transition";
   import { uiHelpers } from "..";
-  import { sidebarDropdownWrapper, type SidebarDropdownWrapperTheme } from ".";
+  import { sidebarDropdownWrapper } from ".";
   import type { SidebarDropdownWrapperProps, ParamsType } from "../types";
   import clsx from "clsx";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
@@ -61,30 +61,30 @@
   }
 </script>
 
-<li class={base({ class: clsx((theme as SidebarDropdownWrapperTheme)?.base, className) })}>
-  <button {...restProps} onclick={handleDropdown} type="button" class={btn({ class: clsx((theme as SidebarDropdownWrapperTheme)?.btn, styling.btn) })} aria-controls="sidebar-dropdown">
+<li class={base({ class: clsx(theme?.base, className) })}>
+  <button {...restProps} onclick={handleDropdown} type="button" class={btn({ class: clsx(theme?.btn, styling.btn) })} aria-controls="sidebar-dropdown">
     {#if icon}
       {@render icon()}
     {/if}
-    <span class={span({ class: clsx((theme as SidebarDropdownWrapperTheme)?.span, styling.span) })}>{label}</span>
+    <span class={span({ class: clsx(theme?.span, styling.span) })}>{label}</span>
     {#if isOpen}
       {#if arrowup}
         {@render arrowup()}
       {:else}
-        <svg class={svg({ class: clsx((theme as SidebarDropdownWrapperTheme)?.svg, styling.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
+        <svg class={svg({ class: clsx(theme?.svg, styling.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
           <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5" />
         </svg>
       {/if}
     {:else if arrowdown}
       {@render arrowdown()}
     {:else}
-      <svg class={svg({ class: clsx((theme as SidebarDropdownWrapperTheme)?.svg, styling.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
+      <svg class={svg({ class: clsx(theme?.svg, styling.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />
       </svg>
     {/if}
   </button>
   {#if isOpen}
-    <ul class={ul({ class: clsx((theme as SidebarDropdownWrapperTheme)?.ul, styling.ul) })} transition:transition={params as ParamsType}>
+    <ul class={ul({ class: clsx(theme?.ul, styling.ul) })} transition:transition={params as ParamsType}>
       {@render children()}
     </ul>
   {/if}
@@ -94,7 +94,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1386)
+[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1387)
 ## Props
 @prop children
 @prop arrowup

package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarDropdownWrapperProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1386)
+ * [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1387)
  * ## Props
  * @prop children
  * @prop arrowup

package/dist/sidebar/SidebarGroup.svelte

@@ -13,7 +13,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1403)
+[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1404)
 ## Props
 @prop children
 @prop class: className = "space-y-2"

package/dist/sidebar/SidebarGroup.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SidebarGroupProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1403)
+ * [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1404)
  * ## Props
  * @prop children
  * @prop class: className = "space-y-2"

package/dist/sidebar/SidebarItem.svelte

@@ -39,7 +39,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1409)
+[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1410)
 ## Props
 @prop icon
 @prop subtext

package/dist/sidebar/SidebarItem.svelte.d.ts

@@ -2,7 +2,7 @@ import { type SidebarItemProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1409)
+ * [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1410)
  * ## Props
  * @prop icon
  * @prop subtext

package/dist/sidebar/index.d.ts

@@ -7,4 +7,4 @@ export { default as SidebarDropdownItem } from "./SidebarItem.svelte";
 export { default as SidebarButton } from "./SidebarButton.svelte";
 export { default as SidebarCta } from "./SidebarCta.svelte";
 export { default as SidebarBrand } from "./SidebarBrand.svelte";
-export { sidebar, sidebarButton, sidebarCta, sidebarBrand, sidebarDropdownWrapper, type SidebarTheme, type SidebarButtonTheme, type SidebarCtaTheme, type SidebarBrandTheme, type SidebarDropdownWrapperTheme } from "./theme";
+export { sidebar, sidebarButton, sidebarCta, sidebarBrand, sidebarDropdownWrapper } from "./theme";