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

package/dist/forms/radio/RadioButton.svelte

@@ -3,7 +3,7 @@
   import type { RadioButtonProps } from "../..";
   import Button from "../../buttons/Button.svelte";
   import { radioButton } from "./theme";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, group = $bindable<T>(), value = $bindable<T>(), inline, pill, outline, size, color, shadow, checkedClass, class: className, ...restProps }: RadioButtonProps<T> = $props();
 

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

package/dist/forms/range/Range.svelte

@@ -2,7 +2,7 @@
   import { range } from "./theme";
   import clsx from "clsx";
   import type { RangeProps } from "../..";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { value = $bindable(), appearance = "none", color = "blue", size = "md", inputClass, class: className, ...restProps }: RangeProps = $props();
 
@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L856)
+[RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L858)
 ## Props
 @prop value = $bindable()
 @prop appearance = "none"

package/dist/forms/range/Range.svelte.d.ts

@@ -2,7 +2,7 @@ import type { RangeProps } from "../..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L856)
+ * [RangeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L858)
  * ## Props
  * @prop value = $bindable()
  * @prop appearance = "none"

package/dist/forms/search/Search.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import type { SearchProps } from "../..";
   import CloseButton from "../../utils/CloseButton.svelte";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
   import { createDismissableContext } from "../../utils/dismissable";
 
   let {
@@ -58,7 +58,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L862)
+[SearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L864)
 ## Props
 @prop children
 @prop size

package/dist/forms/search/Search.svelte.d.ts

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

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

package/dist/forms/select/MultiSelect.svelte

@@ -4,7 +4,7 @@
   import Badge from "../../badge/Badge.svelte";
   import CloseButton from "../../utils/CloseButton.svelte";
   import { multiSelect } from "./theme";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
   import { onMount } from "svelte";
   import { createDismissableContext } from "../../utils/dismissable";
   import { getButtonGroupContext } from "../../context";

package/dist/forms/select/Select.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import type { SelectProps } from "../..";
   import CloseButton from "../../utils/CloseButton.svelte";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
   import { createDismissableContext } from "../../utils/dismissable";
   import { getButtonGroupContext } from "../../context";
 

package/dist/forms/select/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 SelectVariants = VariantProps<typeof select> & Classes<typeof select>;
 export type MultiSelectVariants = VariantProps<typeof multiSelect> & Classes<typeof multiSelect>;
 export declare const select: import("tailwind-variants").TVReturnType<{

package/dist/forms/textarea/Textarea.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import type { TextareaProps } from "../..";
   import CloseButton from "../../utils/CloseButton.svelte";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
   import { createDismissableContext } from "../../utils/dismissable";
 
   let {
@@ -77,7 +77,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L960)
+[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L962)
 ## Props
 @prop header
 @prop footer

package/dist/forms/textarea/Textarea.svelte.d.ts

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

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

package/dist/forms/timepicker/Timepicker.svelte

@@ -11,7 +11,7 @@
   import Toggle from "../toggle/Toggle.svelte";
   import { timepicker } from "./theme";
   import { parse, isValid, isBefore, isAfter } from "date-fns";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let {
     id = "time",
@@ -407,7 +407,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L931)
+[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L933)
 ## Props
 @prop id = "time"
 @prop endId = "end-time"

package/dist/forms/timepicker/Timepicker.svelte.d.ts

@@ -2,7 +2,7 @@ import type { TimepickerProps } from "../..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L931)
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L933)
  * ## Props
  * @prop id = "time"
  * @prop endId = "end-time"

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

package/dist/forms/toggle/Toggle.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import type { ToggleProps } from "../..";
   import Label from "../label/Label.svelte";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, size = "default", value, checked = $bindable(), disabled, color = "primary", class: className, classes, offLabel, ...restProps }: ToggleProps = $props();
 
@@ -29,7 +29,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L973)
+[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L975)
 ## Props
 @prop children
 @prop size = "default"

package/dist/forms/toggle/Toggle.svelte.d.ts

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

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

package/dist/gallery/Gallery.svelte

@@ -2,7 +2,7 @@
   import { gallery } from "./theme";
   import clsx from "clsx";
   import type { GalleryProps, ImgType } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, figure, items = [], class: className, classes, ...restProps }: GalleryProps = $props();
 
@@ -41,7 +41,7 @@
 @component
 [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#L990)
 ## Props
 @prop children
 @prop figure

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#L990)
  * ## 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#L1000)
 ## 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#L1000)
  * ## 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#L1011)
 ## 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#L1011)
  * ## 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#L1030)
 ## 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#L1030)
  * ## 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#L1040)
 ## 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#L1040)
  * ## 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#L1050)
 ## 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#L1050)
  * ## 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 {
@@ -31,7 +32,12 @@
   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 }));
 </script>
@@ -40,7 +46,7 @@
   bind:open
   {transition}
   dismissable={dismissable && !title && !permanent}
-  transitionParams={paramsOptions}
+  transitionParams={effectiveParams}
   {classes}
   {permanent}
   {...restProps}
@@ -72,7 +78,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#L1059)
 ## Props
 @prop children
 @prop header

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#L1059)
  * ## Props
  * @prop children
  * @prop header

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#L1066)
 ## 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#L1066)
  * ## Props
  * @prop size = "24"
  * @prop color = "currentColor"