flowbite-svelte 1.4.3 → 1.5.1

package/dist/navbar/NavBrand.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
   import { navbar_brand } from "./theme";
   import type { NavBrandProps } from "../types";
@@ -6,7 +7,7 @@
   let { children, class: className, ...restProps }: NavBrandProps = $props();
 </script>
 
-<a {...restProps} class={navbar_brand({ class: clsx(className) })}>
+<a {...restProps} class={twMerge(navbar_brand(), clsx(className))}>
   {@render children?.()}
 </a>
 
@@ -14,7 +15,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1076)
+[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1055)
 ## Props
 @prop children
 @prop class: className

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

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

package/dist/navbar/NavContainer.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
   import { navbar_container } from "./theme";
   import type { NavContainerProps } from "../types";
@@ -6,7 +7,7 @@
   let { children, fluid, class: clasName, ...restProps }: NavContainerProps = $props();
 </script>
 
-<div {...restProps} class={navbar_container({ fluid, class: clsx(clasName) })}>
+<div {...restProps} class={twMerge(navbar_container({ fluid }), clsx(clasName))}>
   {@render children?.()}
 </div>
 
@@ -14,7 +15,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1078)
+[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1057)
 ## Props
 @prop children
 @prop fluid

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

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

package/dist/navbar/NavHamburger.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
   import { getContext } from "svelte";
   import ToolbarButton from "../toolbar/ToolbarButton.svelte";
@@ -17,15 +18,15 @@
   };
 </script>
 
-<ToolbarButton {name} onclick={onclick || toggle} {...restProps} class={base({ class: clsx(className) })}>
-  <Menu class={menu({ class: menuClass })} />
+<ToolbarButton {name} onclick={onclick || toggle} {...restProps} class={twMerge(base(), clsx(className))}>
+  <Menu class={twMerge(menu(), clsx(menuClass))} />
 </ToolbarButton>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1082)
+[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1061)
 ## Props
 @prop children
 @prop onclick

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

@@ -1,8 +1,8 @@
-import type { NavHamburgerProps } from "../types";
+import clsx from "clsx";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1082)
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1061)
  * ## Props
  * @prop children
  * @prop onclick
@@ -11,6 +11,13 @@ import type { NavHamburgerProps } from "../types";
  * @prop name = "Open main menu"
  * @prop ...restProps
  */
-declare const NavHamburger: import("svelte").Component<NavHamburgerProps, {}, "">;
+declare const NavHamburger: import("svelte").Component<import("../toolbar/theme").ToolbarButtonVariants & {
+    href?: undefined;
+} & import("svelte/elements").HTMLButtonAttributes & {
+    name?: string;
+} & {
+    href?: undefined;
+    menuClass?: clsx.ClassValue;
+}, {}, "">;
 type NavHamburger = ReturnType<typeof NavHamburger>;
 export default NavHamburger;

package/dist/navbar/NavLi.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
   import { getContext } from "svelte";
   import { navbar_li } from "./theme";
@@ -6,7 +7,7 @@
 
   let navState = getContext<NavbarState>("navState");
 
-  let { children, activeClass, nonActiveClass, class: className, onclick, ...restProps }: NavLiProps = $props();
+  let { children, activeClass, nonActiveClass, class: className, ...restProps }: NavLiProps = $props();
 
   const activeUrlStore = getContext("activeUrl") as { subscribe: (callback: (value: string) => void) => void };
 
@@ -16,12 +17,12 @@
   });
 
   let active = $derived(navUrl ? restProps.href === navUrl : false);
-  let liClass = $derived(navbar_li({ hidden: navState.hidden, class: clsx(active ? (activeClass ?? navState.activeClass) : (nonActiveClass ?? navState.nonActiveClass), className) }));
+  let liClass = $derived(twMerge(navbar_li({ hidden: navState.hidden }), clsx(active ? (activeClass ?? navState.activeClass) : (nonActiveClass ?? navState.nonActiveClass), className)));
 </script>
 
 <li>
   {#if restProps.href === undefined}
-    <button role="presentation" {...restProps} class={liClass} {onclick}>
+    <button role="presentation" {...restProps} class={liClass}>
       {@render children?.()}
     </button>
   {:else}
@@ -35,12 +36,11 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1096)
+[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1075)
 ## Props
 @prop children
 @prop activeClass
 @prop nonActiveClass
 @prop class: className
-@prop onclick
 @prop ...restProps
 -->

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

@@ -2,13 +2,12 @@ import type { NavLiProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1096)
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1075)
  * ## Props
  * @prop children
  * @prop activeClass
  * @prop nonActiveClass
  * @prop class: className
- * @prop onclick
  * @prop ...restProps
  */
 declare const NavLi: import("svelte").Component<NavLiProps, {}, "">;

package/dist/navbar/NavUl.svelte

@@ -3,7 +3,7 @@
   import { sineIn } from "svelte/easing";
   import { writable } from "svelte/store";
   import { slide } from "svelte/transition";
-
+  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
   import { navbar_ul } from "./theme";
   import type { NavbarState, NavUlProps } from "../types";
@@ -23,8 +23,8 @@
 
   $effect(() => {
     // setContext<NavbarLiType>("navbarContext", { activeClass: active({ class: activeClass }), nonActiveClass: nonActive({ class: nonActiveClass }) });
-    navState.activeClass = active({ class: activeClass });
-    navState.nonActiveClass = nonActive({ class: nonActiveClass });
+    navState.activeClass = twMerge(active(), clsx(activeClass));
+    navState.nonActiveClass = twMerge(nonActive(), clsx(nonActiveClass));
   });
 
   $effect(() => {
@@ -32,21 +32,21 @@
   });
   setContext("activeUrl", activeUrlStore);
 
-  let _divClass: string = $derived(base({ class: clsx(clasName) }));
-  let _ulClass: string = $derived(ul({ class: ulClass }));
+  let divCls: string = $derived(twMerge(base(), clsx(clsx(clasName))));
+  let ulCls: string = $derived(twMerge(ul(), clsx(ulClass)));
 </script>
 
 {#if !hidden}
-  <div {...restProps} class={_divClass} transition:slide={slideParamsOptions}>
+  <div {...restProps} class={divCls} transition:slide={slideParamsOptions}>
     <!-- onclick -->
-    <ul class={_ulClass}>
+    <ul class={ulCls}>
       {@render children?.()}
       <ul></ul>
     </ul>
   </div>
 {:else}
-  <div {...restProps} class={_divClass}>
-    <ul class={_ulClass}>
+  <div {...restProps} class={divCls}>
+    <ul class={ulCls}>
       {@render children?.()}
     </ul>
   </div>
@@ -56,7 +56,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1087)
+[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1066)
 ## 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#L1087)
+ * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1066)
  * ## Props
  * @prop children
  * @prop activeUrl

package/dist/navbar/Navbar.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
   import { setContext } from "svelte";
   import NavContainer from "./NavContainer.svelte";
@@ -18,8 +19,8 @@
 </script>
 
 <nav>
-  <div {...restProps} class={navbar({ class: clsx(className) })}>
-    <NavContainer {fluid} class={navContainerClass}>
+  <div {...restProps} class={twMerge(navbar(), clsx(className))}>
+    <NavContainer {fluid} class={clsx(navContainerClass)}>
       {@render children({ hidden: navState.hidden, toggle, NavContainer })}
     </NavContainer>
   </div>
@@ -29,7 +30,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1070)
+[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1049)
 ## 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#L1070)
+ * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1049)
  * ## Props
  * @prop children
  * @prop fluid

package/dist/pagination/Pagination.svelte

@@ -50,7 +50,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1164)
+[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1140)
 ## 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#L1164)
+ * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1140)
  * ## Props
  * @prop pages = []
  * @prop previous

package/dist/pagination/PaginationButton.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
   import { paginationbutton } from ".";
   import type { PaginationButtonProps } from "../types";
@@ -9,14 +10,13 @@
   const group = getContext<boolean>("group");
   const table = getContext<boolean>("table");
 
-  const paginationClass = $derived(
+  const paginationCls = $derived(
     paginationbutton({
       size: getContext("size") ?? size,
       active,
       group,
       table,
-      disabled,
-      class: clsx(className)
+      disabled
     })
   );
 
@@ -30,13 +30,13 @@
 </script>
 
 {#if href}
-  <a {href} {...restProps} class={paginationClass} onclick={handleClick}>
+  <a {href} {...restProps} class={twMerge(paginationCls, clsx(className))} onclick={handleClick}>
     {#if children}
       {@render children()}
     {/if}
   </a>
 {:else}
-  <button {...restProps} {disabled} class={paginationClass} onclick={handleClick}>
+  <button {...restProps} {disabled} class={twMerge(paginationCls, clsx(className))} onclick={handleClick}>
     {#if children}
       {@render children()}
     {/if}
@@ -47,7 +47,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1134)
+[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1111)
 ## 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#L1134)
+ * [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1111)
  * ## Props
  * @prop children
  * @prop size

package/dist/pagination/PaginationItem.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
   import { paginationItem } from ".";
   import type { PaginationItemProps } from "../types";
@@ -8,17 +9,17 @@
 
   const group = getContext<boolean>("group");
   const table = getContext<boolean>("table");
-  const paginationClass = $derived(paginationItem({ size: getContext("size") ?? size, active, group, table, class: clsx(className) }));
+  const paginationCls = $derived(twMerge(paginationItem({ size: getContext("size") ?? size, active, group, table }), clsx(className)));
 </script>
 
 {#if href}
-  <a {href} {...restProps} class={paginationClass}>
+  <a {href} {...restProps} class={paginationCls}>
     {#if children}
       {@render children()}
     {/if}
   </a>
 {:else}
-  <button {...restProps} class={paginationClass}>
+  <button {...restProps} class={paginationCls}>
     {#if children}
       {@render children()}
     {/if}
@@ -29,7 +30,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1160)
+[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1136)
 ## 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#L1160)
+ * [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1136)
  * ## Props
  * @prop children
  * @prop size

package/dist/pagination/PaginationNav.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { twMerge } from "tailwind-merge";
+  import clsx from "clsx";
   import { setContext } from "svelte";
   import { paginationnav } from "./theme";
   import { type PaginationNavProps, PaginationButton } from "..";
@@ -54,17 +56,17 @@
 
 <nav aria-label={ariaLabel} {...restProps}>
   {#if layout === "table"}
-    <div class={tableDiv({ class: tableDivClass })}>
-      Showing <span class={tableSpan({ class: spanClass })}>{currentPage}</span>
+    <div class={twMerge(tableDiv(), clsx(tableDivClass))}>
+      Showing <span class={twMerge(tableSpan(), clsx(spanClass))}>{currentPage}</span>
       of
-      <span class={tableSpan({ class: spanClass })}>{totalPages}</span>
+      <span class={twMerge(tableSpan(), clsx(spanClass))}>{totalPages}</span>
       Entries
     </div>
   {/if}
 
-  <ul class={base({ class: className })}>
+  <ul class={twMerge(base(), clsx(className))}>
     <li {...restProps}>
-      <PaginationButton onclick={goToPreviousPage} disabled={currentPage === 1} class={prevItem({ class: prevClass })}>
+      <PaginationButton onclick={goToPreviousPage} disabled={currentPage === 1} class={twMerge(prevItem(), clsx(prevClass))}>
         {#if prevContent}
           {@render prevContent()}
         {:else}
@@ -82,7 +84,7 @@
       {/each}
     {/if}
     <li {...restProps}>
-      <PaginationButton onclick={goToNextPage} disabled={currentPage === totalPages} class={nextItem({ class: nextClass })}>
+      <PaginationButton onclick={goToNextPage} disabled={currentPage === totalPages} class={twMerge(nextItem(), clsx(nextClass))}>
         {#if nextContent}
           {@render nextContent()}
         {:else}
@@ -97,7 +99,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1140)
+[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1117)
 ## 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#L1140)
+ * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1117)
  * ## Props
  * @prop currentPage = 1
  * @prop totalPages = 1

package/dist/popover/Popover.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
   import Popper from "../utils/Popper.svelte";
   import { popover } from "./theme";
@@ -9,7 +10,7 @@
   let { base, title, h3, content } = $derived(popover({ color }));
 </script>
 
-<Popper {...restProps} bind:isOpen {placement} {trigger} {arrow} class={base({ class: clsx(className) })}>
+<Popper {...restProps} bind:isOpen {placement} {trigger} {arrow} class={twMerge(base(), clsx(className))}>
   {#if typeof titleSlot === "string"}
     <div class={title()}>
       <h3 class={h3()}>{titleSlot}</h3>
@@ -17,7 +18,7 @@
   {:else if titleSlot}
     {@render titleSlot()}
   {/if}
-  <div class={content({ class: defaultClass })}>
+  <div class={twMerge(content(), clsx(defaultClass))}>
     {@render children()}
   </div>
 </Popper>
@@ -26,7 +27,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1174)
+[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1150)
 ## 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#L1174)
+ * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1150)
  * ## Props
  * @prop title: titleSlot
  * @prop color = "default"

package/dist/progress/Progressbar.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
+  import type { ProgressbarProps } from "../types";
+  import clsx from "clsx";
   import { cubicOut } from "svelte/easing";
-  import { twMerge } from "tailwind-merge";
   import { Tween } from "svelte/motion";
   import { progressbar } from ".";
-  import type { ProgressbarProps } from "../types";
 
-  let { progress = "45", precision = 0, tweenDuration = 400, animate = false, size = "h-2.5", labelInside = false, labelOutside = "", easing = cubicOut, color = "primary", labelInsideClass, oustsideSpanClass, oustsideProgressClass, labeloutsidedivClass, divClass, ...restProps }: ProgressbarProps = $props();
+  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();
 
   let _progress = new Tween(0, {
     duration: animate ? tweenDuration : 0,
@@ -24,18 +24,18 @@
 </script>
 
 {#if labelOutside}
-  <div {...restProps} class={outsideDiv({ class: labeloutsidedivClass })}>
-    <span class={oustsideSpan({ class: oustsideSpanClass })}>{labelOutside}</span>
-    <span class={outsideProgress({ class: oustsideProgressClass })}>{progress}%</span>
+  <div {...restProps} class={outsideDiv({ class: clsx(classes?.outsideDiv) })}>
+    <span class={oustsideSpan({ class: clsx(classes?.oustsideSpan) })}>{labelOutside}</span>
+    <span class={outsideProgress({ class: clsx(classes?.outsideProgress) })}>{progress}%</span>
   </div>
 {/if}
-<div {...restProps} class={twMerge(base({ class: divClass }), size)}>
+<div {...restProps} class={base({ class: clsx(size, classes?.base, className) })}>
   {#if labelInside}
-    <div class={twMerge(labelInsideDiv({ class: labelInsideClass }), size)} style="width: {_progress.current}%">
+    <div class={labelInsideDiv({ class: clsx(classes?.labelInsideDiv, size) })} style="width: {_progress.current}%">
       {_progress.current.toFixed(precision)}%
     </div>
   {:else}
-    <div class={twMerge(insideDiv({ class: labelInsideClass }), size)} style="width: {_progress.current}%"></div>
+    <div class={insideDiv({ class: clsx(classes?.labelInsideDiv, size) })} style="width: {_progress.current}%"></div>
   {/if}
 </div>
 
@@ -43,7 +43,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1184)
+[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1160)
 ## Props
 @prop progress = "45"
 @prop precision = 0
@@ -54,10 +54,7 @@
 @prop labelOutside = ""
 @prop easing = cubicOut
 @prop color = "primary"
-@prop labelInsideClass
-@prop oustsideSpanClass
-@prop oustsideProgressClass
-@prop labeloutsidedivClass
-@prop divClass
+@prop class: className
+@prop classes
 @prop ...restProps
 -->

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#L1184)
+ * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1160)
  * ## Props
  * @prop progress = "45"
  * @prop precision = 0
@@ -13,11 +13,8 @@ import type { ProgressbarProps } from "../types";
  * @prop labelOutside = ""
  * @prop easing = cubicOut
  * @prop color = "primary"
- * @prop labelInsideClass
- * @prop oustsideSpanClass
- * @prop oustsideProgressClass
- * @prop labeloutsidedivClass
- * @prop divClass
+ * @prop class: className
+ * @prop classes
  * @prop ...restProps
  */
 declare const Progressbar: import("svelte").Component<ProgressbarProps, {}, "">;