flowbite-svelte 1.10.6 → 1.10.8

package/dist/bottom-navigation/theme.d.ts

@@ -1,150 +1,152 @@
+import { type VariantProps } from "tailwind-variants";
 import type { ClassValue } from "svelte/elements";
+import type { Classes } from "../theme/themeUtils";
 export declare const bottomNav: import("tailwind-variants").TVReturnType<{
     position: {
         static: {
-            outer: string;
+            base: string;
         };
         fixed: {
-            outer: string;
+            base: string;
         };
         absolute: {
-            outer: string;
+            base: string;
         };
         relative: {
-            outer: string;
+            base: string;
         };
         sticky: {
-            outer: string;
+            base: string;
         };
     };
     navType: {
         default: {
-            outer: string;
+            base: string;
         };
         border: {
-            outer: string;
+            base: string;
         };
         application: {
-            outer: string;
+            base: string;
         };
         pagination: {
-            outer: string;
+            base: string;
         };
         group: {
-            outer: string;
+            base: string;
         };
         card: {
-            outer: string;
+            base: string;
         };
         meeting: {
-            outer: string;
+            base: string;
             inner: string;
         };
         video: {
-            outer: string;
+            base: string;
             inner: string;
         };
     };
 }, {
-    outer: string;
+    base: string;
     inner: string;
 }, undefined, {
     position: {
         static: {
-            outer: string;
+            base: string;
         };
         fixed: {
-            outer: string;
+            base: string;
         };
         absolute: {
-            outer: string;
+            base: string;
         };
         relative: {
-            outer: string;
+            base: string;
         };
         sticky: {
-            outer: string;
+            base: string;
         };
     };
     navType: {
         default: {
-            outer: string;
+            base: string;
         };
         border: {
-            outer: string;
+            base: string;
         };
         application: {
-            outer: string;
+            base: string;
         };
         pagination: {
-            outer: string;
+            base: string;
         };
         group: {
-            outer: string;
+            base: string;
         };
         card: {
-            outer: string;
+            base: string;
         };
         meeting: {
-            outer: string;
+            base: string;
             inner: string;
         };
         video: {
-            outer: string;
+            base: string;
             inner: string;
         };
     };
 }, {
-    outer: string;
+    base: string;
     inner: string;
 }, import("tailwind-variants").TVReturnType<{
     position: {
         static: {
-            outer: string;
+            base: string;
         };
         fixed: {
-            outer: string;
+            base: string;
         };
         absolute: {
-            outer: string;
+            base: string;
         };
         relative: {
-            outer: string;
+            base: string;
         };
         sticky: {
-            outer: string;
+            base: string;
         };
     };
     navType: {
         default: {
-            outer: string;
+            base: string;
         };
         border: {
-            outer: string;
+            base: string;
         };
         application: {
-            outer: string;
+            base: string;
         };
         pagination: {
-            outer: string;
+            base: string;
         };
         group: {
-            outer: string;
+            base: string;
         };
         card: {
-            outer: string;
+            base: string;
         };
         meeting: {
-            outer: string;
+            base: string;
             inner: string;
         };
         video: {
-            outer: string;
+            base: string;
             inner: string;
         };
     };
 }, {
-    outer: string;
+    base: string;
     inner: string;
 }, undefined, unknown, unknown, undefined>>;
 export declare const bottomNavItem: import("tailwind-variants").TVReturnType<{
@@ -298,33 +300,33 @@ export declare const bottomNavItem: import("tailwind-variants").TVReturnType<{
 export declare const bottomNavHeader: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
             innerDiv?: import("tailwind-variants").ClassValue;
-            outerDiv?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
             innerDiv?: import("tailwind-variants").ClassValue;
-            outerDiv?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
+    base: string;
     innerDiv: string;
-    outerDiv: string;
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
             innerDiv?: import("tailwind-variants").ClassValue;
-            outerDiv?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
+    base: string;
     innerDiv: string;
-    outerDiv: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
     innerDiv: string;
-    outerDiv: string;
 }, undefined, unknown, unknown, undefined>>;
 export declare const bottomNavHeaderItem: import("tailwind-variants").TVReturnType<{
     active: {
@@ -344,9 +346,13 @@ export declare const bottomNavHeaderItem: import("tailwind-variants").TVReturnTy
 }, undefined, "px-5 py-1.5 text-xs font-medium rounded-lg", unknown, unknown, undefined>>;
 export type BottomNavSlots = keyof typeof bottomNav.slots;
 export type BottomNavTheme = Partial<Record<BottomNavSlots, ClassValue>>;
+export type BottomNavVariants = VariantProps<typeof bottomNav> & Classes<typeof bottomNav>;
 export type BottomNavItemSlots = keyof typeof bottomNavItem.slots;
 export type BottomNavItemTheme = Partial<Record<BottomNavItemSlots, ClassValue>>;
+export type BottomNavItemVariants = VariantProps<typeof bottomNavItem> & Classes<typeof bottomNavItem>;
 export type BottomnavheaderSlots = keyof typeof bottomNavHeader.slots;
 export type BottomNavHeaderTheme = Partial<Record<BottomnavheaderSlots, ClassValue>>;
+export type BottomNavHeaderVariants = VariantProps<typeof bottomNavHeader> & Classes<typeof bottomNavHeader>;
 export type bottomNavHeaderItemSlots = keyof typeof bottomNavHeaderItem.slots;
 export type BottomNavHeaderItemTheme = Partial<Record<bottomNavHeaderItemSlots, ClassValue>>;
+export type BottomNavHeaderItemVariants = VariantProps<typeof bottomNavHeaderItem>;

package/dist/bottom-navigation/theme.js

@@ -1,36 +1,36 @@
 import { tv } from "tailwind-variants";
 export const bottomNav = tv({
     slots: {
-        outer: "w-full z-30 border-gray-200 dark:bg-gray-700 dark:border-gray-600",
+        base: "w-full z-30 border-gray-200 dark:bg-gray-700 dark:border-gray-600",
         inner: "grid h-full max-w-lg mx-auto"
     },
     variants: {
         position: {
-            static: { outer: "static" },
-            fixed: { outer: "fixed" },
-            absolute: { outer: "absolute" },
-            relative: { outer: "relative" },
-            sticky: { outer: "sticky" }
+            static: { base: "static" },
+            fixed: { base: "fixed" },
+            absolute: { base: "absolute" },
+            relative: { base: "relative" },
+            sticky: { base: "sticky" }
         },
         navType: {
-            default: { outer: "bottom-0 start-0 h-16 bg-white border-t" },
-            border: { outer: "bottom-0 start-0 h-16 bg-white border-t" },
+            default: { base: "bottom-0 start-0 h-16 bg-white border-t" },
+            border: { base: "bottom-0 start-0 h-16 bg-white border-t" },
             application: {
-                outer: "h-16 max-w-lg -translate-x-1/2 rtl:translate-x-1/2 bg-white border rounded-full bottom-4 start-1/2"
+                base: "h-16 max-w-lg -translate-x-1/2 rtl:translate-x-1/2 bg-white border rounded-full bottom-4 start-1/2"
             },
             pagination: {
-                outer: "bottom-0 h-16 -translate-x-1/2 rtl:translate-x-1/2 bg-white border-t start-1/2"
+                base: "bottom-0 h-16 -translate-x-1/2 rtl:translate-x-1/2 bg-white border-t start-1/2"
             },
             group: {
-                outer: "bottom-0 -translate-x-1/2 rtl:translate-x-1/2 bg-white border-t start-1/2"
+                base: "bottom-0 -translate-x-1/2 rtl:translate-x-1/2 bg-white border-t start-1/2"
             },
-            card: { outer: "bottom-0 start-0 h-16 bg-white border-t" },
+            card: { base: "bottom-0 start-0 h-16 bg-white border-t" },
             meeting: {
-                outer: "bottom-0 start-0 grid h-16 grid-cols-1 px-8 bg-white border-t md:grid-cols-3",
+                base: "bottom-0 start-0 grid h-16 grid-cols-1 px-8 bg-white border-t md:grid-cols-3",
                 inner: "flex items-center justify-center mx-auto"
             },
             video: {
-                outer: "bottom-0 start-0 grid h-24 grid-cols-1 px-8 bg-white border-t md:grid-cols-3",
+                base: "bottom-0 start-0 grid h-24 grid-cols-1 px-8 bg-white border-t md:grid-cols-3",
                 inner: "flex items-center w-full"
             }
         }
@@ -98,8 +98,8 @@ export const bottomNavItem = tv({
 });
 export const bottomNavHeader = tv({
     slots: {
-        innerDiv: "grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600",
-        outerDiv: "w-full"
+        base: "w-full",
+        innerDiv: "grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600"
     }
 });
 export const bottomNavHeaderItem = tv({

package/dist/breadcrumb/Breadcrumb.svelte

@@ -2,15 +2,18 @@
   import { breadcrumb } from ".";
   import clsx from "clsx";
   import { type BreadcrumbProps, type BreadcrumbTheme } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme, themeDeprecated } from "../theme/themeUtils";
 
-  let { children, solid = false, class: className, olClass, ariaLabel = "Breadcrumb", ...restProps }: BreadcrumbProps = $props();
+  let { children, solid = false, class: className, classes, olClass, ariaLabel = "Breadcrumb", ...restProps }: BreadcrumbProps = $props();
+
+  themeDeprecated("Breadcrumb", { olClass });
+  let styling = $derived(classes ?? { list: olClass });
 
   const theme = getTheme("breadcrumb");
 
-  const { nav, list } = breadcrumb({ solid });
-  let classNav = $derived(nav({ class: clsx((theme as BreadcrumbTheme)?.nav, className) }));
-  let classList = $derived(list({ class: clsx((theme as BreadcrumbTheme)?.list, olClass) }));
+  const { base, list } = breadcrumb({ solid });
+  let classNav = $derived(base({ class: clsx((theme as BreadcrumbTheme)?.base, className) }));
+  let classList = $derived(list({ class: clsx((theme as BreadcrumbTheme)?.list, styling.list) }));
 </script>
 
 <nav aria-label={ariaLabel} {...restProps} class={classNav}>
@@ -23,11 +26,12 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BreadcrumbProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L307)
+[BreadcrumbProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L271)
 ## Props
 @prop children
 @prop solid = false
 @prop class: className
+@prop classes
 @prop olClass
 @prop ariaLabel = "Breadcrumb"
 @prop ...restProps

package/dist/breadcrumb/Breadcrumb.svelte.d.ts

@@ -2,11 +2,12 @@ import { type BreadcrumbProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [BreadcrumbProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L307)
+ * [BreadcrumbProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L271)
  * ## Props
  * @prop children
  * @prop solid = false
  * @prop class: className
+ * @prop classes
  * @prop olClass
  * @prop ariaLabel = "Breadcrumb"
  * @prop ...restProps

package/dist/breadcrumb/BreadcrumbItem.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
-  import { breadcrumbItem } from "./index";
-  import clsx from "clsx";
   import { type BreadcrumbItemProps, type BreadcrumbItemTheme } from "..";
   import { getTheme } from "../theme/themeUtils";
+  import clsx from "clsx";
+  import { breadcrumbItem } from "./index";
+
+  let { children, icon, home = false, href, linkClass, spanClass, homeClass, class: className, classes, ...restProps }: BreadcrumbItemProps = $props();
 
-  let { children, icon, home = false, href, linkClass, spanClass, homeClass, class: className, ...restProps }: BreadcrumbItemProps = $props();
+  let styling = $derived(classes ?? {});
 
   const theme = getTheme("breadcrumbItem");
 
@@ -33,7 +35,7 @@
     {#if icon}
       {@render icon()}
     {:else}
-      <svg class={separator({ class: clsx((theme as BreadcrumbItemTheme)?.separator) })} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+      <svg class={separator({ class: clsx((theme as BreadcrumbItemTheme)?.separator, styling.separator) })} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
       </svg>
     {/if}
@@ -54,7 +56,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BreadcrumbItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L314)
+[BreadcrumbItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L278)
 ## Props
 @prop children
 @prop icon
@@ -64,5 +66,6 @@
 @prop spanClass
 @prop homeClass
 @prop class: className
+@prop classes
 @prop ...restProps
 -->

package/dist/breadcrumb/BreadcrumbItem.svelte.d.ts

@@ -2,7 +2,7 @@ import { type BreadcrumbItemProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [BreadcrumbItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L314)
+ * [BreadcrumbItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L278)
  * ## Props
  * @prop children
  * @prop icon
@@ -12,6 +12,7 @@ import { type BreadcrumbItemProps } from "..";
  * @prop spanClass
  * @prop homeClass
  * @prop class: className
+ * @prop classes
  * @prop ...restProps
  */
 declare const BreadcrumbItem: import("svelte").Component<BreadcrumbItemProps, {}, "">;

package/dist/breadcrumb/theme.d.ts

@@ -1,35 +1,39 @@
+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 declare const breadcrumb: import("tailwind-variants").TVReturnType<{
     solid: {
         true: {
-            nav: string;
+            base: string;
         };
         false: string;
     };
 }, {
-    nav: string;
+    base: string;
     list: string;
 }, undefined, {
     solid: {
         true: {
-            nav: string;
+            base: string;
         };
         false: string;
     };
 }, {
-    nav: string;
+    base: string;
     list: string;
 }, import("tailwind-variants").TVReturnType<{
     solid: {
         true: {
-            nav: string;
+            base: string;
         };
         false: string;
     };
 }, {
-    nav: string;
+    base: string;
     list: string;
 }, undefined, unknown, unknown, undefined>>;
+export type BreadcrumbItemVariants = VariantProps<typeof breadcrumbItem> & Classes<typeof breadcrumbItem>;
 export declare const breadcrumbItem: import("tailwind-variants").TVReturnType<{
     home: {
         true: string;

package/dist/breadcrumb/theme.js

@@ -1,13 +1,13 @@
 import { tv } from "tailwind-variants";
 export const breadcrumb = tv({
     slots: {
-        nav: "flex",
+        base: "flex",
         list: "inline-flex items-center space-x-1 rtl:space-x-reverse md:space-x-3 rtl:space-x-reverse"
     },
     variants: {
         solid: {
             true: {
-                nav: "px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700"
+                base: "px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700"
             },
             false: ""
         }

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#L325)
+[ButtonGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L289)
 ## 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#L325)
+ * [ButtonGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L289)
  * ## Props
  * @prop children
  * @prop size = "md"

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

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

package/dist/buttons/Button.svelte

@@ -38,7 +38,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L339)
+[ButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L301)
 ## 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#L339)
+ * [ButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L301)
  * ## Props
  * @prop children
  * @prop pill

package/dist/buttons/GradientButton.svelte

@@ -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#L347)
+[GradientButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L309)
 ## 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#L347)
+ * [GradientButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L309)
  * ## Props
  * @prop children
  * @prop outline

package/dist/card/Card.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
   import { type CardProps } from "..";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme, themeDeprecated } from "../theme/themeUtils";
   import clsx from "clsx";
   import { card, type CardTheme } from ".";
 
-  let { children, color = "gray", horizontal = false, shadow = "md", reverse = false, img, size = "sm", class: className, imgClass, contentClass, ...restProps }: CardProps = $props();
+  let { children, color = "gray", horizontal = false, shadow = "md", reverse = false, img, size = "sm", class: className, classes, imgClass, ...restProps }: CardProps = $props();
+
+  themeDeprecated("Card", { imgClass });
+  let styling = $derived(classes ?? { image: imgClass });
 
   const theme = getTheme("card");
 
@@ -22,7 +25,7 @@
 
 {#snippet childSlot()}
   {#if img}
-    <img class={image({ class: clsx((theme as CardTheme)?.image, imgClass) })} src={img} alt={img} />
+    <img class={image({ class: clsx((theme as CardTheme)?.image, styling.image) })} src={img} alt={img} />
     {@render children()}
   {:else}
     {@render children()}
@@ -43,7 +46,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L387)
+[CardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L349)
 ## Props
 @prop children
 @prop color = "gray"
@@ -53,7 +56,7 @@
 @prop img
 @prop size = "sm"
 @prop class: className
+@prop classes
 @prop imgClass
-@prop contentClass
 @prop ...restProps
 -->

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#L387)
+ * [CardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L349)
  * ## Props
  * @prop children
  * @prop color = "gray"
@@ -12,8 +12,8 @@ import { type CardProps } from "..";
  * @prop img
  * @prop size = "sm"
  * @prop class: className
+ * @prop classes
  * @prop imgClass
- * @prop contentClass
  * @prop ...restProps
  */
 declare const Card: import("svelte").Component<CardProps, {}, "">;

package/dist/card/theme.d.ts

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

package/dist/carousel/Carousel.svelte

@@ -184,7 +184,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CarouselProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L405)
+[CarouselProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L367)
 ## Props
 @prop children
 @prop slide

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#L405)
+ * [CarouselProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L367)
  * ## Props
  * @prop children
  * @prop slide

package/dist/carousel/CarouselIndicators.svelte

@@ -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#L419)
+[IndicatorsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L381)
 ## Props
 @prop children
 @prop activeClass