flowbite-svelte 2.0.0-next.2 → 2.0.0-next.4

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

@@ -3,7 +3,7 @@ import type { DeviceMockupProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L578)
+ * [DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L585)
  * ## Props
  * @prop children
  * @prop device = "default"

package/dist/device-mockups/Ios.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { ios } from "./theme";
   import type { IosProps } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import clsx from "clsx";
 
   let { children, class: className, classes, ...restProps }: IosProps = $props();
@@ -12,12 +12,12 @@
   const { base, slot, top, leftTop, leftBot, right } = ios();
 </script>
 
-<div {...restProps} class={base({ class: clsx(theme?.base, className) })}>
-  <div class={top({ class: clsx(theme?.top, styling?.top) })}></div>
-  <div class={leftTop({ class: clsx(theme?.leftTop, styling?.leftTop) })}></div>
-  <div class={leftBot({ class: clsx(theme?.leftBot, styling?.leftBot) })}></div>
-  <div class={right({ class: clsx(theme?.right, styling?.right) })}></div>
-  <div class={slot({ class: clsx(theme?.slot, styling?.slot) })}>
+<div data-scope="ios" {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+  <div data-part="top" class={top({ class: clsx(theme?.top, styling?.top) })}></div>
+  <div data-part="left-top" class={leftTop({ class: clsx(theme?.leftTop, styling?.leftTop) })}></div>
+  <div data-part="left-bot" class={leftBot({ class: clsx(theme?.leftBot, styling?.leftBot) })}></div>
+  <div data-part="right" class={right({ class: clsx(theme?.right, styling?.right) })}></div>
+  <div data-part="slot" class={slot({ class: clsx(theme?.slot, styling?.slot) })}>
     {#if children}
       {@render children()}
     {/if}
@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[IosProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L607)
+[IosProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L614)
 ## Props
 @prop children
 @prop class: className

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

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

package/dist/device-mockups/Laptop.svelte

@@ -2,7 +2,7 @@
   import type { LaptopProps } from "..";
   import clsx from "clsx";
   import { laptop } from "./theme";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, class: className, classes, ...restProps }: LaptopProps = $props();
 
@@ -14,16 +14,16 @@
 </script>
 
 <div {...restProps}>
-  <div class={base({ class: clsx(theme?.base, className) })}>
-    <div class={inner({ class: clsx(theme?.inner, styling?.inner) })}>
+  <div data-scope="laptop" data-part="base" class={base({ class: clsx(theme?.base, className) })}>
+    <div data-part="inner" class={inner({ class: clsx(theme?.inner, styling?.inner) })}>
       {#if children}
         {@render children()}
       {/if}
     </div>
   </div>
 
-  <div class={bot({ class: clsx(theme?.bot, styling?.bot) })}>
-    <div class={botCen({ class: clsx(theme?.botCen, styling?.botCen) })}></div>
+  <div data-part="bot" class={bot({ class: clsx(theme?.bot, styling?.bot) })}>
+    <div data-part="bot-cen" class={botCen({ class: clsx(theme?.botCen, styling?.botCen) })}></div>
   </div>
 </div>
 
@@ -31,7 +31,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[LaptopProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L591)
+[LaptopProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L598)
 ## Props
 @prop children
 @prop class: className

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

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

package/dist/device-mockups/Smartwatch.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { SmartwatchProps } from "..";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import { smartwatch } from "./theme";
 
   let { children, class: className, classes, ...restProps }: SmartwatchProps = $props();
@@ -12,24 +12,24 @@
 </script>
 
 <div {...restProps}>
-  <div class={base({ class: clsx(theme?.base, className) })}></div>
-  <div class={top({ class: clsx(theme?.top, styling?.top) })}>
-    <div class={rightTop({ class: clsx(theme?.rightTop, styling?.rightTop) })}></div>
-    <div class={rightBot({ class: clsx(theme?.rightBot, styling?.rightBot) })}></div>
-    <div class={slot({ class: clsx(theme?.slot, styling?.slot) })}>
+  <div data-scope="smart-watch" class={base({ class: clsx(theme?.base, className) })}></div>
+  <div data-part="top" class={top({ class: clsx(theme?.top, styling?.top) })}>
+    <div data-part="right-top" class={rightTop({ class: clsx(theme?.rightTop, styling?.rightTop) })}></div>
+    <div data-part="right-bot" class={rightBot({ class: clsx(theme?.rightBot, styling?.rightBot) })}></div>
+    <div data-part="slot" class={slot({ class: clsx(theme?.slot, styling?.slot) })}>
       {#if children}
         {@render children()}
       {/if}
     </div>
   </div>
-  <div class={bot({ class: clsx(theme?.bot, styling?.bot) })}></div>
+  <div data-part="bot" class={bot({ class: clsx(theme?.bot, styling?.bot) })}></div>
 </div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SmartwatchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L611)
+[SmartwatchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L618)
 ## Props
 @prop children
 @prop class: className

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

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

package/dist/device-mockups/Tablet.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { tablet } from "./theme";
   import type { TabletProps } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import clsx from "clsx";
 
   let { children, class: className, classes, ...restProps }: TabletProps = $props();
@@ -12,12 +12,12 @@
   const { base, leftTop, leftMid, leftBot, right, slot } = tablet();
 </script>
 
-<div {...restProps} class={base({ class: clsx(theme?.base, className) })}>
-  <div class={leftTop({ class: clsx(theme?.leftTop, styling?.leftTop) })}></div>
-  <div class={leftMid({ class: clsx(theme?.leftMid, styling?.leftMid) })}></div>
-  <div class={leftBot({ class: clsx(theme?.leftBot, styling?.leftBot) })}></div>
-  <div class={right({ class: clsx(theme?.right, styling?.right) })}></div>
-  <div class={slot({ class: clsx(theme?.slot, styling?.slot) })}>
+<div data-scope="tablet" data-part="base" {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+  <div data-part="left-top" class={leftTop({ class: clsx(theme?.leftTop, styling?.leftTop) })}></div>
+  <div data-part="left-mid" class={leftMid({ class: clsx(theme?.leftMid, styling?.leftMid) })}></div>
+  <div data-part="left-bot" class={leftBot({ class: clsx(theme?.leftBot, styling?.leftBot) })}></div>
+  <div data-part="right" class={right({ class: clsx(theme?.right, styling?.right) })}></div>
+  <div data-part="slot" class={slot({ class: clsx(theme?.slot, styling?.slot) })}>
     {#if children}
       {@render children()}
     {/if}
@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TabletProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L615)
+[TabletProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L622)
 ## Props
 @prop children
 @prop class: className

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#L615)
+ * [TabletProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L622)
  * ## Props
  * @prop children
  * @prop class: className

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

@@ -1,4 +1,4 @@
-import type { Classes } from "../theme/themeUtils";
+import type { Classes } from "../theme-provider/themeUtils";
 import { type VariantProps } from "tailwind-variants";
 export type AndroidVariants = VariantProps<typeof android> & Classes<typeof android>;
 declare const android: import("tailwind-variants").TVReturnType<{

package/dist/dialog/Dialog.svelte

@@ -6,6 +6,7 @@
   import clsx from "clsx";
   import { sineIn } from "svelte/easing";
   import { fade } from "svelte/transition";
+  import { prefersReducedMotion } from "svelte/motion";
   import { dialog } from "./theme";
 
   let {
@@ -26,10 +27,17 @@
     classes,
     transition = fade,
     transitionParams,
+    closeButtonProps,
     ...restProps
   }: DialogProps = $props();
 
-  const paramsOptions = $derived(transitionParams ?? { duration: 100, easing: sineIn });
+  // Check if running in browser to avoid SSR issues
+  const isBrowser = typeof window !== "undefined";
+
+  // Respect reduced motion preference by setting duration to 0
+  const effectiveParams = $derived(
+    isBrowser && prefersReducedMotion.current ? { ...(transitionParams ?? { duration: 100, easing: sineIn }), duration: 0 } : (transitionParams ?? { duration: 100, easing: sineIn })
+  );
 
   const styling = $derived(classes);
   let { base, form: formCls, close: closeCls } = $derived(dialog());
@@ -141,17 +149,31 @@
   }
 
   createDismissableContext(close_handler);
+
+  const finalCloseProps = $derived({
+    type: "submit" as const,
+    formnovalidate: true,
+    class: closeCls({ class: clsx(styling?.close, closeButtonProps?.class) }),
+    color: closeButtonProps?.color,
+    size: closeButtonProps?.size,
+    classes: closeButtonProps?.classes,
+    name: closeButtonProps?.name,
+    ariaLabel: closeButtonProps?.ariaLabel,
+    onclick: closeButtonProps?.onclick
+  });
 </script>
 
 {#snippet content()}
   {@render children?.()}
   {#if dismissable && !permanent}
-    <CloseButton type="submit" formnovalidate class={closeCls({ class: clsx(styling?.close) })} />
+    <CloseButton {...finalCloseProps} />
   {/if}
 {/snippet}
 
 {#if open}
   <dialog
+    data-scope="dialog"
+    data-part="base"
     {@attach init}
     bind:this={ref}
     use:focusTrap
@@ -160,7 +182,7 @@
     oncancel={_oncancel}
     onclick={_onclick}
     ontoggle={_ontoggle}
-    transition:transition|global={paramsOptions as ParamsType}
+    transition:transition|global={effectiveParams as ParamsType}
     {...restProps}
     class={base({ class: clsx(className) })}
   >
@@ -178,7 +200,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DialogProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L621)
+[DialogProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L627)
 ## Props
 @prop children
 @prop onaction = ()
@@ -197,5 +219,6 @@
 @prop classes
 @prop transition = fade
 @prop transitionParams
+@prop closeButtonProps
 @prop ...restProps
 -->

package/dist/dialog/Dialog.svelte.d.ts

@@ -2,7 +2,7 @@ import type { DialogProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [DialogProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L621)
+ * [DialogProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L627)
  * ## Props
  * @prop children
  * @prop onaction = ()
@@ -21,6 +21,7 @@ import type { DialogProps } from "..";
  * @prop classes
  * @prop transition = fade
  * @prop transitionParams
+ * @prop closeButtonProps
  * @prop ...restProps
  */
 declare const Dialog: import("svelte").Component<DialogProps, {}, "open">;

package/dist/dialog/theme.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from "tailwind-variants";
-import type { Classes } from "../theme/themeUtils";
+import type { Classes } from "../theme-provider/themeUtils";
 export type DialogVariants = VariantProps<typeof dialog> & Classes<typeof dialog>;
 export declare const dialog: import("tailwind-variants").TVReturnType<{}, {
     base: string;

package/dist/drawer/Drawer.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
   import type { DrawerProps } from "..";
   import Dialog from "../dialog/Dialog.svelte";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import clsx from "clsx";
   import { sineIn } from "svelte/easing";
+  import { prefersReducedMotion } from "svelte/motion";
   import { fly } from "svelte/transition";
   import { drawer } from "./theme";
   import { setDrawerContext } from "../context";
@@ -45,7 +46,11 @@
   let x = $state(),
     y = $state();
 
-  let transition_params = $derived({ x, y, duration: 300, easing: sineIn, opacity: 1, ...transitionParams });
+  const isBrowser = typeof window !== "undefined";
+
+  let transition_params = $derived(
+    isBrowser && prefersReducedMotion.current ? { x, y, easing: sineIn, opacity: 1, ...transitionParams, duration: 0 } : { x, y, duration: 300, easing: sineIn, opacity: 1, ...transitionParams }
+  );
 
   function init(node: HTMLDialogElement) {
     // set initial offset, later it will be switched on/off by onintrostart
@@ -91,6 +96,8 @@
 </script>
 
 <Dialog
+  data-scope="drawer"
+  data-part="base"
   {@attach init}
   bind:open
   {modal}
@@ -116,7 +123,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L635)
+[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L642)
 ## Props
 @prop children
 @prop open = $bindable(false)

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#L635)
+ * [DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L642)
  * ## Props
  * @prop children
  * @prop open = $bindable(false)

package/dist/drawer/DrawerHandle.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import type { DrawerHandleProps } from "..";
   import clsx from "clsx";
   import { drawerhandle } from "./theme";
@@ -13,16 +13,16 @@
   let { base, handle } = $derived(drawerhandle({ placement: placement ?? ctx?.placement ?? "left" }));
 </script>
 
-<button type="button" aria-label={ariaLabel} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+<button data-scope="drawer-handle" data-part="base" type="button" aria-label={ariaLabel} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
   {@render children?.()}
-  <span class={handle({ class: clsx(theme?.handle, styling?.handle) })}></span>
+  <span data-part="handle" class={handle({ class: clsx(theme?.handle, styling?.handle) })}></span>
 </button>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerHandleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L639)
+[DrawerHandleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L646)
 ## Props
 @prop children
 @prop placement

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

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

package/dist/drawer/Drawerhead.svelte

@@ -2,7 +2,7 @@
   import { drawerhead } from "./theme";
   import clsx from "clsx";
   import type { DrawerheadProps } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { closeIcon, children, class: className, classes, ...restProps }: DrawerheadProps = $props();
 
@@ -12,15 +12,15 @@
   const { base, button, svg } = $derived(drawerhead());
 </script>
 
-<div class={base({ class: clsx(theme?.base, className) })}>
+<div data-scope="drawer-head" data-part="base" class={base({ class: clsx(theme?.base, className) })}>
   {#if children}
     {@render children()}
   {/if}
   {#if closeIcon}
     {@render closeIcon()}
   {:else}
-    <button type="button" {...restProps} class={button({ class: clsx(theme?.button, styling?.button) })}>
-      <svg class={svg({ class: clsx(theme?.svg, styling?.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <button type="button" data-part="button" {...restProps} class={button({ class: clsx(theme?.button, styling?.button) })}>
+      <svg data-part="svg" class={svg({ class: clsx(theme?.svg, styling?.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
       </svg>
       <span class="sr-only">Close drawer</span>
@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L641)
+[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L648)
 ## 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#L641)
+ * [DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L648)
  * ## Props
  * @prop closeIcon
  * @prop children

package/dist/drawer/theme.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from "tailwind-variants";
-import type { Classes } from "../theme/themeUtils";
+import type { Classes } from "../theme-provider/themeUtils";
 import { dialog } from "../dialog/theme";
 export type DrawerVariants = VariantProps<typeof drawer> & Classes<typeof drawer> & Classes<typeof dialog>;
 export declare const drawer: import("tailwind-variants").TVReturnType<{

package/dist/drawer/theme.js

@@ -62,7 +62,7 @@ export const drawer = tv({
 export const drawerhead = tv({
     slots: {
         base: "flex items-center justify-between",
-        button: "ms-auto inline-flex h-8 w-8 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white",
+        button: "ms-auto inline-flex h-8 w-8 items-center justify-center rounded-base bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white",
         svg: "h-4 w-4"
     }
 });

package/dist/dropdown/Dropdown.svelte

@@ -2,7 +2,7 @@
   import type { DropdownProps } from "..";
   import Popper from "../utils/Popper.svelte";
   import DropdownGroup from "./DropdownGroup.svelte";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import clsx from "clsx";
   import { setDropdownContext } from "../context";
   import { dropdown } from "./theme";
@@ -39,7 +39,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L646)
+[DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L653)
 ## 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#L646)
+ * [DropdownProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L653)
  * ## Props
  * @prop children
  * @prop simple = false

package/dist/dropdown/DropdownDivider.svelte

@@ -2,7 +2,7 @@
   import { dropdownDivider } from "./theme";
   import clsx from "clsx";
   import type { DropdownDividerProps } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { class: className, ...restProps }: DropdownDividerProps = $props();
 
@@ -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#L652)
+[DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L659)
 ## 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#L652)
+ * [DropdownDividerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L659)
  * ## Props
  * @prop class: className
  * @prop ...restProps

package/dist/dropdown/DropdownGroup.svelte

@@ -2,7 +2,7 @@
   import { dropdownGroup } from "./theme";
   import clsx from "clsx";
   import type { DropdownGroupProps } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, class: className, ...restProps }: DropdownGroupProps = $props();
 
@@ -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#L674)
+[DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L681)
 ## 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#L674)
+ * [DropdownGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L681)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/dropdown/DropdownHeader.svelte

@@ -2,7 +2,7 @@
   import { dropdownHeader } from "./theme";
   import clsx from "clsx";
   import type { DropdownHeaderProps } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, class: className, ...restProps }: DropdownHeaderProps = $props();
 
@@ -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#L654)
+[DropdownHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L661)
 ## Props
 @prop children
 @prop class: className

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

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

package/dist/dropdown/DropdownItem.svelte

@@ -2,7 +2,7 @@
   import { getDropdownContext } from "../context";
   import { dropdownItem } from "./theme";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import type { DropdownItemProps } from "../types";
 
   let { children, classes, class: className, href, onclick, ...restProps }: DropdownItemProps = $props();
@@ -39,7 +39,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DropdownItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L658)
+[DropdownItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L665)
 ## Props
 @prop children
 @prop classes

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

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

package/dist/dropdown/theme.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from "tailwind-variants";
-import type { Classes } from "../theme/themeUtils";
+import type { Classes } from "../theme-provider/themeUtils";
 export declare const dropdown: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "mt-2 divide-y divide-gray-300 dark:divide-gray-500 overflow-hidden rounded-lg bg-white shadow-sm dark:bg-gray-700", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "mt-2 divide-y divide-gray-300 dark:divide-gray-500 overflow-hidden rounded-lg bg-white shadow-sm dark:bg-gray-700", unknown, unknown, undefined>>;
 export declare const dropdownDivider: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "my-1 h-px bg-gray-100 dark:bg-gray-500", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "my-1 h-px bg-gray-100 dark:bg-gray-500", unknown, unknown, undefined>>;
 export declare const dropdownHeader: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "px-4 py-3 text-sm text-gray-900 dark:text-white", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "px-4 py-3 text-sm text-gray-900 dark:text-white", unknown, unknown, undefined>>;