flowbite-svelte 1.11.2 → 1.11.4

package/dist/device-mockups/Tablet.svelte.d.ts

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

package/dist/device-mockups/theme.d.ts

@@ -3,26 +3,26 @@ import { type VariantProps } from "tailwind-variants";
 export type AndroidVariants = VariantProps<typeof android> & Classes<typeof android>;
 declare const android: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -35,14 +35,14 @@ declare const android: import("tailwind-variants").TVReturnType<{
     right: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -65,24 +65,24 @@ declare const android: import("tailwind-variants").TVReturnType<{
 export type DefaultMockupVariants = VariantProps<typeof defaultMockup> & Classes<typeof defaultMockup>;
 declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -94,13 +94,13 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     right: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -121,20 +121,20 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
 export type DesktopVariants = VariantProps<typeof desktop> & Classes<typeof desktop>;
 declare const desktop: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botUnder?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botUnder?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botUnder?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botUnder?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -144,11 +144,11 @@ declare const desktop: import("tailwind-variants").TVReturnType<{
     botUnder: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botUnder?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botUnder?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -165,24 +165,24 @@ declare const desktop: import("tailwind-variants").TVReturnType<{
 export type IosVariants = VariantProps<typeof ios> & Classes<typeof ios>;
 declare const ios: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -194,13 +194,13 @@ declare const ios: import("tailwind-variants").TVReturnType<{
     right: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -221,20 +221,20 @@ declare const ios: import("tailwind-variants").TVReturnType<{
 export type LaptopVariants = VariantProps<typeof laptop> & Classes<typeof laptop>;
 declare const laptop: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botCen?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botCen?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botCen?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botCen?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -244,11 +244,11 @@ declare const laptop: import("tailwind-variants").TVReturnType<{
     botCen: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botCen?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botCen?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -265,24 +265,24 @@ declare const laptop: import("tailwind-variants").TVReturnType<{
 export type SmartwatchVariants = VariantProps<typeof smartwatch> & Classes<typeof smartwatch>;
 declare const smartwatch: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            rightTop?: import("tailwind-variants").ClassValue;
-            rightBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            rightTop?: import("tailwind-merge").ClassNameValue;
+            rightBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            rightTop?: import("tailwind-variants").ClassValue;
-            rightBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            rightTop?: import("tailwind-merge").ClassNameValue;
+            rightBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -294,13 +294,13 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
     bot: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            rightTop?: import("tailwind-variants").ClassValue;
-            rightBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            rightTop?: import("tailwind-merge").ClassNameValue;
+            rightBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -321,24 +321,24 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
 export type TabletVariants = VariantProps<typeof tablet> & Classes<typeof tablet>;
 declare const tablet: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -350,13 +350,13 @@ declare const tablet: import("tailwind-variants").TVReturnType<{
     right: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {

package/dist/drawer/Drawer.svelte

@@ -5,9 +5,9 @@
   import { sineIn } from "svelte/easing";
   import { drawer } from ".";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
-  import { createDismissableContext } from "../utils/dismissable.svelte";
+  import { createDismissableContext } from "../utils/dismissable";
 
-  let { children, hidden = $bindable(), activateClickOutside = true, position, width, backdrop = true, backdropClass, placement = "left", class: className, classes, transitionParams, transitionType = fly, bodyScrolling = false, onclose, ...restProps }: DrawerProps = $props();
+  let { children, hidden = $bindable(), activateClickOutside = true, position, width, backdrop = true, backdropClass, placement = "left", class: className, classes, transitionParams, transitionType = fly, bodyScrolling = false, ...restProps }: DrawerProps = $props();
 
   warnThemeDeprecation("Drawer", { backdropClass }, { backdropClass: "backdrop" });
   const styling = $derived(classes ?? { backdrop: backdropClass });
@@ -43,7 +43,7 @@
 <svelte:window bind:innerWidth bind:innerHeight />
 
 {#if !hidden}
-  <div role="presentation" bind:this={ref} {onclose} class={backdropCls({ class: clsx(theme?.backdrop, styling.backdrop) })} onclick={activateClickOutside ? close : undefined} style={bodyScrolling ? "pointer-events: none;" : ""}></div>
+  <div role="presentation" bind:this={ref} class={backdropCls({ class: clsx(theme?.backdrop, styling.backdrop) })} onclick={activateClickOutside ? close : undefined} style={bodyScrolling ? "pointer-events: none;" : ""}></div>
   <div use:trapFocus={{ onEscape: close as () => void }} {...restProps} class={base({ class: clsx(theme?.base, className) })} transition:transitionType={transitionParams ? transitionParams : (transition_params as ParamsType)} tabindex="-1">
     {@render children?.()}
   </div>
@@ -53,7 +53,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L566)
+[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L554)
 ## Props
 @prop children
 @prop hidden = $bindable()
@@ -68,6 +68,5 @@
 @prop transitionParams
 @prop transitionType = fly
 @prop bodyScrolling = false
-@prop onclose
 @prop ...restProps
 -->

package/dist/drawer/Drawer.svelte.d.ts

@@ -2,7 +2,7 @@ import { type DrawerProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L566)
+ * [DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L554)
  * ## Props
  * @prop children
  * @prop hidden = $bindable()
@@ -17,7 +17,6 @@ import { type DrawerProps } from "..";
  * @prop transitionParams
  * @prop transitionType = fly
  * @prop bodyScrolling = false
- * @prop onclose
  * @prop ...restProps
  */
 declare const Drawer: import("svelte").Component<DrawerProps, {}, "hidden">;

package/dist/drawer/Drawerhead.svelte

@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L577)
+[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L565)
 ## Props
 @prop closeIcon
 @prop children

package/dist/drawer/Drawerhead.svelte.d.ts

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

package/dist/drawer/theme.d.ts

@@ -137,18 +137,18 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
 export type DrawerheadVariants = VariantProps<typeof drawerhead> & Classes<typeof drawerhead>;
 export declare const drawerhead: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            button?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-            svg?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            svg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            button?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-            svg?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            svg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -157,10 +157,10 @@ export declare const drawerhead: import("tailwind-variants").TVReturnType<{
     svg: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            button?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-            svg?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            svg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {

package/dist/dropdown/Dropdown.svelte

@@ -1,21 +1,20 @@
 <script lang="ts">
+  import { DropdownGroup, type DropdownProps, Popper } from "..";
+  import { getTheme } from "../theme/themeUtils";
+  import clsx from "clsx";
   import { setContext } from "svelte";
-  import { writable } from "svelte/store";
   import { dropdown } from "./";
-  import clsx from "clsx";
-  import { type DropdownProps, Popper, DropdownGroup } from "..";
-  import { getTheme } from "../theme/themeUtils";
 
   let { children, simple = false, placement = "bottom", offset = 2, class: className, activeUrl = "", isOpen = $bindable(false), ...restProps }: DropdownProps = $props();
 
   const theme = getTheme("dropdown");
 
   const base = $derived(dropdown({ class: clsx(theme, className) }));
-  const activeUrlStore = writable("");
+  const activeUrlStore = $state({ value: "" });
   setContext("activeUrl", activeUrlStore);
 
   $effect(() => {
-    activeUrlStore.set(activeUrl ?? "");
+    activeUrlStore.value = activeUrl ?? "";
   });
 </script>
 
@@ -35,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L584)
+[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L572)
 ## Props
 @prop children
 @prop simple = false

package/dist/dropdown/Dropdown.svelte.d.ts

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

package/dist/dropdown/DropdownDivider.svelte

@@ -15,7 +15,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L590)
+[DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L578)
 ## Props
 @prop class: className
 @prop ...restProps

package/dist/dropdown/DropdownDivider.svelte.d.ts

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

package/dist/dropdown/DropdownGroup.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L606)
+[DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L594)
 ## Props
 @prop children
 @prop class: className

package/dist/dropdown/DropdownGroup.svelte.d.ts

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

package/dist/dropdown/DropdownHeader.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L592)
+[DropdownHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L580)
 ## Props
 @prop children
 @prop class: className