flowbite-svelte 0.46.19 → 0.46.21

package/dist/indicators/Indicator.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import type { IndicatorPlacementType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: ("gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "blue" | "dark" | "orange" | "none" | "teal") | undefined;
-        rounded?: boolean | undefined;
-        size?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
-        border?: boolean | undefined;
-        placement?: IndicatorPlacementType | undefined;
-        offset?: boolean | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "blue" | "dark" | "orange" | "none" | "teal";
+        rounded?: boolean;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
+        border?: boolean;
+        placement?: IndicatorPlacementType;
+        offset?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -23,12 +23,12 @@ export type IndicatorSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: IndicatorColorType = 'gray';
- * @prop export let rounded: boolean = false;
- * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
- * @prop export let border: boolean = false;
- * @prop export let placement: IndicatorPlacementType | undefined = undefined;
- * @prop export let offset: boolean = true;
+ * @prop export let color: NonNullable<$$Props['color']> = 'gray';
+ * @prop export let rounded: $$Props['rounded'] = false;
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
+ * @prop export let border: $$Props['border'] = false;
+ * @prop export let placement: $$Props['placement'] = undefined;
+ * @prop export let offset: $$Props['offset'] = true;
  */
 export default class Indicator extends SvelteComponentTyped<IndicatorProps, IndicatorEvents, IndicatorSlots> {
 }

package/dist/kbd/ArrowKeyDown.svelte

@@ -10,5 +10,5 @@ export let svgClass = "w-4 h-4";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let svgClass: string = 'w-4 h-4';
+@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
 -->

package/dist/kbd/ArrowKeyDown.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,7 +15,7 @@ export type ArrowKeyDownSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
 export default class ArrowKeyDown extends SvelteComponentTyped<ArrowKeyDownProps, ArrowKeyDownEvents, ArrowKeyDownSlots> {
 }

package/dist/kbd/ArrowKeyLeft.svelte

@@ -10,5 +10,5 @@ export let svgClass = "w-4 h-4";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let svgClass: string = 'w-4 h-4';
+@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
 -->

package/dist/kbd/ArrowKeyLeft.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,7 +15,7 @@ export type ArrowKeyLeftSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
 export default class ArrowKeyLeft extends SvelteComponentTyped<ArrowKeyLeftProps, ArrowKeyLeftEvents, ArrowKeyLeftSlots> {
 }

package/dist/kbd/ArrowKeyRight.svelte

@@ -10,5 +10,5 @@ export let svgClass = "w-4 h-4";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let svgClass: string = 'w-4 h-4';
+@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
 -->

package/dist/kbd/ArrowKeyRight.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,7 +15,7 @@ export type ArrowKeyRightSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
 export default class ArrowKeyRight extends SvelteComponentTyped<ArrowKeyRightProps, ArrowKeyRightEvents, ArrowKeyRightSlots> {
 }

package/dist/kbd/ArrowKeyUp.svelte

@@ -10,5 +10,5 @@ export let svgClass = "w-4 h-4";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let svgClass: string = 'w-4 h-4';
+@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
 -->

package/dist/kbd/ArrowKeyUp.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,7 +15,7 @@ export type ArrowKeyUpSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
 export default class ArrowKeyUp extends SvelteComponentTyped<ArrowKeyUpProps, ArrowKeyUpEvents, ArrowKeyUpSlots> {
 }

package/dist/kbd/Kbd.svelte

@@ -10,5 +10,5 @@ export let kbdClass = "text-xs font-semibold text-gray-800 bg-gray-100 border bo
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let kbdClass: string = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
+@prop export let kbdClass: $$Props['kbdClass'] = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
 -->

package/dist/kbd/Kbd.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        kbdClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        kbdClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type KbdSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let kbdClass: string = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
+ * @prop export let kbdClass: $$Props['kbdClass'] = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
  */
 export default class Kbd extends SvelteComponentTyped<KbdProps, KbdEvents, KbdSlots> {
 }

package/dist/list-group/Listgroup.svelte

@@ -28,7 +28,7 @@ $: groupClass = twMerge(defaultClass, $$props.class);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let items: T[] = [];
-@prop export let active: boolean = false;
-@prop export let defaultClass: string = 'divide-y divide-gray-200 dark:divide-gray-600';
+@prop export let items: NonNullable<$$Props['items']> = [];
+@prop export let active: $$Props['active'] = false;
+@prop export let defaultClass: $$Props['defaultClass'] = 'divide-y divide-gray-200 dark:divide-gray-600';
 -->

package/dist/list-group/Listgroup.svelte.d.ts

@@ -18,6 +18,7 @@ declare class __sveltets_Render<T extends ListGroupItemType | string> {
     } & {
         items?: T[] | undefined;
         active?: boolean;
+        defaultClass?: string;
     };
     events(): {
         click: CustomEvent<any>;
@@ -37,9 +38,9 @@ export type ListgroupSlots<T extends ListGroupItemType | string> = ReturnType<__
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let items: T[] = [];
- * @prop export let active: boolean = false;
- * @prop export let defaultClass: string = 'divide-y divide-gray-200 dark:divide-gray-600';
+ * @prop export let items: NonNullable<$$Props['items']> = [];
+ * @prop export let active: $$Props['active'] = false;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'divide-y divide-gray-200 dark:divide-gray-600';
  */
 export default class Listgroup<T extends ListGroupItemType | string> extends SvelteComponentTyped<ListgroupProps<T>, ListgroupEvents<T>, ListgroupSlots<T>> {
 }

package/dist/mega-menu/MegaMenu.svelte

@@ -29,8 +29,8 @@ $: ulCls = twMerge(ulClass, full && $$slots.extra ? "grid-cols-2" : "grid-cols-2
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let items: LinkTypeLike[] = [];
-@prop export let full: boolean = false;
-@prop export let open: boolean = false;
-@prop export let ulClass: string = 'grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max';
+@prop export let items: $$Props['items'] = [];
+@prop export let full: $$Props['full'] = false;
+@prop export let open: $$Props['open'] = false;
+@prop export let ulClass: $$Props['ulClass'] = 'grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max';
 -->

package/dist/mega-menu/MegaMenu.svelte.d.ts

@@ -27,10 +27,11 @@ declare const __propDef: {
         open?: boolean;
         yOnly?: boolean;
     } & {
-        items?: (LinkType & {
+        items: (LinkType & {
             [propName: string]: any;
         })[];
         full?: boolean;
+        open?: boolean;
         ulClass?: string;
     };
     events: {
@@ -54,10 +55,10 @@ export type MegaMenuSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let items: LinkTypeLike[] = [];
- * @prop export let full: boolean = false;
- * @prop export let open: boolean = false;
- * @prop export let ulClass: string = 'grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max';
+ * @prop export let items: $$Props['items'] = [];
+ * @prop export let full: $$Props['full'] = false;
+ * @prop export let open: $$Props['open'] = false;
+ * @prop export let ulClass: $$Props['ulClass'] = 'grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max';
  */
 export default class MegaMenu extends SvelteComponentTyped<MegaMenuProps, MegaMenuEvents, MegaMenuSlots> {
 }

package/dist/modal/Modal.svelte

@@ -133,23 +133,23 @@ $: footerCls = twMerge(footerClass, classFooter);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let open: boolean = false;
-@prop export let title: string = '';
-@prop export let size: SizeType = 'md';
-@prop export let color: ComponentProps<Frame>['color'] = 'default';
-@prop export let placement: ModalPlacementType = 'center';
-@prop export let autoclose: boolean = false;
-@prop export let outsideclose: boolean = false;
-@prop export let dismissable: boolean = true;
-@prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
-@prop export let classBackdrop: string | undefined = undefined;
-@prop export let dialogClass: string = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
-@prop export let classDialog: string | undefined = undefined;
-@prop export let defaultClass: string = 'relative flex flex-col mx-auto';
-@prop export let headerClass: string = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
-@prop export let classHeader: string | undefined = undefined;
-@prop export let bodyClass: string = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
-@prop export let classBody: string | undefined = undefined;
-@prop export let footerClass: string = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
-@prop export let classFooter: string | undefined = undefined;
+@prop export let open: $$Props['open'] = false;
+@prop export let title: $$Props['title'] = '';
+@prop export let size: NonNullable<$$Props['size']> = 'md';
+@prop export let color: $$Props['color'] = 'default';
+@prop export let placement: NonNullable<$$Props['placement']> = 'center';
+@prop export let autoclose: $$Props['autoclose'] = false;
+@prop export let outsideclose: $$Props['outsideclose'] = false;
+@prop export let dismissable: $$Props['dismissable'] = true;
+@prop export let backdropClass: $$Props['backdropClass'] = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
+@prop export let classBackdrop: $$Props['classBackdrop'] = undefined;
+@prop export let dialogClass: $$Props['dialogClass'] = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
+@prop export let classDialog: $$Props['classDialog'] = undefined;
+@prop export let defaultClass: $$Props['defaultClass'] = 'relative flex flex-col mx-auto';
+@prop export let headerClass: $$Props['headerClass'] = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
+@prop export let classHeader: $$Props['classHeader'] = undefined;
+@prop export let bodyClass: $$Props['bodyClass'] = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
+@prop export let classBody: $$Props['classBody'] = undefined;
+@prop export let footerClass: $$Props['footerClass'] = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
+@prop export let classFooter: $$Props['classFooter'] = undefined;
 -->

package/dist/modal/Modal.svelte.d.ts

@@ -52,25 +52,25 @@ export type ModalSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let open: boolean = false;
- * @prop export let title: string = '';
- * @prop export let size: SizeType = 'md';
- * @prop export let color: ComponentProps<Frame>['color'] = 'default';
- * @prop export let placement: ModalPlacementType = 'center';
- * @prop export let autoclose: boolean = false;
- * @prop export let outsideclose: boolean = false;
- * @prop export let dismissable: boolean = true;
- * @prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
- * @prop export let classBackdrop: string | undefined = undefined;
- * @prop export let dialogClass: string = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
- * @prop export let classDialog: string | undefined = undefined;
- * @prop export let defaultClass: string = 'relative flex flex-col mx-auto';
- * @prop export let headerClass: string = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
- * @prop export let classHeader: string | undefined = undefined;
- * @prop export let bodyClass: string = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
- * @prop export let classBody: string | undefined = undefined;
- * @prop export let footerClass: string = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
- * @prop export let classFooter: string | undefined = undefined;
+ * @prop export let open: $$Props['open'] = false;
+ * @prop export let title: $$Props['title'] = '';
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
+ * @prop export let color: $$Props['color'] = 'default';
+ * @prop export let placement: NonNullable<$$Props['placement']> = 'center';
+ * @prop export let autoclose: $$Props['autoclose'] = false;
+ * @prop export let outsideclose: $$Props['outsideclose'] = false;
+ * @prop export let dismissable: $$Props['dismissable'] = true;
+ * @prop export let backdropClass: $$Props['backdropClass'] = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
+ * @prop export let classBackdrop: $$Props['classBackdrop'] = undefined;
+ * @prop export let dialogClass: $$Props['dialogClass'] = 'fixed top-0 start-0 end-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
+ * @prop export let classDialog: $$Props['classDialog'] = undefined;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'relative flex flex-col mx-auto';
+ * @prop export let headerClass: $$Props['headerClass'] = 'flex justify-between items-center p-4 md:p-5 rounded-t-lg';
+ * @prop export let classHeader: $$Props['classHeader'] = undefined;
+ * @prop export let bodyClass: $$Props['bodyClass'] = 'p-4 md:p-5 space-y-4 flex-1 overflow-y-auto overscroll-contain';
+ * @prop export let classBody: $$Props['classBody'] = undefined;
+ * @prop export let footerClass: $$Props['footerClass'] = 'flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg';
+ * @prop export let classFooter: $$Props['classFooter'] = undefined;
  */
 export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
 }

package/dist/navbar/Menu.svelte

@@ -29,8 +29,8 @@ $: switch (variation) {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let size = '24';
-@prop export let color = 'currentColor';
-@prop export let variation: 'solid' | 'outline' = 'outline';
-@prop export let ariaLabel = 'bars 3';
+@prop export let size: $$Props['size'] = '24';
+@prop export let color: $$Props['color'] = 'currentColor';
+@prop export let variation: $$Props['variation'] = 'outline';
+@prop export let ariaLabel: $$Props['ariaLabel'] = 'bars 3';
 -->

package/dist/navbar/Menu.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        size?: string | undefined;
-        color?: string | undefined;
-        variation?: ("solid" | "outline") | undefined;
-        ariaLabel?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        size?: string;
+        color?: string;
+        variation?: "solid" | "outline";
+        ariaLabel?: string;
     };
     events: {
         click: MouseEvent;
@@ -20,10 +20,10 @@ export type MenuSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let size = '24';
- * @prop export let color = 'currentColor';
- * @prop export let variation: 'solid' | 'outline' = 'outline';
- * @prop export let ariaLabel = 'bars 3';
+ * @prop export let size: $$Props['size'] = '24';
+ * @prop export let color: $$Props['color'] = 'currentColor';
+ * @prop export let variation: $$Props['variation'] = 'outline';
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = 'bars 3';
  */
 export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
 }

package/dist/navbar/NavBrand.svelte

@@ -10,5 +10,5 @@ export let href = "";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let href: string = '';
+@prop export let href: $$Props['href'] = '';
 -->

package/dist/navbar/NavBrand.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAreaAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href?: string | undefined;
+    props: HTMLAreaAttributes & {
+        href?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type NavBrandSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let href: string = '';
+ * @prop export let href: $$Props['href'] = '';
  */
 export default class NavBrand extends SvelteComponentTyped<NavBrandProps, NavBrandEvents, NavBrandSlots> {
 }

package/dist/navbar/NavContainer.svelte

@@ -2,7 +2,7 @@
 export let fluid = false;
 </script>
 
-<div class={twMerge('mx-auto flex flex-wrap justify-between items-center ', fluid ? 'w-full' : 'container', $$props.class)}>
+<div class={twMerge('mx-auto flex flex-wrap justify-between items-center ', fluid ? 'w-full' : 'container', $$props.class)} {...$$restProps}>
   <slot />
 </div>
 

package/dist/navbar/NavHamburger.svelte

@@ -18,6 +18,6 @@ const toggle = (ev) => hiddenStore.update((h) => !h);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let menuClass: string = 'h-6 w-6 shrink-0';
-@prop export let onClick: (() => void) | undefined = undefined;
+@prop export let menuClass: $$Props['menuClass'] = 'h-6 w-6 shrink-0';
+@prop export let onClick: $$Props['onClick'] = undefined;
 -->

package/dist/navbar/NavHamburger.svelte.d.ts

@@ -1,8 +1,19 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        menuClass?: string | undefined;
+    props: (({
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "default" | "primary";
+        name?: string;
+        ariaLabel?: string;
+        size?: "xs" | "sm" | "lg" | "md";
+    } & import("svelte/elements").HTMLAnchorAttributes & {
+        href: string;
+    }) | ({
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "default" | "primary";
+        name?: string;
+        ariaLabel?: string;
+        size?: "xs" | "sm" | "lg" | "md";
+    } & import("svelte/elements").HTMLButtonAttributes)) & {
+        menuClass?: string;
         onClick?: (() => void) | undefined;
     };
     events: {
@@ -16,8 +27,8 @@ export type NavHamburgerSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let menuClass: string = 'h-6 w-6 shrink-0';
- * @prop export let onClick: (() => void) | undefined = undefined;
+ * @prop export let menuClass: $$Props['menuClass'] = 'h-6 w-6 shrink-0';
+ * @prop export let onClick: $$Props['onClick'] = undefined;
  */
 export default class NavHamburger extends SvelteComponentTyped<NavHamburgerProps, NavHamburgerEvents, NavHamburgerSlots> {
 }

package/dist/navbar/NavLi.svelte

@@ -23,7 +23,7 @@ $: liClass = twMerge("block py-2 pe-4 ps-3 md:p-0 rounded md:border-0", active ?
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let href: string = '';
-@prop export let activeClass: string | undefined = undefined;
-@prop export let nonActiveClass: string | undefined = undefined;
+@prop export let href: $$Props['href'] = '';
+@prop export let activeClass: $$Props['activeClass'] = undefined;
+@prop export let nonActiveClass: $$Props['nonActiveClass'] = undefined;
 -->

package/dist/navbar/NavLi.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href?: string | undefined;
-        activeClass?: string | undefined;
-        nonActiveClass?: string | undefined;
+    props: HTMLAttributes<HTMLAnchorElement | HTMLDivElement> & {
+        href?: string;
+        activeClass?: string;
+        nonActiveClass?: string;
     };
     events: {
         blur: FocusEvent;
@@ -30,9 +30,9 @@ export type NavLiSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let href: string = '';
- * @prop export let activeClass: string | undefined = undefined;
- * @prop export let nonActiveClass: string | undefined = undefined;
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let activeClass: $$Props['activeClass'] = undefined;
+ * @prop export let nonActiveClass: $$Props['nonActiveClass'] = undefined;
  */
 export default class NavLi extends SvelteComponentTyped<NavLiProps, NavLiEvents, NavLiSlots> {
 }

package/dist/navbar/NavUl.svelte

@@ -6,7 +6,6 @@ import { writable } from "svelte/store";
 import { slide } from "svelte/transition";
 import { twMerge } from "tailwind-merge";
 import Frame from "../utils/Frame.svelte";
-const activeUrlStore = writable("");
 export let activeUrl = "";
 export let divClass = "w-full md:block md:w-auto";
 export let ulClass = "flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium";
@@ -14,6 +13,7 @@ export let hidden = void 0;
 export let slideParams = { delay: 250, duration: 500, easing: sineIn };
 export let activeClass = "text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent";
 export let nonActiveClass = "text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent";
+const activeUrlStore = writable("");
 setContext("navbarContext", { activeClass, nonActiveClass });
 $: {
   activeUrlStore.set(activeUrl);
@@ -50,11 +50,11 @@ $: _ulClass = twMerge(
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let activeUrl: string = '';
-@prop export let divClass: string = 'w-full md:block md:w-auto';
-@prop export let ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium';
-@prop export let hidden: boolean | undefined = undefined;
-@prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: sineIn };
-@prop export let activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
-@prop export let nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
+@prop export let activeUrl: NonNullable<$$Props['activeUrl']> = '';
+@prop export let divClass: $$Props['divClass'] = 'w-full md:block md:w-auto';
+@prop export let ulClass: $$Props['ulClass'] = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium';
+@prop export let hidden: $$Props['hidden'] = undefined;
+@prop export let slideParams: $$Props['slideParams'] = { delay: 250, duration: 500, easing: sineIn };
+@prop export let activeClass: NonNullable<$$Props['activeClass']> = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
+@prop export let nonActiveClass: NonNullable<$$Props['nonActiveClass']> = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
 -->

package/dist/navbar/NavUl.svelte.d.ts

@@ -3,17 +3,17 @@ export type NavbarLiType = {
     activeClass: string;
     nonActiveClass: string;
 };
+import type { HTMLAttributes } from 'svelte/elements';
 import { type SlideParams } from 'svelte/transition';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        activeUrl?: string | undefined;
-        divClass?: string | undefined;
-        ulClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        activeUrl?: string;
+        divClass?: string;
+        ulClass?: string;
         hidden?: boolean | undefined;
-        slideParams?: SlideParams | undefined;
-        activeClass?: string | undefined;
-        nonActiveClass?: string | undefined;
+        slideParams?: SlideParams;
+        activeClass?: string;
+        nonActiveClass?: string;
     };
     events: {
         click: MouseEvent;
@@ -30,13 +30,13 @@ export type NavUlSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let activeUrl: string = '';
- * @prop export let divClass: string = 'w-full md:block md:w-auto';
- * @prop export let ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium';
- * @prop export let hidden: boolean | undefined = undefined;
- * @prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: sineIn };
- * @prop export let activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
- * @prop export let nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
+ * @prop export let activeUrl: NonNullable<$$Props['activeUrl']> = '';
+ * @prop export let divClass: $$Props['divClass'] = 'w-full md:block md:w-auto';
+ * @prop export let ulClass: $$Props['ulClass'] = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:text-sm md:font-medium';
+ * @prop export let hidden: $$Props['hidden'] = undefined;
+ * @prop export let slideParams: $$Props['slideParams'] = { delay: 250, duration: 500, easing: sineIn };
+ * @prop export let activeClass: NonNullable<$$Props['activeClass']> = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
+ * @prop export let nonActiveClass: NonNullable<$$Props['nonActiveClass']> = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
  */
 export default class NavUl extends SvelteComponentTyped<NavUlProps, NavUlEvents, NavUlSlots> {
 }

package/dist/navbar/Navbar.svelte

@@ -22,5 +22,5 @@ let toggle = () => hidden.update((hidden2) => !hidden2);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let fluid: boolean = false;
+@prop export let fluid: $$Props['fluid'] = false;
 -->