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

package/dist/gallery/Gallery.svelte.d.ts

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

package/dist/gallery/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 GalleryVariants = VariantProps<typeof gallery> & Classes<typeof gallery>;
 export declare const gallery: import("tailwind-variants").TVReturnType<{
     [key: string]: {

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 export * from "./uiHelpers.svelte.js";
 export * from "./utils";
-export * from "./theme";
-export { getTheme } from "./theme/themeUtils";
+export * from "./theme-provider";
+export { getTheme } from "./theme-provider/themeUtils.js";
+export * from "./theme-selector";
 export * from "./accordion";
 export * from "./alert";
 export * from "./avatar";
@@ -36,7 +37,7 @@ export * from "./sidebar";
 export * from "./skeleton";
 export * from "./speed-dial";
 export * from "./spinner";
-export * from "./step-indicator";
+export * from "./extend/step-indicator";
 export * from "./stepper";
 export * from "./tabs";
 export * from "./table";
@@ -46,7 +47,6 @@ export * from "./toolbar";
 export * from "./tooltip";
 export * from "./utils";
 export * from "./video";
-export * from "./forms/button-toggle";
 export * from "./forms/checkbox";
 export * from "./forms/dropzone";
 export * from "./forms/fileupload";
@@ -60,7 +60,6 @@ export * from "./forms/select";
 export * from "./forms/radio";
 export * from "./forms/range";
 export * from "./forms/search";
-export * from "./forms/tags";
 export * from "./forms/textarea";
 export * from "./forms/timepicker";
 export * from "./forms/toggle";
@@ -79,11 +78,13 @@ export * from "./typography/span";
 export * from "./video";
 export * from "./utils";
 export * from "./types";
-export * from "./clipboard-manager";
-export * from "./command-palette";
-export * from "./kanban";
-export * from "./scroll-spy";
-export * from "./split-pane";
-export * from "./tour";
-export * from "./virtuallist";
-export * from "./virtual-masonry";
+export * from "./extend/button-toggle";
+export * from "./extend/clipboard-manager";
+export * from "./extend/command-palette";
+export * from "./extend/kanban";
+export * from "./extend/scroll-spy";
+export * from "./extend/split-pane";
+export * from "./extend/tags";
+export * from "./extend/tour";
+export * from "./extend/virtuallist";
+export * from "./extend/virtual-masonry";

package/dist/index.js

@@ -3,8 +3,9 @@ export * from "./uiHelpers.svelte.js";
 export * from "./utils";
 // theme
 // export { default as ThemeProvider } from "./theme/ThemeProvider.svelte";
-export * from "./theme";
-export { getTheme } from "./theme/themeUtils";
+export * from "./theme-provider";
+export { getTheme } from "./theme-provider/themeUtils.js";
+export * from "./theme-selector";
 // components
 export * from "./accordion";
 export * from "./alert";
@@ -40,7 +41,7 @@ export * from "./sidebar";
 export * from "./skeleton";
 export * from "./speed-dial";
 export * from "./spinner";
-export * from "./step-indicator";
+export * from "./extend/step-indicator";
 export * from "./stepper";
 export * from "./tabs";
 export * from "./table";
@@ -51,7 +52,6 @@ export * from "./tooltip";
 export * from "./utils";
 export * from "./video";
 // forms
-export * from "./forms/button-toggle";
 export * from "./forms/checkbox";
 export * from "./forms/dropzone";
 export * from "./forms/fileupload";
@@ -65,7 +65,6 @@ export * from "./forms/select";
 export * from "./forms/radio";
 export * from "./forms/range";
 export * from "./forms/search";
-export * from "./forms/tags";
 export * from "./forms/textarea";
 export * from "./forms/timepicker";
 export * from "./forms/toggle";
@@ -86,11 +85,13 @@ export * from "./video";
 export * from "./utils";
 export * from "./types";
 // extend
-export * from "./clipboard-manager";
-export * from "./command-palette";
-export * from "./kanban";
-export * from "./scroll-spy";
-export * from "./split-pane";
-export * from "./tour";
-export * from "./virtuallist";
-export * from "./virtual-masonry";
+export * from "./extend/button-toggle";
+export * from "./extend/clipboard-manager";
+export * from "./extend/command-palette";
+export * from "./extend/kanban";
+export * from "./extend/scroll-spy";
+export * from "./extend/split-pane";
+export * from "./extend/tags";
+export * from "./extend/tour";
+export * from "./extend/virtuallist";
+export * from "./extend/virtual-masonry";

package/dist/indicator/Indicator.svelte

@@ -2,7 +2,7 @@
   import { indicator } from "./theme";
   import clsx from "clsx";
   import type { IndicatorProps } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, color = "brand", cornerStyle = "circular", size = "md", border = false, placement, offset = true, class: className, ...restProps }: IndicatorProps = $props();
 
@@ -33,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L998)
+[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1008)
 ## Props
 @prop children
 @prop color = "brand"

package/dist/indicator/Indicator.svelte.d.ts

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

package/dist/kbd/Kbd.svelte

@@ -2,7 +2,7 @@
   import { kbd } from "./theme";
   import clsx from "clsx";
   import type { KbdProps } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, class: className, ...restProps }: KbdProps = $props();
 
@@ -19,7 +19,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1009)
+[KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1019)
 ## Props
 @prop children
 @prop class: className

package/dist/kbd/Kbd.svelte.d.ts

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

package/dist/list-group/Listgroup.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import type { ListgroupProps } from "..";
   import ListgroupItem from "./ListgroupItem.svelte";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import { setListGroupContext } from "../context";
 
   let { children, items, active, onclick, horizontal, rounded, border, class: className, classes, ...restProps }: ListgroupProps = $props();
@@ -68,7 +68,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1028)
+[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1038)
 ## Props
 @prop children
 @prop items

package/dist/list-group/Listgroup.svelte.d.ts

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

package/dist/list-group/ListgroupItem.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import type { ListgroupItemProps } from "..";
   import { listGroupItem, type ListgroupItemVariants } from "./theme";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import { getListGroupContext } from "../context";
 
   let { children, active, current, disabled, horizontal, name, Icon, class: className, classes, href, type, ...restProps }: ListgroupItemProps = $props();
@@ -48,7 +48,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1038)
+[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1048)
 ## Props
 @prop children
 @prop active

package/dist/list-group/ListgroupItem.svelte.d.ts

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

package/dist/list-group/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 ListgroupVariants = VariantProps<typeof listGroup> & Classes<typeof listGroup>;
 export type ListgroupItemVariants = VariantProps<typeof listGroupItem> & Classes<typeof listGroupItem>;
 export declare const listGroup: import("tailwind-variants").TVReturnType<{

package/dist/mega-menu/MegaMenu.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import type { MegaMenuProps } from "..";
   import Popper from "../utils/Popper.svelte";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, extra, items = [], full, isOpen = $bindable(false), class: className, classes, ...restProps }: MegaMenuProps = $props();
 
@@ -31,7 +31,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1048)
+[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1058)
 ## Props
 @prop children
 @prop extra

package/dist/mega-menu/MegaMenu.svelte.d.ts

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

package/dist/mega-menu/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 MegaMenuVariants = VariantProps<typeof megamenu> & Classes<typeof megamenu>;
 export declare const megamenu: import("tailwind-variants").TVReturnType<{
     full: {

package/dist/modal/Modal.svelte

@@ -2,10 +2,11 @@
   import type { ModalProps } from "..";
   import Dialog from "../dialog/Dialog.svelte";
   import CloseButton from "../utils/CloseButton.svelte";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import clsx from "clsx";
   import { sineIn } from "svelte/easing";
   import { fade } from "svelte/transition";
+  import { prefersReducedMotion } from "svelte/motion";
   import { modal as modalStyle } from "./theme";
 
   let {
@@ -23,6 +24,7 @@
     transitionParams,
     transition = fade,
     fullscreen = false,
+    closeButtonProps,
     ...restProps
   }: ModalProps = $props();
 
@@ -31,16 +33,33 @@
   const theme = $derived(getTheme("modal"));
 
   const paramsDefault = { duration: 100, easing: sineIn };
-  const paramsOptions = $derived(transitionParams ?? paramsDefault);
+
+  // 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 ?? paramsDefault), duration: 0 } : (transitionParams ?? paramsDefault));
 
   const { base, header: headerCls, footer: footerCls, body } = $derived(modalStyle({ placement, size }));
+
+  const finalCloseProps = $derived({
+    type: "submit" as const,
+    formnovalidate: true,
+    class: clsx(theme?.close, styling?.close),
+    color: closeButtonProps?.color,
+    ariaLabel: closeButtonProps?.ariaLabel,
+    size: closeButtonProps?.size,
+    classes: closeButtonProps?.classes,
+    name: closeButtonProps?.name,
+    onclick: closeButtonProps?.onclick
+  });
 </script>
 
 <Dialog
   bind:open
   {transition}
   dismissable={dismissable && !title && !permanent}
-  transitionParams={paramsOptions}
+  transitionParams={effectiveParams}
   {classes}
   {permanent}
   {...restProps}
@@ -51,7 +70,7 @@
       {#if title}
         <h3>{title}</h3>
         {#if dismissable && !permanent}
-          <CloseButton type="submit" formnovalidate class={clsx(theme?.close, styling?.close)} />
+          <CloseButton {...finalCloseProps} />
         {/if}
       {:else if header}
         {@render header()}
@@ -72,7 +91,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1057)
+[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1067)
 ## Props
 @prop children
 @prop header
@@ -88,5 +107,6 @@
 @prop transitionParams
 @prop transition = fade
 @prop fullscreen = false
+@prop closeButtonProps
 @prop ...restProps
 -->

package/dist/modal/Modal.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ModalProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1057)
+ * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1067)
  * ## Props
  * @prop children
  * @prop header
@@ -18,6 +18,7 @@ import type { ModalProps } from "..";
  * @prop transitionParams
  * @prop transition = fade
  * @prop fullscreen = false
+ * @prop closeButtonProps
  * @prop ...restProps
  */
 declare const Modal: import("svelte").Component<ModalProps, {}, "open">;

package/dist/modal/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 ModalVariants = VariantProps<typeof modal> & Classes<typeof modal> & Classes<typeof dialog>;
 export declare const modal: import("tailwind-variants").TVReturnType<{

package/dist/navbar/Menu.svelte

@@ -35,7 +35,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1064)
+[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1075)
 ## Props
 @prop size = "24"
 @prop color = "currentColor"

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

@@ -2,7 +2,7 @@ import type { MenuProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1064)
+ * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1075)
  * ## Props
  * @prop size = "24"
  * @prop color = "currentColor"

package/dist/navbar/NavBrand.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { navbarBrand } from "./theme";
   import type { NavBrandProps } from "../types";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, class: className, ...restProps }: NavBrandProps = $props();
 
@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1086)
+[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1097)
 ## Props
 @prop children
 @prop class: className

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

@@ -1,7 +1,7 @@
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1086)
+ * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1097)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/navbar/NavContainer.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { navbarContainer } from "./theme";
   import type { NavContainerProps } from "../types";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, fluid, class: className, ...restProps }: NavContainerProps = $props();
 
@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1088)
+[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1099)
 ## 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#L1088)
+ * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1099)
  * ## Props
  * @prop children
  * @prop fluid

package/dist/navbar/NavHamburger.svelte

@@ -5,7 +5,7 @@
   import { navbarHamburger } from "./theme";
   import type { NavHamburgerProps } from "../types";
   import type { MouseEventHandler } from "svelte/elements";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import { getNavbarStateContext, getNavbarBreakpointContext } from "../context";
 
   let { children, onclick, class: className, classes, name = "Open main menu", ...restProps }: NavHamburgerProps = $props();
@@ -33,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1092)
+[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1103)
 ## Props
 @prop children
 @prop onclick

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

@@ -1,7 +1,7 @@
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1092)
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1103)
  * ## Props
  * @prop children
  * @prop onclick
@@ -68,7 +68,7 @@ declare const NavHamburger: import("svelte").Component<import("../toolbar/theme"
 }, {
     base: string;
     menu: string;
-}, undefined, unknown, unknown, undefined>>> & import("../theme/themeUtils").Classes<import("tailwind-variants").TVReturnType<{
+}, undefined, unknown, unknown, undefined>>> & import("../theme-provider/themeUtils").Classes<import("tailwind-variants").TVReturnType<{
     breakpoint: {
         sm: {
             base: string;

package/dist/navbar/NavLi.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import type { NavLiProps } from "../types";
   import clsx from "clsx";
   import { navbarLi } from "./theme";
@@ -55,7 +55,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1109)
+[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1120)
 ## Props
 @prop children
 @prop onclick

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

@@ -2,7 +2,7 @@ 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#L1109)
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1120)
  * ## Props
  * @prop children
  * @prop onclick

package/dist/navbar/NavUl.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import type { NavUlProps } from "../types";
   import clsx from "clsx";
   import { sineIn } from "svelte/easing";
@@ -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#L1097)
+[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1108)
 ## Props
 @prop children
 @prop activeUrl = $bindable()

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

package/dist/navbar/Navbar.svelte

@@ -3,7 +3,7 @@
   import NavContainer from "./NavContainer.svelte";
   import { navbar } from "./theme";
   import type { NavbarState, NavbarProps } from "../types";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import { setNavbarStateContext, setNavbarBreakpointContext } from "../context";
 
   let { children, fluid, class: className, classes, closeOnClickOutside = true, breakpoint = "md", ...restProps }: NavbarProps = $props();
@@ -51,7 +51,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1079)
+[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1090)
 ## 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#L1079)
+ * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1090)
  * ## Props
  * @prop children
  * @prop fluid

package/dist/navbar/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 NavbarBreakpoint = "sm" | "md" | "lg" | "xl";
 export type NavbarUlVariants = VariantProps<typeof navbarUl> & Classes<typeof navbarUl>;
 export type NavbarHamburgerVariants = VariantProps<typeof navbarHamburger> & Classes<typeof navbarHamburger>;

package/dist/pagination/Pagination.svelte

@@ -2,7 +2,7 @@
   import { pagination } from "./theme";
   import PaginationItem from "./PaginationItem.svelte";
   import type { PaginationProps, PaginationContextType } from "../types";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import { setPaginationContext } from "../context";
   import clsx from "clsx";
 
@@ -67,7 +67,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1177)
+[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#L1177)
+ * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1188)
  * ## Props
  * @prop pages = []
  * @prop previous