flowbite-svelte 1.10.19 → 1.10.21

package/dist/breadcrumb/theme.d.ts

@@ -1,12 +1,7 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type BreadcrumbVariants = VariantProps<typeof breadcrumb> & Classes<typeof breadcrumb>;
 export type BreadcrumbItemVariants = VariantProps<typeof breadcrumbItem> & Classes<typeof breadcrumbItem>;
-export type BreadcrumbSlots = keyof typeof breadcrumb.slots;
-export type BreadcrumbTheme = Partial<Record<BreadcrumbSlots, ClassValue>>;
-export type BreadcrumbItemSlots = keyof typeof breadcrumbItem.slots;
-export type BreadcrumbItemTheme = Partial<Record<BreadcrumbItemSlots, ClassValue>>;
 export declare const breadcrumb: import("tailwind-variants").TVReturnType<{
     solid: {
         true: {

package/dist/button-group/ButtonGroup.svelte

@@ -22,7 +22,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ButtonGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L297)
+[ButtonGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L304)
 ## Props
 @prop children
 @prop size = "md"

package/dist/button-group/ButtonGroup.svelte.d.ts

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

package/dist/button-group/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ButtonGroup } from "./ButtonGroup.svelte";
-export { buttonGroup, type ButtonGroupTheme } from "./theme";
+export { buttonGroup } from "./theme";

package/dist/button-group/theme.d.ts

@@ -1,7 +1,5 @@
-import type { ClassValue } from "svelte/elements";
 import { type VariantProps } from "tailwind-variants";
 export type ButtonGroupVariants = VariantProps<typeof buttonGroup>;
-export type ButtonGroupTheme = ClassValue;
 export declare const buttonGroup: import("tailwind-variants").TVReturnType<{
     size: {
         sm: string;

package/dist/buttons/Button.svelte

@@ -3,7 +3,7 @@
   import clsx from "clsx";
   import { type SizeType, type ButtonProps } from "..";
   import { getTheme } from "../theme/themeUtils";
-  import { button, type ButtonTheme } from ".";
+  import { button } from ".";
 
   const group: SizeType = getContext("group");
   const ctxDisabled: boolean | undefined = getContext("disabled");
@@ -17,7 +17,7 @@
   let isDisabled = $derived(Boolean(ctxDisabled) || Boolean(disabled) || loading);
 
   const { base, outline: outline_, shadow: shadow_ } = $derived(button({ color: actualColor, size: actualSize, disabled: isDisabled, pill, group: !!group }));
-  let btnCls = $derived(base({ class: clsx(outline && outline_(), shadow && shadow_(), (theme as ButtonTheme)?.base, className) }));
+  let btnCls = $derived(base({ class: clsx(outline && outline_(), shadow && shadow_(), theme?.base, className) }));
 </script>
 
 {#if restProps.href === undefined}
@@ -44,7 +44,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L307)
+[ButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L314)
 ## Props
 @prop children
 @prop pill

package/dist/buttons/Button.svelte.d.ts

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

package/dist/buttons/GradientButton.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getContext } from "svelte";
-  import { gradientButton, type GradientButtonTheme } from ".";
+  import { gradientButton } from ".";
   import clsx from "clsx";
   import { type GradientButtonProps, type SizeType, Button } from "..";
   import { getTheme } from "../theme/themeUtils";
@@ -15,13 +15,13 @@
 </script>
 
 {#if outline}
-  <div class={base({ class: clsx((theme as GradientButtonTheme)?.base, className) })}>
-    <Button {...restProps} class={outlineWrapper({ class: clsx((theme as GradientButtonTheme)?.outlineWrapper, btnClass) })} {disabled} {href} {size}>
+  <div class={base({ class: clsx(theme?.base, className) })}>
+    <Button {...restProps} class={outlineWrapper({ class: clsx(theme?.outlineWrapper, btnClass) })} {disabled} {href} {size}>
       {@render children?.()}
     </Button>
   </div>
 {:else}
-  <Button {...restProps} class={base({ class: clsx((theme as GradientButtonTheme)?.base, className) })} {disabled} {href} {size}>
+  <Button {...restProps} class={base({ class: clsx(theme?.base, className) })} {disabled} {href} {size}>
     {@render children?.()}
   </Button>
 {/if}
@@ -30,7 +30,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GradientButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L316)
+[GradientButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L323)
 ## Props
 @prop children
 @prop outline

package/dist/buttons/GradientButton.svelte.d.ts

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

package/dist/buttons/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Button } from "./Button.svelte";
 export { default as GradientButton } from "./GradientButton.svelte";
-export { button, gradientButton, type ButtonTheme, type GradientButtonTheme } from "./theme";
+export { button, gradientButton } from "./theme";

package/dist/buttons/theme.d.ts

@@ -1,11 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 export type ButtonVariants = VariantProps<typeof button>;
 export type GradientButtonVariantes = VariantProps<typeof gradientButton>;
-export type ButtonSlots = keyof typeof button.slots;
-export type ButtonTheme = Partial<Record<ButtonSlots, ClassValue>>;
-export type GradientButtonSlots = keyof typeof gradientButton.slots;
-export type GradientButtonTheme = Partial<Record<GradientButtonSlots, ClassValue>>;
 export declare const button: import("tailwind-variants").TVReturnType<{
     color: {
         primary: {

package/dist/card/Card.svelte

@@ -2,13 +2,13 @@
   import { type CardProps } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { card, type CardTheme } from ".";
+  import { card } from ".";
 
   let { children, color = "gray", horizontal = false, shadow = "md", reverse = false, img, size = "sm", class: className, classes, imgClass, ...restProps }: CardProps = $props();
 
   warnThemeDeprecation("Card", { imgClass }, { imgClass: "image" });
 
-  let styling = $derived(classes ?? { image: imgClass });
+  const styling = $derived(classes ?? { image: imgClass });
 
   const theme = getTheme("card");
 
@@ -26,7 +26,7 @@
 
 {#snippet childSlot()}
   {#if img}
-    <img class={image({ class: clsx((theme as CardTheme)?.image, styling.image) })} src={img} alt={img} />
+    <img class={image({ class: clsx(theme?.image, styling.image) })} src={img} alt={img} />
     {@render children()}
   {:else}
     {@render children()}
@@ -34,11 +34,11 @@
 {/snippet}
 
 {#if restProps.href === undefined}
-  <div {...restProps} class={base({ class: clsx((theme as CardTheme)?.base, className) })}>
+  <div {...restProps} class={base({ class: clsx(theme?.base, className) })}>
     {@render childSlot()}
   </div>
 {:else}
-  <a {...restProps} class={base({ class: clsx((theme as CardTheme)?.base, className) })}>
+  <a {...restProps} class={base({ class: clsx(theme?.base, className) })}>
     {@render childSlot()}
   </a>
 {/if}
@@ -47,7 +47,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L357)
+[CardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L364)
 ## Props
 @prop children
 @prop color = "gray"

package/dist/card/Card.svelte.d.ts

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

package/dist/card/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Card } from "./Card.svelte";
-export { card, type CardTheme } from "./theme";
+export { card } from "./theme";

package/dist/card/theme.d.ts

@@ -1,9 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type CardVariants = VariantProps<typeof card> & Classes<typeof card>;
-export type CardSlots = keyof typeof card.slots;
-export type CardTheme = Partial<Record<CardSlots, ClassValue>>;
 export declare const card: import("tailwind-variants").TVReturnType<{
     size: {
         xs: {

package/dist/carousel/Carousel.svelte

@@ -9,7 +9,7 @@
 
   const SLIDE_DURATION_RATIO = 0.25;
 
-  let { children, slide, images, index = $bindable(0), slideDuration = 1000, transition, duration = 0, "aria-label": ariaLabel = "Draggable Carousel", disableSwipe = false, imgClass = "", class: className, onchange, divClass, ...restProps }: CarouselProps = $props();
+  let { children, slide, images, index = $bindable(0), slideDuration = 1000, transition, duration = 0, "aria-label": ariaLabel = "Draggable Carousel", disableSwipe = false, imgClass = "", class: className, onchange, divClass, isPreload = false, ...restProps }: CarouselProps = $props();
 
   const theme = getTheme("carousel");
 
@@ -158,9 +158,8 @@
   );
 </script>
 
-<!-- Preload all Carousel images for improved responsivity -->
 <svelte:head>
-  {#if images.length > 0}
+  {#if isPreload && images.length > 0}
     {#each images as image}
       <link rel="preload" href={image.src} as="image" />
     {/each}
@@ -184,7 +183,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CarouselProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L375)
+[CarouselProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L382)
 ## Props
 @prop children
 @prop slide
@@ -199,5 +198,6 @@
 @prop class: className
 @prop onchange
 @prop divClass
+@prop isPreload = false
 @prop ...restProps
 -->

package/dist/carousel/Carousel.svelte.d.ts

@@ -2,7 +2,7 @@ import { type CarouselProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [CarouselProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L375)
+ * [CarouselProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L382)
  * ## Props
  * @prop children
  * @prop slide
@@ -17,6 +17,7 @@ import { type CarouselProps } from "..";
  * @prop class: className
  * @prop onchange
  * @prop divClass
+ * @prop isPreload = false
  * @prop ...restProps
  */
 declare const Carousel: import("svelte").Component<CarouselProps, {}, "index">;

package/dist/carousel/CarouselIndicators.svelte

@@ -1,14 +1,14 @@
 <script lang="ts">
   import { getContext } from "svelte";
   import type { Writable } from "svelte/store";
-  import { carouselIndicators, type CarouselIndicatorsTheme } from "./theme";
+  import { carouselIndicators } from "./theme";
   import clsx from "clsx";
   import { Indicator, type IndicatorsProps, type State } from "..";
   import { getTheme } from "../theme/themeUtils";
 
   let { children, activeClass, inactiveClass, position = "bottom", class: className, ...restProps }: IndicatorsProps = $props();
 
-  const theme = getTheme("indicators");
+  const theme = getTheme("carouselIndicators");
 
   const state = getContext<Writable<State>>("state");
   const { base, indicator } = $derived(carouselIndicators({ position }));
@@ -27,14 +27,14 @@
   }
 </script>
 
-<div class={base({ class: clsx((theme as CarouselIndicatorsTheme)?.base, className) })} {...restProps}>
+<div class={base({ class: clsx(theme?.base, className) })} {...restProps}>
   {#each $state.images as _, idx}
     {@const selected = $state.index === idx}
     <button onclick={() => goToIndex(idx)}>
       {#if children}
         {@render children({ selected, index: idx })}
       {:else}
-        <Indicator class={indicator({ selected, class: clsx(selected ? activeClass : inactiveClass, (theme as CarouselIndicatorsTheme)?.indicator) })} />
+        <Indicator class={indicator({ selected, class: clsx(selected ? activeClass : inactiveClass, theme?.indicator) })} />
       {/if}
     </button>
   {/each}
@@ -44,7 +44,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[IndicatorsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L389)
+[IndicatorsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L397)
 ## Props
 @prop children
 @prop activeClass

package/dist/carousel/CarouselIndicators.svelte.d.ts

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

package/dist/carousel/ControlButton.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { controlButton, type ControlButtonTheme } from "./theme";
+  import { controlButton } from "./theme";
   import clsx from "clsx";
   import { type ControlButtonProps } from "..";
   import { getTheme } from "../theme/themeUtils";
@@ -8,7 +8,7 @@
 
   const { base, span } = controlButton({ forward });
 
-  const theme = getTheme("carouselButton");
+  const theme = getTheme("controlButton");
 </script>
 
 <button type="button" class={base({ class: clsx(className, theme) })} {...restProps}>
@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ControlButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L396)
+[ControlButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L404)
 ## Props
 @prop children
 @prop forward

package/dist/carousel/ControlButton.svelte.d.ts

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

package/dist/carousel/Controls.svelte

@@ -8,7 +8,7 @@
 
   let { children, class: className, ...restProps }: ControlsProps = $props();
 
-  const theme = getTheme("controls");
+  const theme = getTheme("controlButton");
 
   const state = getContext<Writable<State>>("state");
   const { update } = state;
@@ -54,7 +54,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ControlsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L402)
+[ControlsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L410)
 ## Props
 @prop children
 @prop class: className

package/dist/carousel/Controls.svelte.d.ts

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

package/dist/carousel/Slide.svelte

@@ -46,7 +46,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SlideProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L419)
+[SlideProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L427)
 ## Props
 @prop image
 @prop transition

package/dist/carousel/Slide.svelte.d.ts

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

package/dist/carousel/Thumbnail.svelte

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

package/dist/carousel/Thumbnail.svelte.d.ts

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

package/dist/carousel/Thumbnails.svelte

@@ -67,7 +67,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ThumbnailsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L410)
+[ThumbnailsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L418)
 ## Props
 @prop children
 @prop images = []

package/dist/carousel/Thumbnails.svelte.d.ts

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

package/dist/carousel/index.d.ts

@@ -2,7 +2,7 @@ export { default as Carousel } from "./Carousel.svelte";
 export { default as ControlButton } from "./ControlButton.svelte";
 export { default as Controls } from "./Controls.svelte";
 export { default as CarouselIndicators } from "./CarouselIndicators.svelte";
-export { carousel, type CarouselTheme, carouselIndicators, type CarouselIndicatorsTheme, controlButton, type ControlButtonTheme, thumbnails, type ThumbnailsTheme, thumbnail, type ThumbnailTheme, slide, type SlideTheme } from "./theme";
+export { carousel, carouselIndicators, controlButton, thumbnails, thumbnail, slide } from "./theme";
 export { default as Thumbnails } from "./Thumbnails.svelte";
 export { default as Slide } from "./Slide.svelte";
 export { default as Thumbnail } from "./Thumbnail.svelte";

package/dist/carousel/theme.d.ts

@@ -1,8 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 export type CarouselVariants = VariantProps<typeof carousel>;
 export declare const carousel: import("tailwind-variants").TVReturnType<{}, undefined, "grid overflow-hidden relative rounded-lg h-56 sm:h-64 xl:h-80 2xl:h-96", {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "grid overflow-hidden relative rounded-lg h-56 sm:h-64 xl:h-80 2xl:h-96", unknown, unknown, undefined>>;
-export type CarouselTheme = ClassValue;
 export declare const carouselIndicators: import("tailwind-variants").TVReturnType<{
     selected: {
         true: {
@@ -73,8 +71,6 @@ export declare const carouselIndicators: import("tailwind-variants").TVReturnTyp
     base: string;
     indicator: string;
 }, undefined, unknown, unknown, undefined>>;
-export type CarouselIndicatorsSlots = keyof typeof carouselIndicators.slots;
-export type CarouselIndicatorsTheme = Partial<Record<CarouselIndicatorsSlots, ClassValue>>;
 export declare const controlButton: import("tailwind-variants").TVReturnType<{
     forward: {
         true: string;
@@ -100,10 +96,7 @@ export declare const controlButton: import("tailwind-variants").TVReturnType<{
     base: string;
     span: string;
 }, undefined, unknown, unknown, undefined>>;
-export type ControlButtonSlots = keyof typeof controlButton.slots;
-export type ControlButtonTheme = Partial<Record<ControlButtonSlots, ClassValue>>;
 export declare const thumbnails: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-row justify-center bg-gray-100 w-full", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-row justify-center bg-gray-100 w-full", unknown, unknown, undefined>>;
-export type ThumbnailsTheme = ClassValue;
 export declare const thumbnail: import("tailwind-variants").TVReturnType<{
     selected: {
         true: string;
@@ -120,6 +113,4 @@ export declare const thumbnail: import("tailwind-variants").TVReturnType<{
         false: string;
     };
 }, undefined, "", unknown, unknown, undefined>>;
-export type ThumbnailTheme = ClassValue;
 export declare const slide: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute block w-full! h-full object-cover", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute block w-full! h-full object-cover", unknown, unknown, undefined>>;
-export type SlideTheme = ClassValue;

package/dist/clipboard/Clipboard.svelte

@@ -46,7 +46,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ClipboardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L431)
+[ClipboardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L439)
 ## Props
 @prop children
 @prop embedded = false

package/dist/clipboard/Clipboard.svelte.d.ts

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

package/dist/clipboard/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Clipboard } from "./Clipboard.svelte";
-export { clipboard, type ClipboardTheme } from "./theme";
+export { clipboard } from "./theme";

package/dist/clipboard/theme.d.ts

@@ -1,5 +1,4 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 export type ClipboardVariants = VariantProps<typeof clipboard>;
 export declare const clipboard: import("tailwind-variants").TVReturnType<{
     embedded: {
@@ -17,4 +16,3 @@ export declare const clipboard: import("tailwind-variants").TVReturnType<{
         false: string;
     };
 }, undefined, "gap-2", unknown, unknown, undefined>>;
-export type ClipboardTheme = ClassValue;

package/dist/darkmode/DarkMode.svelte

@@ -64,7 +64,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DarkmodeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L440)
+[DarkmodeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L448)
 ## Props
 @prop class: className
 @prop lightIcon

package/dist/darkmode/DarkMode.svelte.d.ts

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

package/dist/darkmode/index.d.ts

@@ -1,2 +1,2 @@
 export { default as DarkMode } from "./DarkMode.svelte";
-export { darkmode, type DarkModeTheme } from "./theme";
+export { darkmode } from "./theme";

package/dist/darkmode/theme.d.ts

@@ -1,3 +1 @@
-import type { ClassValue } from "svelte/elements";
 export declare const darkmode: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-hidden rounded-lg text-sm p-2.5", unknown, unknown, undefined>>;
-export type DarkModeTheme = ClassValue;