flowbite-svelte 1.10.20 → 1.10.21

package/dist/navbar/NavUl.svelte

@@ -5,7 +5,7 @@
   import { writable } from "svelte/store";
   import { slide, fly, fade, scale } from "svelte/transition";
   import clsx from "clsx";
-  import { navbarUl, type NavbarUlTheme } from "./theme";
+  import { navbarUl } from "./theme";
   import type { NavbarState, NavUlProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
@@ -16,7 +16,7 @@
   warnThemeDeprecation("NavUl", { ulClass, activeClass, nonActiveClass }, { ulClass: "ul", activeClass: "active", nonActiveClass: "nonActive" });
   const styling = $derived(classes ?? { ul: ulClass, active: activeClass, nonActive: nonActiveClass });
 
-  const theme = getTheme("navUl");
+  const theme = getTheme("navbarUl");
 
   // Default parameters for different transitions
   const getDefaultParams = (transitionFn: any) => {
@@ -46,8 +46,8 @@
   let { base, ul, active, nonActive } = $derived(navbarUl({ hidden }));
 
   $effect(() => {
-    navState.activeClass = active({ class: clsx((theme as NavbarUlTheme)?.active, styling.active) });
-    navState.nonActiveClass = nonActive({ class: clsx((theme as NavbarUlTheme)?.nonActive, styling.nonActive) });
+    navState.activeClass = active({ class: clsx(theme?.active, styling.active) });
+    navState.nonActiveClass = nonActive({ class: clsx(theme?.nonActive, styling.nonActive) });
   });
 
   $effect(() => {
@@ -55,8 +55,8 @@
   });
   setContext("activeUrl", activeUrlStore);
 
-  let divCls: string = $derived(base({ class: clsx((theme as NavbarUlTheme)?.base, clasName) }));
-  let ulCls: string = $derived(ul({ class: clsx((theme as NavbarUlTheme)?.ul, styling.ul) }));
+  let divCls: string = $derived(base({ class: clsx(theme?.base, clasName) }));
+  let ulCls: string = $derived(ul({ class: clsx(theme?.ul, styling.ul) }));
 </script>
 
 {#if !hidden}
@@ -77,7 +77,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
+[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1108)
 ## Props
 @prop children
 @prop activeUrl

package/dist/navbar/NavUl.svelte.d.ts

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

package/dist/navbar/Navbar.svelte

@@ -45,7 +45,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1088)
+[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1089)
 ## Props
 @prop children
 @prop fluid

package/dist/navbar/Navbar.svelte.d.ts

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

package/dist/navbar/index.d.ts

@@ -4,4 +4,4 @@ export { default as NavLi } from "./NavLi.svelte";
 export { default as NavUl } from "./NavUl.svelte";
 export { default as NavHamburger } from "./NavHamburger.svelte";
 export { default as NavContainer } from "./NavContainer.svelte";
-export { navbar, navbarUl, navbarBrand, navbarLi, navbarHamburger, type NavbarTheme, type NavbarUlTheme, type NavbarBrandTheme, type NavbarLiTheme, type NavbarHamburgerTheme } from "./theme";
+export { navbar, navbarUl, navbarBrand, navbarLi, navbarHamburger, navbarContainer } from "./theme";

package/dist/navbar/index.js

@@ -4,4 +4,4 @@ export { default as NavLi } from "./NavLi.svelte";
 export { default as NavUl } from "./NavUl.svelte";
 export { default as NavHamburger } from "./NavHamburger.svelte";
 export { default as NavContainer } from "./NavContainer.svelte";
-export { navbar, navbarUl, navbarBrand, navbarLi, navbarHamburger } from "./theme";
+export { navbar, navbarUl, navbarBrand, navbarLi, navbarHamburger, navbarContainer } from "./theme";

package/dist/navbar/theme.d.ts

@@ -1,15 +1,7 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type NavbarUlVariants = VariantProps<typeof navbarUl> & Classes<typeof navbarUl>;
 export type NavbarHamburgerVariants = VariantProps<typeof navbarHamburger> & Classes<typeof navbarHamburger>;
-export type NavbarTheme = ClassValue;
-export type NavbarBrandTheme = ClassValue;
-export type NavbarUlSlots = keyof typeof navbarUl.slots;
-export type NavbarUlTheme = Partial<Record<NavbarUlSlots, ClassValue>>;
-export type NavbarLiTheme = ClassValue;
-export type NavbarHamburgerSlots = keyof typeof navbarHamburger.slots;
-export type NavbarHamburgerTheme = Partial<Record<NavbarHamburgerSlots, ClassValue>>;
 export declare const navbar: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative w-full px-2 py-2.5 sm:px-4", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative w-full px-2 py-2.5 sm:px-4", unknown, unknown, undefined>>;
 export declare const navbarBrand: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center", unknown, unknown, undefined>>;
 export declare const navbarContainer: import("tailwind-variants").TVReturnType<{

package/dist/pagination/Pagination.svelte

@@ -54,7 +54,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1187)
+[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1188)
 ## Props
 @prop pages = []
 @prop previous

package/dist/pagination/Pagination.svelte.d.ts

@@ -2,7 +2,7 @@ import type { PaginationProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1187)
+ * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1188)
  * ## Props
  * @prop pages = []
  * @prop previous

package/dist/pagination/PaginationButton.svelte

@@ -50,7 +50,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1158)
+[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1159)
 ## Props
 @prop children
 @prop size

package/dist/pagination/PaginationButton.svelte.d.ts

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

package/dist/pagination/PaginationItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { paginationItem, type PaginationItemTheme } from ".";
+  import { paginationItem } from ".";
   import type { PaginationItemProps } from "../types";
   import { getContext } from "svelte";
   import { getTheme } from "../theme/themeUtils";
@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1183)
+[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1184)
 ## Props
 @prop children
 @prop size

package/dist/pagination/PaginationItem.svelte.d.ts

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

package/dist/pagination/PaginationNav.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import clsx from "clsx";
   import { setContext } from "svelte";
-  import { paginationNav, type PaginationNavTheme } from "./theme";
+  import { paginationNav } from "./theme";
   import { type PaginationNavProps, PaginationButton } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
@@ -62,17 +62,17 @@
 
 <nav aria-label={ariaLabel} {...restProps}>
   {#if layout === "table"}
-    <div class={tableDiv({ class: clsx((theme as PaginationNavTheme)?.tableDiv, styling.tableDiv) })}>
-      Showing <span class={span({ class: clsx((theme as PaginationNavTheme)?.span, styling.span) })}>{currentPage}</span>
+    <div class={tableDiv({ class: clsx(theme?.tableDiv, styling.tableDiv) })}>
+      Showing <span class={span({ class: clsx(theme?.span, styling.span) })}>{currentPage}</span>
       of
-      <span class={span({ class: clsx((theme as PaginationNavTheme)?.span, styling.span) })}>{totalPages}</span>
+      <span class={span({ class: clsx(theme?.span, styling.span) })}>{totalPages}</span>
       Entries
     </div>
   {/if}
 
-  <ul class={base({ class: clsx((theme as PaginationNavTheme)?.base, className) })}>
+  <ul class={base({ class: clsx(theme?.base, className) })}>
     <li {...restProps}>
-      <PaginationButton onclick={goToPreviousPage} disabled={currentPage === 1} class={prev({ class: clsx((theme as PaginationNavTheme)?.prev, styling.prev) })}>
+      <PaginationButton onclick={goToPreviousPage} disabled={currentPage === 1} class={prev({ class: clsx(theme?.prev, styling.prev) })}>
         {#if prevContent}
           {@render prevContent()}
         {:else}
@@ -90,7 +90,7 @@
       {/each}
     {/if}
     <li {...restProps}>
-      <PaginationButton onclick={goToNextPage} disabled={currentPage === totalPages} class={next({ class: clsx((theme as PaginationNavTheme)?.next, styling.next) })}>
+      <PaginationButton onclick={goToNextPage} disabled={currentPage === totalPages} class={next({ class: clsx(theme?.next, styling.next) })}>
         {#if nextContent}
           {@render nextContent()}
         {:else}
@@ -105,7 +105,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
+[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1165)
 ## Props
 @prop currentPage = 1
 @prop totalPages = 1

package/dist/pagination/PaginationNav.svelte.d.ts

@@ -2,7 +2,7 @@ import { type PaginationNavProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
+ * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1165)
  * ## Props
  * @prop currentPage = 1
  * @prop totalPages = 1

package/dist/pagination/index.d.ts

@@ -1,4 +1,4 @@
-export { paginationItem, pagination, paginationButton, paginationNav, type PaginationNavTheme, type PaginationButtonTheme, type PaginationItemTheme, type PaginationTheme } from "./theme";
+export { paginationItem, pagination, paginationButton, paginationNav } from "./theme";
 export { default as PaginationNav } from "./PaginationNav.svelte";
 export { default as PaginationButton } from "./PaginationButton.svelte";
 export { default as Pagination } from "./Pagination.svelte";

package/dist/pagination/theme.d.ts

@@ -1,14 +1,8 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type PaginationNavVariants = VariantProps<typeof paginationNav> & Classes<typeof paginationNav>;
 export type PaginationVariants = VariantProps<typeof pagination>;
-export type PaginationNavSlots = keyof typeof paginationNav.slots;
-export type PaginationNavTheme = Partial<Record<PaginationNavSlots, ClassValue>>;
 export type PaginationItemVariants = VariantProps<typeof paginationItem>;
-export type PaginationButtonTheme = ClassValue;
-export type PaginationItemTheme = ClassValue;
-export type PaginationTheme = ClassValue;
 export declare const paginationNav: import("tailwind-variants").TVReturnType<{
     size: {
         default: string;

package/dist/popover/Popover.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import clsx from "clsx";
   import Popper from "../utils/Popper.svelte";
-  import { popover, type PopoverTheme } from "./theme";
+  import { popover } from "./theme";
   import type { PopoverProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
@@ -16,15 +16,15 @@
   let { base, title, h3, content } = $derived(popover({ color }));
 </script>
 
-<Popper {...restProps} bind:isOpen {placement} {trigger} {arrow} class={base({ class: clsx((theme as PopoverTheme)?.base, className) })}>
+<Popper {...restProps} bind:isOpen {placement} {trigger} {arrow} class={base({ class: clsx(theme?.base, className) })}>
   {#if typeof titleSlot === "string"}
-    <div class={title({ class: clsx((theme as PopoverTheme)?.title, classes?.title) })}>
-      <h3 class={h3({ class: clsx((theme as PopoverTheme)?.h3, classes?.h3) })}>{titleSlot}</h3>
+    <div class={title({ class: clsx(theme?.title, classes?.title) })}>
+      <h3 class={h3({ class: clsx(theme?.h3, classes?.h3) })}>{titleSlot}</h3>
     </div>
   {:else if titleSlot}
     {@render titleSlot()}
   {/if}
-  <div class={content({ class: clsx((theme as PopoverTheme)?.content, styling.content) })}>
+  <div class={content({ class: clsx(theme?.content, styling.content) })}>
     {@render children()}
   </div>
 </Popper>
@@ -33,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1198)
 ## Props
 @prop title: titleSlot
 @prop color = "default"

package/dist/popover/Popover.svelte.d.ts

@@ -2,7 +2,7 @@ import type { PopoverProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1197)
+ * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1198)
  * ## Props
  * @prop title: titleSlot
  * @prop color = "default"

package/dist/popover/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Popover } from "./Popover.svelte";
-export { popover, type PopoverTheme } from "./theme";
+export { popover } from "./theme";

package/dist/popover/theme.d.ts

@@ -1,9 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type PopoverVariants = VariantProps<typeof popover> & Classes<typeof popover>;
-export type PopoverSlots = keyof typeof popover.slots;
-export type PopoverTheme = Partial<Record<PopoverSlots, ClassValue>>;
 export declare const popover: import("tailwind-variants").TVReturnType<{
     color: {
         default: {

package/dist/progress/Progressbar.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import { cubicOut } from "svelte/easing";
   import { Tween } from "svelte/motion";
-  import { progressbar, type ProgressbarTheme } from ".";
+  import { progressbar } from ".";
   import { getTheme } from "../theme/themeUtils";
 
   let { progress = "45", precision = 0, tweenDuration = 400, animate = false, size = "h-2.5", labelInside = false, labelOutside = "", easing = cubicOut, color = "primary", class: className, classes, ...restProps }: ProgressbarProps = $props();
@@ -34,18 +34,18 @@
 </script>
 
 {#if labelOutside}
-  <div {...restProps} class={outside({ class: clsx((theme as ProgressbarTheme)?.outside, classes?.outside) })}>
-    <span class={span({ class: clsx((theme as ProgressbarTheme)?.span, classes?.span) })}>{labelOutside}</span>
-    <span class={progressCls({ class: clsx((theme as ProgressbarTheme)?.progressCls, classes?.progressCls) })}>{progress}%</span>
+  <div {...restProps} class={outside({ class: clsx(theme?.outside, classes?.outside) })}>
+    <span class={span({ class: clsx(theme?.span, classes?.span) })}>{labelOutside}</span>
+    <span class={progressCls({ class: clsx(theme?.progressCls, classes?.progressCls) })}>{progress}%</span>
   </div>
 {/if}
-<div {...restProps} class={base({ class: clsx(size, (theme as ProgressbarTheme)?.base, className) })}>
+<div {...restProps} class={base({ class: clsx(size, theme?.base, className) })}>
   {#if labelInside}
-    <div class={labelInsideCls({ class: clsx(size, (theme as ProgressbarTheme)?.label, classes?.label) })} style="width: {_progress.current}%">
+    <div class={labelInsideCls({ class: clsx(size, theme?.label, classes?.label) })} style="width: {_progress.current}%">
       {_progress.current.toFixed(precision)}%
     </div>
   {:else}
-    <div class={inside({ class: clsx(size, (theme as ProgressbarTheme)?.inside, classes?.label) })} style="width: {_progress.current}%"></div>
+    <div class={inside({ class: clsx(size, theme?.inside, classes?.label) })} style="width: {_progress.current}%"></div>
   {/if}
 </div>
 
@@ -53,7 +53,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1207)
+[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1208)
 ## Props
 @prop progress = "45"
 @prop precision = 0

package/dist/progress/Progressbar.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ProgressbarProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1207)
+ * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1208)
  * ## Props
  * @prop progress = "45"
  * @prop precision = 0

package/dist/progress/Progressradial.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { progressradial, type ProgressradialTheme } from ".";
+  import { progressradial } from ".";
   import type { ProgressradialProps } from "../types";
   import clsx from "clsx";
   import { cubicOut } from "svelte/easing";
@@ -38,23 +38,23 @@
 
 <div class="flex flex-col items-center">
   {#if labelOutside}
-    <div class={outside({ class: clsx((theme as ProgressradialTheme)?.outside, classes?.outside) })}>
-      <span class={span({ class: clsx((theme as ProgressradialTheme)?.span, classes?.span) })}>{labelOutside}</span>
-      <span class={progressCls({ class: clsx((theme as ProgressradialTheme)?.progressCls, classes?.progressCls) })}>{formattedProgress}%</span>
+    <div class={outside({ class: clsx(theme?.outside, classes?.outside) })}>
+      <span class={span({ class: clsx(theme?.span, classes?.span) })}>{labelOutside}</span>
+      <span class={progressCls({ class: clsx(theme?.progressCls, classes?.progressCls) })}>{formattedProgress}%</span>
     </div>
   {/if}
 
-  <div {...restProps} class={base({ class: clsx(size, (theme as ProgressradialTheme)?.base, className) })}>
+  <div {...restProps} class={base({ class: clsx(size, theme?.base, className) })}>
     <svg viewBox="0 0 100 100" class="h-full w-full" style="transform: rotate({rotationAngle}deg)">
       <!-- Background circle -->
-      <circle cx="50" cy="50" r={radius} class={background({ class: clsx((theme as ProgressradialTheme)?.background, classes?.background) })} fill="none" stroke-width={thickness} />
+      <circle cx="50" cy="50" r={radius} class={background({ class: clsx(theme?.background, classes?.background) })} fill="none" stroke-width={thickness} />
 
       <!-- Foreground circle (progress indicator) -->
-      <circle cx="50" cy="50" r={radius} class={foreground({ class: clsx((theme as ProgressradialTheme)?.foreground, classes?.foreground) })} fill="none" stroke-width={thickness} stroke-dasharray={circumference} stroke-dashoffset={strokeDashoffset} stroke-linecap="round" />
+      <circle cx="50" cy="50" r={radius} class={foreground({ class: clsx(theme?.foreground, classes?.foreground) })} fill="none" stroke-width={thickness} stroke-dasharray={circumference} stroke-dashoffset={strokeDashoffset} stroke-linecap="round" />
     </svg>
 
     {#if labelInside}
-      <div class={label({ class: clsx((theme as ProgressradialTheme)?.label, classes?.label) })}>
+      <div class={label({ class: clsx(theme?.label, classes?.label) })}>
         {formattedProgress}%
       </div>
     {/if}
@@ -65,7 +65,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1218)
+[ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1219)
 ## Props
 @prop progress = 45
 @prop radius = 42

package/dist/progress/Progressradial.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ProgressradialProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1218)
+ * [ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1219)
  * ## Props
  * @prop progress = 45
  * @prop radius = 42

package/dist/progress/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Progressbar } from "./Progressbar.svelte";
 export { default as Progressradial } from "./Progressradial.svelte";
-export { progressbar, type ProgressbarTheme, progressradial, type ProgressradialTheme } from "./theme";
+export { progressbar, progressradial } from "./theme";

package/dist/progress/theme.d.ts

@@ -1,12 +1,7 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type ProgressbarVariants = VariantProps<typeof progressbar> & Classes<typeof progressbar>;
 export type ProgressradialVariants = VariantProps<typeof progressradial> & Classes<typeof progressradial>;
-export type ProgressbarSlots = keyof typeof progressbar.slots;
-export type ProgressbarTheme = Partial<Record<ProgressbarSlots, ClassValue>>;
-export type ProgressradialSlots = keyof typeof progressradial.slots;
-export type ProgressradialTheme = Partial<Record<ProgressradialSlots, ClassValue>>;
 export declare const progressbar: import("tailwind-variants").TVReturnType<{
     color: {
         primary: {

package/dist/rating/AdvancedRating.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { advancedRating, type AdvancedRatingTheme } from ".";
+  import { advancedRating } from ".";
   import type { AdvancedRatingProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
@@ -28,12 +28,12 @@
   {@render globalText()}
 {/if}
 {#each ratings as { label, rating }}
-  <div class={base({ class: clsx((theme as AdvancedRatingTheme)?.base, className) })}>
-    <span class={span({ class: clsx((theme as AdvancedRatingTheme)?.span, styling.span) })}>{label}</span>
-    <div class={div2({ class: clsx((theme as AdvancedRatingTheme)?.div2, styling.div2) })}>
-      <div class={div3({ class: clsx((theme as AdvancedRatingTheme)?.div3, styling.div3) })} style="width: {rating}%"></div>
+  <div class={base({ class: clsx(theme?.base, className) })}>
+    <span class={span({ class: clsx(theme?.span, styling.span) })}>{label}</span>
+    <div class={div2({ class: clsx(theme?.div2, styling.div2) })}>
+      <div class={div3({ class: clsx(theme?.div3, styling.div3) })} style="width: {rating}%"></div>
     </div>
-    <span class={span2({ class: clsx((theme as AdvancedRatingTheme)?.span2, styling.span2) })}>{rating}{unit}</span>
+    <span class={span2({ class: clsx(theme?.span2, styling.span2) })}>{rating}{unit}</span>
   </div>
 {/each}
 
@@ -41,7 +41,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1235)
+[AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1236)
 ## Props
 @prop rating
 @prop globalText

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

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

package/dist/rating/CustomIcon.svelte

@@ -29,7 +29,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 = "#00ff00"

package/dist/rating/CustomIcon.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 = "#00ff00"

package/dist/rating/Heart.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 = "#ff0000"

package/dist/rating/Heart.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 = "#ff0000"

package/dist/rating/Rating.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import clsx from "clsx";
   import Star from "./Star.svelte";
-  import { rating as ratingVariants, type RatingTheme } from ".";
+  import { rating as ratingVariants } from ".";
   import type { RatingProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
@@ -20,10 +20,10 @@
   let grayStars: number = total - (fullStars + Math.ceil(rateDiffence));
 </script>
 
-<div {...restProps} class={base({ class: clsx((theme as RatingTheme)?.base, className) })}>
+<div {...restProps} class={base({ class: clsx(theme?.base, className) })}>
   {#if count && children}
     <Icon fillPercent={100} {size} iconIndex={0} groupId={ratingGroupId} />
-    <p class={p({ class: clsx((theme as RatingTheme)?.p, styling.p) })}>{rating}</p>
+    <p class={p({ class: clsx(theme?.p, styling.p) })}>{rating}</p>
     {@render children()}
   {:else}
     <!-- eslint-disable @typescript-eslint/no-unused-vars-->
@@ -47,7 +47,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1247)
+[RatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1248)
 ## Props
 @prop children
 @prop text

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

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

package/dist/rating/RatingComment.svelte

@@ -63,7 +63,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RatingCommentProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1258)
+[RatingCommentProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1259)
 ## Props
 @prop children
 @prop evaluation

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

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