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

package/dist/types.d.ts

@@ -13,6 +13,7 @@ import type { ButtonVariants, GradientButtonVariants, gradientButton } from "./b
 import type { CardVariants } from "./card/theme";
 import type Slide from "./carousel/Slide.svelte";
 import type { CarouselVariants, SlideVariants, CarouselIndicatorsVariants, ControlButtonVariants, ThumbnailsVariants } from "./carousel/theme";
+import type { DarkmodeVariants } from "./darkmode/theme";
 import type { DrawerHandleVariants, DrawerVariants, DrawerheadVariants } from "./drawer/theme";
 import type { DatepickerVariants } from "./datepicker/theme";
 import type { FooterBrandVariants, FooterCopyrightVariants, FooterLinkVariants } from "./footer/theme";
@@ -28,7 +29,7 @@ import type { SidebarVariants, SidebarCtaVariants, SidebarBrandVariants, Sidebar
 import type { CardPlaceholderVariants, ImagePlaceholderVariants, ListPlaceholderVariants, SkeletonVariants, TestimonialPlaceholderVariants, TextPlaceholderVariants, VideoPlaceholderVariants, WidgetPlaceholderVariants } from "./skeleton/theme";
 import type { SpeedDialVariants, SpeedDialButtonVariants } from "./speed-dial/theme";
 import type { SpinnerVariants } from "./spinner/theme";
-import type { StepIndicatorVariants } from "./step-indicator/theme";
+import type { StepIndicatorVariants } from "./extend/step-indicator/theme";
 import type { StepperVariants, ProgressStepperVariants, DetailedStepperVariants, VerticalStepperVariants, BreadcrumbStepperVariants, TimelineStepperVariants } from "./stepper/theme";
 import type { PaginationItemVariants, PaginationVariants } from "./pagination/theme";
 import type { ProgressbarVariants, ProgressradialVariants } from "./progress/theme";
@@ -69,15 +70,24 @@ import type { BreadcrumbItemVariants, BreadcrumbVariants } from "./breadcrumb/th
 import type { ButtonGroupVariants } from "./button-group/theme";
 import type { AndroidVariants, DefaultMockupVariants, DesktopVariants, IosVariants, LaptopVariants, SmartwatchVariants, TabletVariants } from "./device-mockups/theme";
 import type { ApexOptions } from "apexcharts";
-import type { ButtonToggleVariants } from "./forms/button-toggle/theme";
-import type { TagsVariants } from "./forms/tags/theme";
-import type { VirtualListVariants } from "./virtuallist/theme";
-import type { KanbanBoardVariants, KanbanCardVariants } from "./kanban/theme";
-import type { TourVariants } from "./tour/theme";
-import type { CommandPaletteVariants } from "./command-palette/theme";
-import type { ScrollSpyVariants } from "./scroll-spy/theme";
+import type { ButtonToggleVariants } from "./extend/button-toggle/theme";
+import type { TagsVariants } from "./extend/tags/theme";
+import type { VirtualListVariants } from "./extend/virtuallist/theme";
+import type { KanbanBoardVariants, KanbanCardVariants } from "./extend/kanban/theme";
+import type { TourVariants } from "./extend/tour/theme";
+import type { CommandPaletteVariants } from "./extend/command-palette/theme";
+import type { ScrollSpyVariants } from "./extend/scroll-spy/theme";
 import type { CloseButtonVariants } from "./utils/theme";
 import type { DialogVariants } from "./dialog/theme";
+export interface CloseButtonConfig {
+    color?: CloseButtonVariants["color"];
+    size?: CloseButtonVariants["size"];
+    class?: string;
+    classes?: CloseButtonVariants["classes"];
+    name?: string;
+    ariaLabel?: string;
+    onclick?: (ev: MouseEvent) => void;
+}
 export declare const xs = "xs";
 export declare const sm = "sm";
 export declare const md = "md";
@@ -149,6 +159,7 @@ export interface AccordionProps extends AccordionVariants, Omit<HTMLAttributes<H
     activeClass?: ClassValue;
     inactiveClass?: ClassValue;
     transitionType?: TransitionFunc | "none";
+    respectReducedMotion?: boolean;
     classes?: Partial<{
         button?: ClassValue;
         contentWrapper?: ClassValue;
@@ -170,12 +181,12 @@ export interface AlertProps extends Omit<AlertVariants, "icon">, Omit<HTMLAttrib
     icon?: Snippet;
     alertStatus?: boolean;
     closeIcon?: Component;
-    closeColor?: CloseButtonVariants["color"];
     transition?: TransitionFunc;
     params?: ParamsType;
     onclick?: () => void;
     listContent?: boolean;
     borderAccent?: boolean;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface AvatarProps extends AvatarVariants, HTMLAttributes<HTMLDivElement> {
     children?: Snippet;
@@ -197,7 +208,7 @@ export interface BadgeProps extends Omit<BadgeVariants, "href">, Omit<HTMLAttrib
     target?: HTMLAnchorAttributes["target"];
     transition?: TransitionFunc;
     params?: ParamsType;
-    closeBtnColor?: CloseButtonVariants["color"];
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface BannerProps extends BannerVariants, Omit<HTMLAttributes<HTMLDivElement>, "color" | "onclose"> {
     header?: Snippet;
@@ -205,8 +216,8 @@ export interface BannerProps extends BannerVariants, Omit<HTMLAttributes<HTMLDiv
     dismissable?: boolean;
     transition?: TransitionFunc;
     params?: ParamsType;
-    closeBtnColor?: CloseButtonVariants["color"];
     onclose?: (ev: MouseEvent) => void;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface BottomNavProps extends BottomNavVariants, HTMLAttributes<HTMLDivElement> {
     children: Snippet;
@@ -216,11 +227,6 @@ export interface BottomNavProps extends BottomNavVariants, HTMLAttributes<HTMLDi
 export type BottomNavItemProps = BottomNavItemVariants & AnchorButtonAttributes & {
     children: Snippet;
     btnName?: string;
-    activeClass?: ClassValue;
-    /** @deprecated Use `class` prop instead */
-    btnClass?: ClassValue;
-    /** @deprecated Use `classes.span` instead */
-    spanClass?: ClassValue;
     active?: boolean;
 };
 export interface BottomNavHeaderProps extends BottomNavHeaderVariants, HTMLAttributes<HTMLDivElement> {
@@ -263,6 +269,7 @@ export interface GradientButtonProps extends GradientButtonVariants, HTMLButtonO
 export interface AccordionContextType {
     flush?: boolean;
     transitionType?: TransitionFunc | "none";
+    respectReducedMotion?: boolean;
     classes?: Partial<{
         button?: ClassValue;
         contentWrapper?: ClassValue;
@@ -412,7 +419,7 @@ export interface ClipboardProps extends ClipboardVariants, ButtonVariants, Omit<
     showLabel?: boolean;
     embedded?: boolean;
 }
-export interface DarkmodeProps extends HTMLButtonAttributes {
+export interface DarkmodeProps extends DarkmodeVariants, HTMLButtonAttributes {
     lightIcon?: Snippet;
     darkIcon?: Snippet;
     size?: "sm" | "md" | "lg";
@@ -442,7 +449,7 @@ export interface DatepickerProps extends DatepickerVariants, Omit<HTMLAttributes
     placeholder?: string;
     disabled?: boolean;
     required?: boolean;
-    color?: ButtonProps["color"];
+    color?: DatepickerVariants["color"];
     inline?: boolean;
     autohide?: boolean;
     showActionButtons?: boolean;
@@ -451,7 +458,7 @@ export interface DatepickerProps extends DatepickerVariants, Omit<HTMLAttributes
     onclear?: () => void;
     onapply?: (x: DateOrRange) => void;
     inputmode?: HTMLInputAttributes["inputmode"];
-    monthColor?: ButtonProps["color"];
+    monthColor?: DatepickerVariants["color"];
     translationLocale?: string;
     elementRef?: HTMLInputElement;
     actionSlot?: Snippet<[ActionSlotParams]>;
@@ -504,6 +511,7 @@ export interface DialogProps extends DialogVariants, HTMLDialogAttributes {
     outsideclose?: boolean;
     transition?: TransitionFunc;
     transitionParams?: ParamsType;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface DrawerProps extends DrawerVariants, Omit<DialogProps, "hidden" | "classes" | "shifted"> {
     offset?: string;
@@ -611,8 +619,8 @@ export interface FileuploadProps extends FileuploadViariants, Omit<HTMLInputAttr
     color?: InputProps<never>["color"];
     elementRef?: HTMLInputElement;
     clearable?: boolean;
-    clearableColor?: CloseButtonVariants["color"];
     clearableOnClick?: () => void;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface FloatingLabelInputProps extends FloatingLabelInputVaratiants, Omit<HTMLInputAttributes, "size"> {
     children: Snippet;
@@ -626,12 +634,12 @@ export interface FloatingLabelInputProps extends FloatingLabelInputVaratiants, O
     disabled?: FloatingLabelInputVaratiants["disabled"];
     withIcon?: FloatingLabelInputVaratiants["withIcon"];
     clearable?: boolean;
-    clearableColor?: CloseButtonVariants["color"];
     clearableOnClick?: () => void;
     data?: string[];
     maxSuggestions?: number;
     onSelect?: (item: string) => void;
     placeholder?: string;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface HelperProps extends HelperVariants, Omit<HTMLAttributes<HTMLParagraphElement>, "color"> {
 }
@@ -647,7 +655,6 @@ export interface InputProps<T extends InputValue = string> extends InputVariants
     elementRef?: HTMLInputElement;
     color?: InputVariants["color"];
     clearable?: boolean;
-    clearableColor?: CloseButtonVariants["color"];
     clearableOnClick?: () => void;
     data?: string[];
     maxSuggestions?: number;
@@ -656,17 +663,19 @@ export interface InputProps<T extends InputValue = string> extends InputVariants
     onfocus?: (event: FocusEvent) => void;
     onblur?: (event: FocusEvent) => void;
     onkeydown?: (event: KeyboardEvent) => void;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface InputAddonProps extends HTMLAttributes<HTMLDivElement> {
     children: Snippet;
     size?: ButtonGroupProps["size"];
 }
-export interface PhoneInputProps extends PhoneInputVariants, Omit<HTMLInputAttributes, "size" | "children" | "value"> {
+export interface PhoneInputProps extends PhoneInputVariants, Omit<HTMLInputAttributes, "size" | "children"> {
     phoneType?: "default" | "floating" | "countryCode" | "copy" | "advanced";
     children?: Snippet;
     floatingLabel?: string;
     labelFor?: string;
     phoneIcon?: boolean;
+    value?: string | number | readonly string[];
 }
 export interface LabelProps extends HTMLLabelAttributes {
     children: Snippet;
@@ -697,8 +706,8 @@ export interface SearchProps extends SearchVariants, Omit<HTMLInputAttributes, "
     value?: string;
     elementRef?: HTMLInputElement;
     clearable?: boolean;
-    clearableColor?: CloseButtonVariants["color"];
     clearableOnClick?: () => void;
+    closeButtonProps?: CloseButtonConfig;
 }
 export type SelectOptionType<T> = {
     name: string | number;
@@ -712,10 +721,10 @@ export interface SelectProps<T> extends SelectVariants, Omit<HTMLSelectAttribute
     elementRef?: HTMLSelectElement;
     placeholder?: string;
     clearable?: boolean;
-    clearableColor?: CloseButtonVariants["color"];
     clearableOnClick?: () => void;
     onClear?: () => void;
     disabled?: boolean;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface MultiSelectProps<T> extends MultiSelectVariants, Omit<HTMLAttributes<HTMLDivElement>, "size" | "children" | "onchange" | "onblur"> {
     children?: Snippet<[{
@@ -733,11 +742,11 @@ export interface MultiSelectProps<T> extends MultiSelectVariants, Omit<HTMLAttri
     autocomplete?: FullAutoFill | undefined | null;
     onchange?: (event: Event) => void;
     onblur?: (event: FocusEvent) => void;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface TagsProps extends TagsVariants, HTMLAttributes<HTMLDivElement> {
     value: string[];
     placeholder?: string;
-    closeBtnSize?: CloseButtonVariants["size"];
     unique?: boolean;
     availableTags?: string[];
     maxSuggestions?: number;
@@ -746,6 +755,7 @@ export interface TagsProps extends TagsVariants, HTMLAttributes<HTMLDivElement>
     allowNewTags?: boolean;
     inputProps?: HTMLInputAttributes;
     disabled?: boolean;
+    closeButtonProps?: CloseButtonConfig;
 }
 export type TimePickerType = "default" | "dropdown" | "select" | "range" | "timerange-dropdown" | "timerange-toggle" | "inline-buttons";
 export type ColumnCount = 1 | 2 | 3 | 4;
@@ -793,6 +803,7 @@ export interface TextareaProps extends TextareaVariants, HTMLTextareaAttributes
     clearable?: boolean;
     clearableColor?: CloseButtonVariants["color"];
     clearableOnClick?: () => void;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface ToggleProps extends Omit<ToggleVariants, "off_state_label">, Omit<HTMLInputAttributes, "size" | "color"> {
     offLabel?: Snippet;
@@ -868,6 +879,7 @@ export interface ModalProps extends ModalVariants, Omit<DialogProps, "classes">
     header?: Snippet;
     footer?: Snippet;
     fullscreen?: boolean;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface MenuProps extends SVGAttributes<SVGSVGElement> {
     size?: string;
@@ -1464,7 +1476,7 @@ export interface TabsContextType {
     registerTab: (tab: SelectedTab) => void;
     unregisterTab: (tabId: string) => void;
 }
-export type { ThemeConfig } from "./theme";
+export type { ThemeConfig } from "./theme-provider";
 export interface ActivityType {
     id?: string | number;
     title: HTMLElement | string;
@@ -1522,6 +1534,7 @@ export interface ToastProps extends ToastVaraints, HTMLAttributes<HTMLDivElement
     params?: ParamsType;
     transition?: TransitionFunc;
     class?: string;
+    closeButtonProps?: CloseButtonConfig;
 }
 export interface ToastContainerProps extends HTMLAttributes<HTMLDivElement> {
     children: Snippet;
@@ -1816,7 +1829,7 @@ export interface ScrollSpyProps extends ScrollSpyVariants, HTMLAttributes<HTMLEl
     /** Callback when navigation item is clicked */
     onNavigate?: (itemId: string) => void;
 }
-import type { VirtualMasonryVariants } from "./virtual-masonry/theme";
+import type { VirtualMasonryVariants } from "./extend/virtual-masonry/theme";
 export interface VirtualMasonryProps<T = unknown> extends VirtualMasonryVariants, Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     children: Snippet<[item: T, index: number]>;
     items?: T[];
@@ -1830,7 +1843,7 @@ export interface VirtualMasonryProps<T = unknown> extends VirtualMasonryVariants
     ariaLabel?: string;
     class?: ClassValue | null;
 }
-import type { ClipboardManagerVariants } from "./clipboard-manager/theme";
+import type { ClipboardManagerVariants } from "./extend/clipboard-manager/theme";
 export interface ClipboardItem {
     id: number;
     text: string;

package/dist/typography/a/A.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { anchor } from "./theme";
   import type { AnchorProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, color = "primary", asButton = false, onclick, href = "#", class: className, ...restProps }: AnchorProps = $props();
 
@@ -43,7 +43,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1817)
+[AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1829)
 ## Props
 @prop children
 @prop color = "primary"

package/dist/typography/a/A.svelte.d.ts

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

package/dist/typography/blockquote/Blockquote.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { blockquote } from "./theme";
   import type { BlockquoteProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, class: className, border, italic = true, bg, alignment = "left", size = "lg", ...restProps }: BlockquoteProps = $props();
 
@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1846)
+[BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1858)
 ## Props
 @prop children
 @prop class: className

package/dist/typography/blockquote/Blockquote.svelte.d.ts

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

package/dist/typography/descriptionlist/DescriptionList.svelte

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

package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts

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

package/dist/typography/heading/Heading.svelte

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

package/dist/typography/heading/Heading.svelte.d.ts

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

package/dist/typography/hr/Hr.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { hr } from "./theme";
   import type { HrProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, class: className, classes, divProps = {}, hrProps = {} }: HrProps = $props();
 

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

package/dist/typography/img/Img.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { img } from "./theme";
   import type { ImgProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, size, effect: imgEffect, align, caption, class: className, classes, href, ...restProps }: ImgProps = $props();
 
@@ -49,7 +49,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1889)
+[ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1901)
 ## Props
 @prop children
 @prop size

package/dist/typography/img/Img.svelte.d.ts

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

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

package/dist/typography/layout/Layout.svelte

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

package/dist/typography/layout/Layout.svelte.d.ts

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

package/dist/typography/list/Li.svelte

@@ -18,7 +18,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1924)
+[LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1936)
 ## Props
 @prop children
 @prop icon

package/dist/typography/list/Li.svelte.d.ts

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

package/dist/typography/list/List.svelte

@@ -2,7 +2,7 @@
   import { list } from "./theme";
   import type { ListProps } from "../../types";
   import clsx from "clsx";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
   import { setListContext } from "../../context";
 
   let { children, tag = "ul", isContenteditable = false, position = "inside", ctxClass, class: className, ...restProps }: ListProps = $props();
@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1916)
+[ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1928)
 ## Props
 @prop children
 @prop tag = "ul"

package/dist/typography/list/List.svelte.d.ts

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

package/dist/typography/mark/Mark.svelte

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

package/dist/typography/mark/Mark.svelte.d.ts

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

package/dist/typography/paragraph/P.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { paragraph } from "./theme";
   import type { ParagraphProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let {
     children,
@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1935)
+[ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1947)
 ## Props
 @prop children
 @prop class: className = "text-gray-900 dark:text-white"

package/dist/typography/paragraph/P.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ParagraphProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1935)
+ * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1947)
  * ## Props
  * @prop children
  * @prop class: className = "text-gray-900 dark:text-white"

package/dist/typography/secondary/Secondary.svelte

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

package/dist/typography/secondary/Secondary.svelte.d.ts

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

package/dist/typography/span/Span.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { span } from "./theme";
   import type { SpanProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, class: className, italic, underline, linethrough, uppercase, gradient, highlight, decoration, decorationColor, decorationThickness, ...restProps }: SpanProps = $props();
 
@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1948)
+[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1960)
 ## Props
 @prop children
 @prop class: className