flowbite-svelte 0.46.18 → 0.46.20

package/dist/accordion/Accordion.svelte

@@ -28,9 +28,9 @@ $: frameClass = twMerge(defaultClass, $$props.class);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let multiple: boolean = false;
-@prop export let flush: boolean = false;
-@prop export let activeClass: string = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
-@prop export let inactiveClass: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
-@prop export let defaultClass: string = 'text-gray-500 dark:text-gray-400';
+@prop export let multiple: $$Props['multiple'] = false;
+@prop export let flush: $$Props['flush'] = false;
+@prop export let activeClass: $$Props['activeClass'] = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
+@prop export let inactiveClass: $$Props['inactiveClass'] = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
+@prop export let defaultClass: $$Props['defaultClass'] = 'text-gray-500 dark:text-gray-400';
 -->

package/dist/accordion/Accordion.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 import { type Writable } from 'svelte/store';
 export interface AccordionCtxType {
-    flush: boolean;
+    flush: boolean | undefined;
     activeClass: string;
     inactiveClass: string;
     selected?: Writable<object>;
@@ -45,11 +45,11 @@ export type AccordionSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let multiple: boolean = false;
- * @prop export let flush: boolean = false;
- * @prop export let activeClass: string = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
- * @prop export let inactiveClass: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
- * @prop export let defaultClass: string = 'text-gray-500 dark:text-gray-400';
+ * @prop export let multiple: $$Props['multiple'] = false;
+ * @prop export let flush: $$Props['flush'] = false;
+ * @prop export let activeClass: $$Props['activeClass'] = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
+ * @prop export let inactiveClass: $$Props['inactiveClass'] = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'text-gray-500 dark:text-gray-400';
  */
 export default class Accordion extends SvelteComponentTyped<AccordionProps, AccordionEvents, AccordionSlots> {
 }

package/dist/accordion/AccordionItem.svelte

@@ -78,21 +78,21 @@ $: contentClass = twMerge([ctx.flush ? paddingFlush : paddingDefault, ctx.flush
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let tag: string = 'h2';
-@prop export let open: boolean = false;
-@prop export let activeClass: string | undefined = undefined;
-@prop export let inactiveClass: string | undefined = undefined;
-@prop export let defaultClass: string = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
-@prop export let transitionType: TransitionTypes = 'slide';
-@prop export let transitionParams: TransitionParamTypes = {};
-@prop export let paddingFlush: string = 'py-5';
-@prop export let paddingDefault: string = 'p-5';
-@prop export let textFlushOpen: string = 'text-gray-900 dark:text-white';
-@prop export let textFlushDefault: string = 'text-gray-500 dark:text-gray-400';
-@prop export let borderClass: string = 'border-s border-e group-first:border-t';
-@prop export let borderOpenClass: string = 'border-s border-e';
-@prop export let borderBottomClass: string = 'border-b';
-@prop export let borderSharedClass: string = 'border-gray-200 dark:border-gray-700';
-@prop export let classActive: string | undefined = undefined;
-@prop export let classInactive: string | undefined = undefined;
+@prop export let tag: $$Props['tag'] = 'h2';
+@prop export let open: NonNullable<$$Props['open']> = false;
+@prop export let activeClass: $$Props['activeClass'] = undefined;
+@prop export let inactiveClass: $$Props['inactiveClass'] = undefined;
+@prop export let defaultClass: $$Props['defaultClass'] = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
+@prop export let transitionType: $$Props['transitionType'] = 'slide';
+@prop export let transitionParams: $$Props['transitionParams'] = {};
+@prop export let paddingFlush: $$Props['paddingFlush'] = 'py-5';
+@prop export let paddingDefault: $$Props['paddingDefault'] = 'p-5';
+@prop export let textFlushOpen: $$Props['textFlushOpen'] = 'text-gray-900 dark:text-white';
+@prop export let textFlushDefault: $$Props['textFlushDefault'] = 'text-gray-500 dark:text-gray-400';
+@prop export let borderClass: $$Props['borderClass'] = 'border-s border-e group-first:border-t';
+@prop export let borderOpenClass: $$Props['borderOpenClass'] = 'border-s border-e';
+@prop export let borderBottomClass: $$Props['borderBottomClass'] = 'border-b';
+@prop export let borderSharedClass: $$Props['borderSharedClass'] = 'border-gray-200 dark:border-gray-700';
+@prop export let classActive: $$Props['classActive'] = undefined;
+@prop export let classInactive: $$Props['classInactive'] = undefined;
 -->

package/dist/accordion/AccordionItem.svelte.d.ts

@@ -2,24 +2,23 @@ import { SvelteComponentTyped } from "svelte";
 import type { TransitionTypes, TransitionParamTypes } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
-        tag?: string | undefined;
-        open?: boolean | undefined;
-        activeClass?: string | undefined;
-        inactiveClass?: string | undefined;
-        defaultClass?: string | undefined;
-        transitionType?: TransitionTypes | undefined;
-        transitionParams?: TransitionParamTypes | undefined;
-        paddingFlush?: string | undefined;
-        paddingDefault?: string | undefined;
-        textFlushOpen?: string | undefined;
-        textFlushDefault?: string | undefined;
-        borderClass?: string | undefined;
-        borderOpenClass?: string | undefined;
-        borderBottomClass?: string | undefined;
-        borderSharedClass?: string | undefined;
-        classActive?: string | undefined;
-        classInactive?: string | undefined;
+        tag?: string;
+        open?: boolean;
+        activeClass?: string;
+        inactiveClass?: string;
+        defaultClass?: string;
+        transitionType?: TransitionTypes;
+        transitionParams?: TransitionParamTypes;
+        paddingFlush?: string;
+        paddingDefault?: string;
+        textFlushOpen?: string;
+        textFlushDefault?: string;
+        borderClass?: string;
+        borderOpenClass?: string;
+        borderBottomClass?: string;
+        borderSharedClass?: string;
+        classActive?: string;
+        classInactive?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -37,23 +36,23 @@ export type AccordionItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let tag: string = 'h2';
- * @prop export let open: boolean = false;
- * @prop export let activeClass: string | undefined = undefined;
- * @prop export let inactiveClass: string | undefined = undefined;
- * @prop export let defaultClass: string = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
- * @prop export let transitionType: TransitionTypes = 'slide';
- * @prop export let transitionParams: TransitionParamTypes = {};
- * @prop export let paddingFlush: string = 'py-5';
- * @prop export let paddingDefault: string = 'p-5';
- * @prop export let textFlushOpen: string = 'text-gray-900 dark:text-white';
- * @prop export let textFlushDefault: string = 'text-gray-500 dark:text-gray-400';
- * @prop export let borderClass: string = 'border-s border-e group-first:border-t';
- * @prop export let borderOpenClass: string = 'border-s border-e';
- * @prop export let borderBottomClass: string = 'border-b';
- * @prop export let borderSharedClass: string = 'border-gray-200 dark:border-gray-700';
- * @prop export let classActive: string | undefined = undefined;
- * @prop export let classInactive: string | undefined = undefined;
+ * @prop export let tag: $$Props['tag'] = 'h2';
+ * @prop export let open: NonNullable<$$Props['open']> = false;
+ * @prop export let activeClass: $$Props['activeClass'] = undefined;
+ * @prop export let inactiveClass: $$Props['inactiveClass'] = undefined;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
+ * @prop export let transitionType: $$Props['transitionType'] = 'slide';
+ * @prop export let transitionParams: $$Props['transitionParams'] = {};
+ * @prop export let paddingFlush: $$Props['paddingFlush'] = 'py-5';
+ * @prop export let paddingDefault: $$Props['paddingDefault'] = 'p-5';
+ * @prop export let textFlushOpen: $$Props['textFlushOpen'] = 'text-gray-900 dark:text-white';
+ * @prop export let textFlushDefault: $$Props['textFlushDefault'] = 'text-gray-500 dark:text-gray-400';
+ * @prop export let borderClass: $$Props['borderClass'] = 'border-s border-e group-first:border-t';
+ * @prop export let borderOpenClass: $$Props['borderOpenClass'] = 'border-s border-e';
+ * @prop export let borderBottomClass: $$Props['borderBottomClass'] = 'border-b';
+ * @prop export let borderSharedClass: $$Props['borderSharedClass'] = 'border-gray-200 dark:border-gray-700';
+ * @prop export let classActive: $$Props['classActive'] = undefined;
+ * @prop export let classInactive: $$Props['classInactive'] = undefined;
  */
 export default class AccordionItem extends SvelteComponentTyped<AccordionItemProps, AccordionItemEvents, AccordionItemSlots> {
 }

package/dist/alert/Alert.svelte

@@ -29,6 +29,6 @@ $: divClass = twMerge(defaultClass, ($$slots.icon || dismissable) && "flex items
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let dismissable: boolean = false;
-@prop export let defaultClass: string = 'p-4 gap-3 text-sm';
+@prop export let dismissable: $$Props['dismissable'] = false;
+@prop export let defaultClass: $$Props['defaultClass'] = 'p-4 gap-3 text-sm';
 -->

package/dist/alert/Alert.svelte.d.ts

@@ -15,6 +15,7 @@ declare const __propDef: {
         transition?: (node: HTMLElement, params: any) => import("svelte/transition").TransitionConfig;
         params?: any;
     } & import("..").Dismissable & {
+        dismissable?: boolean;
         defaultClass?: string;
     };
     events: {
@@ -44,8 +45,8 @@ export type AlertSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let dismissable: boolean = false;
- * @prop export let defaultClass: string = 'p-4 gap-3 text-sm';
+ * @prop export let dismissable: $$Props['dismissable'] = false;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'p-4 gap-3 text-sm';
  */
 export default class Alert extends SvelteComponentTyped<AlertProps, AlertEvents, AlertSlots> {
 }

package/dist/avatar/Avatar.svelte

@@ -45,12 +45,12 @@ $: avatarClass = twMerge(rounded ? "rounded" : "rounded-full", border && "p-1 ri
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let src: string = '';
-@prop export let href: string | undefined = undefined;
-@prop export let rounded: boolean = false;
-@prop export let border: boolean = false;
-@prop export let stacked: boolean = false;
-@prop export let dot: object | undefined = undefined;
-@prop export let alt: string = '';
-@prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none' = 'md';
+@prop export let src: $$Props['src'] = '';
+@prop export let href: $$Props['href'] = undefined;
+@prop export let rounded: $$Props['rounded'] = false;
+@prop export let border: $$Props['border'] = false;
+@prop export let stacked: $$Props['stacked'] = false;
+@prop export let dot: $$Props['dot'] = undefined;
+@prop export let alt: $$Props['alt'] = '';
+@prop export let size: NonNullable<$$Props['size']> = 'md';
 -->

package/dist/avatar/Avatar.svelte.d.ts

@@ -1,15 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        src?: string | undefined;
-        href?: string | undefined;
-        rounded?: boolean | undefined;
-        border?: boolean | undefined;
-        stacked?: boolean | undefined;
+    props: HTMLAttributes<HTMLAnchorElement | HTMLDivElement> & {
+        href?: string;
+        src?: string;
+        rounded?: boolean;
+        border?: boolean;
+        stacked?: boolean;
         dot?: object | undefined;
-        alt?: string | undefined;
-        size?: ("xs" | "sm" | "md" | "lg" | "xl" | "none") | undefined;
+        alt?: string;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "none";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -24,14 +24,14 @@ export type AvatarSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let src: string = '';
- * @prop export let href: string | undefined = undefined;
- * @prop export let rounded: boolean = false;
- * @prop export let border: boolean = false;
- * @prop export let stacked: boolean = false;
- * @prop export let dot: object | undefined = undefined;
- * @prop export let alt: string = '';
- * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none' = 'md';
+ * @prop export let src: $$Props['src'] = '';
+ * @prop export let href: $$Props['href'] = undefined;
+ * @prop export let rounded: $$Props['rounded'] = false;
+ * @prop export let border: $$Props['border'] = false;
+ * @prop export let stacked: $$Props['stacked'] = false;
+ * @prop export let dot: $$Props['dot'] = undefined;
+ * @prop export let alt: $$Props['alt'] = '';
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
  */
 export default class Avatar extends SvelteComponentTyped<AvatarProps, AvatarEvents, AvatarSlots> {
 }

package/dist/badge/Badge.svelte

@@ -85,12 +85,12 @@ $: badgeClass = twMerge(baseClass, large ? "text-sm" : "text-xs", border ? `bord
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: ColorVariant = 'primary';
-@prop export let large: boolean = false;
-@prop export let dismissable: boolean = false;
-@prop export let border: boolean = false;
-@prop export let href: string = '';
-@prop export let rounded: boolean = false;
-@prop export let transition = fade;
-@prop export let params = {};
+@prop export let color: NonNullable<$$Props['color']> = 'primary';
+@prop export let large: $$Props['large'] = false;
+@prop export let dismissable: $$Props['dismissable'] = false;
+@prop export let border: $$Props['border'] = false;
+@prop export let href: $$Props['href'] = '';
+@prop export let rounded: $$Props['rounded'] = false;
+@prop export let transition: NonNullable<$$Props['transition']> = fade;
+@prop export let params: $$Props['params'] = {};
 -->

package/dist/badge/Badge.svelte.d.ts

@@ -1,17 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
 import type { ColorVariant } from '../types';
-import { fade } from 'svelte/transition';
+import type { HTMLAttributes } from 'svelte/elements';
+import { type TransitionConfig } from 'svelte/transition';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: ColorVariant | undefined;
-        large?: boolean | undefined;
-        dismissable?: boolean | undefined;
-        border?: boolean | undefined;
-        href?: string | undefined;
-        rounded?: boolean | undefined;
-        transition?: typeof fade | undefined;
-        params?: {} | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        color?: ColorVariant;
+        large?: boolean;
+        dismissable?: boolean;
+        border?: boolean;
+        href?: string;
+        rounded?: boolean;
+        transition?: (node: HTMLElement, params: any) => TransitionConfig;
+        params?: object;
     };
     events: {
         close: CustomEvent<any>;
@@ -31,14 +31,14 @@ export type BadgeSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: ColorVariant = 'primary';
- * @prop export let large: boolean = false;
- * @prop export let dismissable: boolean = false;
- * @prop export let border: boolean = false;
- * @prop export let href: string = '';
- * @prop export let rounded: boolean = false;
- * @prop export let transition = fade;
- * @prop export let params = {};
+ * @prop export let color: NonNullable<$$Props['color']> = 'primary';
+ * @prop export let large: $$Props['large'] = false;
+ * @prop export let dismissable: $$Props['dismissable'] = false;
+ * @prop export let border: $$Props['border'] = false;
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let rounded: $$Props['rounded'] = false;
+ * @prop export let transition: NonNullable<$$Props['transition']> = fade;
+ * @prop export let params: $$Props['params'] = {};
  */
 export default class Badge extends SvelteComponentTyped<BadgeProps, BadgeEvents, BadgeSlots> {
 }

package/dist/banner/Banner.svelte

@@ -50,12 +50,12 @@ function close(e) {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'sticky';
-@prop export let dismissable: boolean = true;
-@prop export let bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
-@prop export let divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
-@prop export let innerClass: string = 'flex';
-@prop export let bannerStatus: boolean = true;
-@prop export let transition: TransitionFunc = fade;
-@prop export let params = {};
+@prop export let position: $$Props['position'] = 'sticky';
+@prop export let dismissable: $$Props['dismissable'] = true;
+@prop export let bannerType: NonNullable<$$Props['bannerType']> = 'default';
+@prop export let divClass: $$Props['divClass'] = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
+@prop export let innerClass: $$Props['innerClass'] = 'flex';
+@prop export let bannerStatus: $$Props['bannerStatus'] = true;
+@prop export let transition: NonNullable<$$Props['transition']> = fade;
+@prop export let params: $$Props['params'] = {};
 -->

package/dist/banner/Banner.svelte.d.ts

@@ -1,16 +1,16 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import { type TransitionConfig } from 'svelte/transition';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        position?: ("static" | "fixed" | "absolute" | "relative" | "sticky") | undefined;
-        dismissable?: boolean | undefined;
-        bannerType?: ("default" | "bottom" | "cta" | "signup" | "info") | undefined;
-        divClass?: string | undefined;
-        innerClass?: string | undefined;
-        bannerStatus?: boolean | undefined;
-        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | undefined;
-        params?: {} | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        position?: "static" | "fixed" | "absolute" | "relative" | "sticky";
+        dismissable?: boolean;
+        bannerType?: "default" | "bottom" | "cta" | "signup" | "info";
+        divClass?: string;
+        innerClass?: string;
+        bannerStatus?: boolean;
+        transition?: (node: HTMLElement, params: any) => TransitionConfig;
+        params?: object;
     };
     events: {
         click: MouseEvent;
@@ -35,14 +35,14 @@ export type BannerSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'sticky';
- * @prop export let dismissable: boolean = true;
- * @prop export let bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
- * @prop export let divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
- * @prop export let innerClass: string = 'flex';
- * @prop export let bannerStatus: boolean = true;
- * @prop export let transition: TransitionFunc = fade;
- * @prop export let params = {};
+ * @prop export let position: $$Props['position'] = 'sticky';
+ * @prop export let dismissable: $$Props['dismissable'] = true;
+ * @prop export let bannerType: NonNullable<$$Props['bannerType']> = 'default';
+ * @prop export let divClass: $$Props['divClass'] = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
+ * @prop export let innerClass: $$Props['innerClass'] = 'flex';
+ * @prop export let bannerStatus: $$Props['bannerStatus'] = true;
+ * @prop export let transition: NonNullable<$$Props['transition']> = fade;
+ * @prop export let params: $$Props['params'] = {};
  */
 export default class Banner extends SvelteComponentTyped<BannerProps, BannerEvents, BannerSlots> {
 }

package/dist/bottom-navigation/BottomNav.svelte

@@ -53,11 +53,10 @@ $: innerCls = twMerge(innerClass, innerDivClasses[navType], $$props.classInner);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let activeUrl: string = '';
-@prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'fixed';
-@prop export let navType: 'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video' = 'default';
-@prop export let outerClass: string = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
-@prop export let innerClass: string = 'grid h-full max-w-lg mx-auto';
-@prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
-@prop export let activeUrl: string = '';
+@prop export let activeUrl: $$Props['activeUrl'] = '';
+@prop export let position: $$Props['position'] = 'fixed';
+@prop export let navType: NonNullable<$$Props['navType']> = 'default';
+@prop export let outerClass: $$Props['outerClass'] = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
+@prop export let innerClass: $$Props['innerClass'] = 'grid h-full max-w-lg mx-auto';
+@prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
 -->

package/dist/bottom-navigation/BottomNav.svelte.d.ts

@@ -2,15 +2,15 @@ import { SvelteComponentTyped } from "svelte";
 export type BottomNavType = {
     activeClass: string;
 };
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        activeUrl?: string | undefined;
-        position?: ("static" | "fixed" | "absolute" | "relative" | "sticky") | undefined;
-        navType?: ("default" | "border" | "application" | "pagination" | "group" | "card" | "meeting" | "video") | undefined;
-        outerClass?: string | undefined;
-        innerClass?: string | undefined;
-        activeClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        activeUrl: string;
+        position?: "static" | "fixed" | "absolute" | "relative" | "sticky";
+        navType?: "default" | "border" | "application" | "pagination" | "group" | "card" | "meeting" | "video";
+        outerClass?: string;
+        innerClass?: string;
+        activeClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -26,13 +26,12 @@ export type BottomNavSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let activeUrl: string = '';
- * @prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'fixed';
- * @prop export let navType: 'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video' = 'default';
- * @prop export let outerClass: string = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
- * @prop export let innerClass: string = 'grid h-full max-w-lg mx-auto';
- * @prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
- * @prop export let activeUrl: string = '';
+ * @prop export let activeUrl: $$Props['activeUrl'] = '';
+ * @prop export let position: $$Props['position'] = 'fixed';
+ * @prop export let navType: NonNullable<$$Props['navType']> = 'default';
+ * @prop export let outerClass: $$Props['outerClass'] = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
+ * @prop export let innerClass: $$Props['innerClass'] = 'grid h-full max-w-lg mx-auto';
+ * @prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
  */
 export default class BottomNav extends SvelteComponentTyped<BottomNavProps, BottomNavEvents, BottomNavSlots> {
 }

package/dist/bottom-navigation/BottomNavHeader.svelte

@@ -13,6 +13,6 @@ export let innerClass = "grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gra
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let outerClass: string = 'w-full';
-@prop export let innerClass: string = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
+@prop export let outerClass: $$Props['outerClass'] = 'w-full';
+@prop export let innerClass: $$Props['innerClass'] = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
 -->

package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        outerClass?: string | undefined;
-        innerClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        outerClass?: string;
+        innerClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,8 +18,8 @@ export type BottomNavHeaderSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let outerClass: string = 'w-full';
- * @prop export let innerClass: string = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
+ * @prop export let outerClass: $$Props['outerClass'] = 'w-full';
+ * @prop export let innerClass: $$Props['innerClass'] = '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 default class BottomNavHeader extends SvelteComponentTyped<BottomNavHeaderProps, BottomNavHeaderEvents, BottomNavHeaderSlots> {
 }

package/dist/bottom-navigation/BottomNavHeaderItem.svelte

@@ -14,8 +14,8 @@ $: btnClass = active ? activeClass : defaultClass;
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let itemName: string = '';
-@prop export let active: boolean = false;
-@prop export let defaultClass: string = 'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg';
-@prop export let activeClass: string = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg';
+@prop export let itemName: $$Props['itemName'] = '';
+@prop export let active: $$Props['active'] = false;
+@prop export let defaultClass: $$Props['defaultClass'] = 'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg';
+@prop export let activeClass: $$Props['activeClass'] = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg';
 -->

package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLButtonAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        itemName?: string | undefined;
-        active?: boolean | undefined;
-        defaultClass?: string | undefined;
-        activeClass?: string | undefined;
+    props: HTMLButtonAttributes & {
+        itemName: string;
+        active: boolean;
+        defaultClass: string;
+        activeClass: string;
     };
     events: {
         click: MouseEvent;
@@ -27,10 +27,10 @@ export type BottomNavHeaderItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let itemName: string = '';
- * @prop export let active: boolean = false;
- * @prop export let defaultClass: string = 'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg';
- * @prop export let activeClass: string = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg';
+ * @prop export let itemName: $$Props['itemName'] = '';
+ * @prop export let active: $$Props['active'] = false;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg';
+ * @prop export let activeClass: $$Props['activeClass'] = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg';
  */
 export default class BottomNavHeaderItem extends SvelteComponentTyped<BottomNavHeaderItemProps, BottomNavHeaderItemEvents, BottomNavHeaderItemSlots> {
 }

package/dist/bottom-navigation/BottomNavItem.svelte

@@ -54,10 +54,10 @@ $: spanCls = twMerge(spanClasses[navType], active && (activeClass ?? context.act
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let btnName: string = '';
-@prop export let appBtnPosition: 'left' | 'middle' | 'right' = 'middle';
-@prop export let activeClass: string | undefined = undefined;
-@prop export let href: string = '';
-@prop export let exact: boolean = true;
-@prop export let spanClass: string = '';
+@prop export let btnName: $$Props['btnName'] = '';
+@prop export let appBtnPosition: NonNullable<$$Props['appBtnPosition']> = 'middle';
+@prop export let activeClass: $$Props['activeClass'] = undefined;
+@prop export let href: NonNullable<$$Props['href']> = '';
+@prop export let exact: $$Props['exact'] = true;
+@prop export let spanClass: $$Props['spanClass'] = '';
 -->