flowbite-svelte 0.46.20 → 0.46.21

package/dist/rating/Star.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        fillPercent?: number | undefined;
-        fillColor?: string | undefined;
-        strokeColor?: string | undefined;
-        size?: number | undefined;
-        ariaLabel?: string | undefined;
-        id?: string | undefined;
-        role?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        fillPercent?: number;
+        fillColor?: string;
+        strokeColor?: string;
+        size?: number;
+        ariaLabel?: string;
+        id?: string;
+        role?: string;
     };
     events: {
         click: MouseEvent;
@@ -23,13 +23,13 @@ export type StarSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let fillPercent: number = 100;
- * @prop export let fillColor: string = '#F5CA14';
- * @prop export let strokeColor: string = '#F5CA14';
- * @prop export let size: number = 24;
- * @prop export let ariaLabel: string = 'star';
- * @prop export let id: string = generateId();
- * @prop export let role = 'img';
+ * @prop export let fillPercent: $$Props['fillPercent'] = 100;
+ * @prop export let fillColor: $$Props['fillColor'] = '#F5CA14';
+ * @prop export let strokeColor: $$Props['strokeColor'] = '#F5CA14';
+ * @prop export let size: $$Props['size'] = 24;
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = 'star';
+ * @prop export let id: $$Props['id'] = generateId();
+ * @prop export let role: $$Props['role'] = 'img';
  */
 export default class Star extends SvelteComponentTyped<StarProps, StarEvents, StarSlots> {
 }

package/dist/rating/Thumbup.svelte

@@ -28,11 +28,11 @@ export let role = "img";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let fillPercent: number = 100;
-@prop export let fillColor: string = '#00b500';
-@prop export let strokeColor: string = '#00b500';
-@prop export let size: number = 24;
-@prop export let ariaLabel: string = 'thumbup';
-@prop export let id: string = 'thumbup';
-@prop export let role = 'img';
+@prop export let fillPercent: $$Props['fillPercent'] = 100;
+@prop export let fillColor: $$Props['fillColor'] = '#00b500';
+@prop export let strokeColor: $$Props['strokeColor'] = '#00b500';
+@prop export let size: $$Props['size'] = 24;
+@prop export let ariaLabel: $$Props['ariaLabel'] = 'thumbup';
+@prop export let id: $$Props['id'] = 'thumbup';
+@prop export let role: $$Props['role'] = 'img';
 -->

package/dist/rating/Thumbup.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        fillPercent?: number | undefined;
-        fillColor?: string | undefined;
-        strokeColor?: string | undefined;
-        size?: number | undefined;
-        ariaLabel?: string | undefined;
-        id?: string | undefined;
-        role?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        fillPercent?: number;
+        fillColor?: string;
+        strokeColor?: string;
+        size?: number;
+        ariaLabel?: string;
+        id?: string;
+        role?: string;
     };
     events: {
         click: MouseEvent;
@@ -23,13 +23,13 @@ export type ThumbupSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let fillPercent: number = 100;
- * @prop export let fillColor: string = '#00b500';
- * @prop export let strokeColor: string = '#00b500';
- * @prop export let size: number = 24;
- * @prop export let ariaLabel: string = 'thumbup';
- * @prop export let id: string = 'thumbup';
- * @prop export let role = 'img';
+ * @prop export let fillPercent: $$Props['fillPercent'] = 100;
+ * @prop export let fillColor: $$Props['fillColor'] = '#00b500';
+ * @prop export let strokeColor: $$Props['strokeColor'] = '#00b500';
+ * @prop export let size: $$Props['size'] = 24;
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = 'thumbup';
+ * @prop export let id: $$Props['id'] = 'thumbup';
+ * @prop export let role: $$Props['role'] = 'img';
  */
 export default class Thumbup extends SvelteComponentTyped<ThumbupProps, ThumbupEvents, ThumbupSlots> {
 }

package/dist/sidebar/Sidebar.svelte

@@ -3,12 +3,12 @@
 <script>import { setContext } from "svelte";
 import { twMerge } from "tailwind-merge";
 import { writable } from "svelte/store";
-const activeUrlStore = writable("");
 export let activeUrl = "";
 export let asideClass = "w-64";
 export let nonActiveClass = "flex items-center p-2 text-base font-normal text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700";
 export let activeClass = "flex items-center p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700";
 export let ariaLabel = "Sidebar";
+const activeUrlStore = writable("");
 setContext("sidebarContext", { activeClass, nonActiveClass });
 $: {
   activeUrlStore.set(activeUrl);
@@ -24,9 +24,9 @@ setContext("activeUrl", activeUrlStore);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let activeUrl: string = '';
-@prop export let asideClass: string = 'w-64';
-@prop export let nonActiveClass: string = 'flex items-center p-2 text-base font-normal text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
-@prop export let activeClass: string = 'flex items-center p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
-@prop export let ariaLabel: string = 'Sidebar';
+@prop export let activeUrl: NonNullable<$$Props['activeUrl']> = '';
+@prop export let asideClass: $$Props['asideClass'] = 'w-64';
+@prop export let nonActiveClass: NonNullable<$$Props['nonActiveClass']> = 'flex items-center p-2 text-base font-normal text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
+@prop export let activeClass: NonNullable<$$Props['activeClass']> = 'flex items-center p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
+@prop export let ariaLabel: $$Props['ariaLabel'] = 'Sidebar';
 -->

package/dist/sidebar/Sidebar.svelte.d.ts

@@ -3,14 +3,14 @@ export type SidebarType = {
     activeClass: string;
     nonActiveClass: string;
 };
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        activeUrl?: string | undefined;
-        asideClass?: string | undefined;
-        nonActiveClass?: string | undefined;
-        activeClass?: string | undefined;
-        ariaLabel?: string | undefined;
+    props: HTMLAttributes<HTMLElement> & {
+        activeUrl?: string;
+        asideClass?: string;
+        nonActiveClass?: string;
+        activeClass?: string;
+        ariaLabel?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -25,11 +25,11 @@ export type SidebarSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let activeUrl: string = '';
- * @prop export let asideClass: string = 'w-64';
- * @prop export let nonActiveClass: string = 'flex items-center p-2 text-base font-normal text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
- * @prop export let activeClass: string = 'flex items-center p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
- * @prop export let ariaLabel: string = 'Sidebar';
+ * @prop export let activeUrl: NonNullable<$$Props['activeUrl']> = '';
+ * @prop export let asideClass: $$Props['asideClass'] = 'w-64';
+ * @prop export let nonActiveClass: NonNullable<$$Props['nonActiveClass']> = 'flex items-center p-2 text-base font-normal text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
+ * @prop export let activeClass: NonNullable<$$Props['activeClass']> = 'flex items-center p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = 'Sidebar';
  */
 export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
 }

package/dist/sidebar/SidebarBrand.svelte

@@ -14,8 +14,8 @@ export let spanClass = "self-center text-xl font-semibold whitespace-nowrap dark
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let site: SiteType;
-@prop export let aClass: string = 'flex items-center ps-2.5 mb-5';
-@prop export let imgClass: string = 'h-6 me-3 sm:h-7';
-@prop export let spanClass: string = 'self-center text-xl font-semibold whitespace-nowrap dark:text-white';
+@prop export let site: $$Props['site'];
+@prop export let aClass: $$Props['aClass'] = 'flex items-center ps-2.5 mb-5';
+@prop export let imgClass: $$Props['imgClass'] = 'h-6 me-3 sm:h-7';
+@prop export let spanClass: $$Props['spanClass'] = 'self-center text-xl font-semibold whitespace-nowrap dark:text-white';
 -->

package/dist/sidebar/SidebarBrand.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 import type { SiteType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
+    props: HTMLAnchorAttributes & {
         site: SiteType;
-        aClass?: string | undefined;
-        imgClass?: string | undefined;
-        spanClass?: string | undefined;
+        aClass?: string;
+        imgClass?: string;
+        spanClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,10 +19,10 @@ export type SidebarBrandSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let site: SiteType;
- * @prop export let aClass: string = 'flex items-center ps-2.5 mb-5';
- * @prop export let imgClass: string = 'h-6 me-3 sm:h-7';
- * @prop export let spanClass: string = 'self-center text-xl font-semibold whitespace-nowrap dark:text-white';
+ * @prop export let site: $$Props['site'];
+ * @prop export let aClass: $$Props['aClass'] = 'flex items-center ps-2.5 mb-5';
+ * @prop export let imgClass: $$Props['imgClass'] = 'h-6 me-3 sm:h-7';
+ * @prop export let spanClass: $$Props['spanClass'] = 'self-center text-xl font-semibold whitespace-nowrap dark:text-white';
  */
 export default class SidebarBrand extends SvelteComponentTyped<SidebarBrandProps, SidebarBrandEvents, SidebarBrandSlots> {
 }

package/dist/sidebar/SidebarCta.svelte

@@ -19,8 +19,8 @@ export let label = "";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divWrapperClass: string = 'p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900';
-@prop export let divClass: string = 'flex items-center mb-3';
-@prop export let spanClass: string = 'bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900';
-@prop export let label: string = '';
+@prop export let divWrapperClass: $$Props['divWrapperClass'] = 'p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900';
+@prop export let divClass: $$Props['divClass'] = 'flex items-center mb-3';
+@prop export let spanClass: $$Props['spanClass'] = 'bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900';
+@prop export let label: $$Props['label'] = '';
 -->

package/dist/sidebar/SidebarCta.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divWrapperClass?: string | undefined;
-        divClass?: string | undefined;
-        spanClass?: string | undefined;
-        label?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        divWrapperClass?: string;
+        divClass?: string;
+        spanClass?: string;
+        label?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -21,10 +21,10 @@ export type SidebarCtaSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divWrapperClass: string = 'p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900';
- * @prop export let divClass: string = 'flex items-center mb-3';
- * @prop export let spanClass: string = 'bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900';
- * @prop export let label: string = '';
+ * @prop export let divWrapperClass: $$Props['divWrapperClass'] = 'p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900';
+ * @prop export let divClass: $$Props['divClass'] = 'flex items-center mb-3';
+ * @prop export let spanClass: $$Props['spanClass'] = 'bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900';
+ * @prop export let label: $$Props['label'] = '';
  */
 export default class SidebarCta extends SvelteComponentTyped<SidebarCtaProps, SidebarCtaEvents, SidebarCtaSlots> {
 }

package/dist/sidebar/SidebarDropdownItem.svelte

@@ -16,9 +16,9 @@ export let active = false;
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let aClass: string = 'flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
-@prop export let href: string = '';
-@prop export let label: string = '';
-@prop export let activeClass: string = 'flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
-@prop export let active: boolean = false;
+@prop export let aClass: $$Props['aClass'] = 'flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
+@prop export let href: $$Props['href'] = '';
+@prop export let label: $$Props['label'] = '';
+@prop export let activeClass: $$Props['activeClass'] = 'flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
+@prop export let active: $$Props['active'] = false;
 -->

package/dist/sidebar/SidebarDropdownItem.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        aClass?: string | undefined;
-        href?: string | undefined;
-        label?: string | undefined;
-        activeClass?: string | undefined;
-        active?: boolean | undefined;
+    props: HTMLAnchorAttributes & {
+        aClass?: string;
+        href?: string;
+        label?: string;
+        activeClass?: string;
+        active?: boolean;
     };
     events: {
         blur: FocusEvent;
@@ -29,11 +29,11 @@ export type SidebarDropdownItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let aClass: string = 'flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
- * @prop export let href: string = '';
- * @prop export let label: string = '';
- * @prop export let activeClass: string = 'flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
- * @prop export let active: boolean = false;
+ * @prop export let aClass: $$Props['aClass'] = 'flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let label: $$Props['label'] = '';
+ * @prop export let activeClass: $$Props['activeClass'] = 'flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
+ * @prop export let active: $$Props['active'] = false;
  */
 export default class SidebarDropdownItem extends SvelteComponentTyped<SidebarDropdownItemProps, SidebarDropdownItemEvents, SidebarDropdownItemSlots> {
 }

package/dist/sidebar/SidebarDropdownWrapper.svelte

@@ -6,6 +6,7 @@ export let spanClass = "flex-1 ms-3 text-left whitespace-nowrap";
 export let ulClass = "py-2 space-y-2";
 export let transitionType = "slide";
 export let transitionParams = {};
+export let isOpen = false;
 const multiple = (node, params) => {
   switch (transitionType) {
     case "blur":
@@ -18,7 +19,6 @@ const multiple = (node, params) => {
       return slide(node, params);
   }
 };
-export let isOpen = false;
 const handleDropdown = () => {
   isOpen = !isOpen;
 };
@@ -55,11 +55,11 @@ const handleDropdown = () => {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let btnClass: string = 'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
-@prop export let label: string = '';
-@prop export let spanClass: string = 'flex-1 ms-3 text-left whitespace-nowrap';
-@prop export let ulClass: string = 'py-2 space-y-2';
-@prop export let transitionType: TransitionTypes = 'slide';
-@prop export let transitionParams: TransitionParamTypes = {};
-@prop export let isOpen = false;
+@prop export let btnClass: $$Props['btnClass'] = 'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
+@prop export let label: $$Props['label'] = '';
+@prop export let spanClass: $$Props['spanClass'] = 'flex-1 ms-3 text-left whitespace-nowrap';
+@prop export let ulClass: $$Props['ulClass'] = 'py-2 space-y-2';
+@prop export let transitionType: $$Props['transitionType'] = 'slide';
+@prop export let transitionParams: $$Props['transitionParams'] = {};
+@prop export let isOpen: $$Props['isOpen'] = false;
 -->

package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts

@@ -1,15 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLButtonAttributes } from 'svelte/elements';
 import type { TransitionTypes, TransitionParamTypes } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        btnClass?: string | undefined;
-        label?: string | undefined;
-        spanClass?: string | undefined;
-        ulClass?: string | undefined;
-        transitionType?: TransitionTypes | undefined;
-        transitionParams?: TransitionParamTypes | undefined;
-        isOpen?: boolean | undefined;
+    props: HTMLButtonAttributes & {
+        btnClass?: string;
+        label?: string;
+        spanClass?: string;
+        ulClass?: string;
+        transitionType?: TransitionTypes;
+        transitionParams?: TransitionParamTypes;
+        isOpen?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -27,13 +27,13 @@ export type SidebarDropdownWrapperSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let btnClass: string = 'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
- * @prop export let label: string = '';
- * @prop export let spanClass: string = 'flex-1 ms-3 text-left whitespace-nowrap';
- * @prop export let ulClass: string = 'py-2 space-y-2';
- * @prop export let transitionType: TransitionTypes = 'slide';
- * @prop export let transitionParams: TransitionParamTypes = {};
- * @prop export let isOpen = false;
+ * @prop export let btnClass: $$Props['btnClass'] = 'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
+ * @prop export let label: $$Props['label'] = '';
+ * @prop export let spanClass: $$Props['spanClass'] = 'flex-1 ms-3 text-left whitespace-nowrap';
+ * @prop export let ulClass: $$Props['ulClass'] = 'py-2 space-y-2';
+ * @prop export let transitionType: $$Props['transitionType'] = 'slide';
+ * @prop export let transitionParams: $$Props['transitionParams'] = {};
+ * @prop export let isOpen: $$Props['isOpen'] = false;
  */
 export default class SidebarDropdownWrapper extends SvelteComponentTyped<SidebarDropdownWrapperProps, SidebarDropdownWrapperEvents, SidebarDropdownWrapperSlots> {
 }

package/dist/sidebar/SidebarGroup.svelte

@@ -15,7 +15,7 @@ if (border) {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let ulClass: string = 'space-y-2';
-@prop export let borderClass: string = 'pt-4 mt-4 border-t border-gray-200 dark:border-gray-700';
-@prop export let border: boolean = false;
+@prop export let ulClass: $$Props['ulClass'] = 'space-y-2';
+@prop export let borderClass: $$Props['borderClass'] = 'pt-4 mt-4 border-t border-gray-200 dark:border-gray-700';
+@prop export let border: $$Props['border'] = false;
 -->

package/dist/sidebar/SidebarGroup.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        ulClass?: string | undefined;
-        borderClass?: string | undefined;
-        border?: boolean | undefined;
+    props: HTMLAttributes<HTMLUListElement> & {
+        ulClass?: string;
+        borderClass?: string;
+        border?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,9 +19,9 @@ export type SidebarGroupSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let ulClass: string = 'space-y-2';
- * @prop export let borderClass: string = 'pt-4 mt-4 border-t border-gray-200 dark:border-gray-700';
- * @prop export let border: boolean = false;
+ * @prop export let ulClass: $$Props['ulClass'] = 'space-y-2';
+ * @prop export let borderClass: $$Props['borderClass'] = 'pt-4 mt-4 border-t border-gray-200 dark:border-gray-700';
+ * @prop export let border: $$Props['border'] = false;
  */
 export default class SidebarGroup extends SvelteComponentTyped<SidebarGroupProps, SidebarGroupEvents, SidebarGroupSlots> {
 }

package/dist/sidebar/SidebarItem.svelte

@@ -32,12 +32,11 @@ $: aClass = twMerge(active ? activeClass ?? context.activeClass : nonActiveClass
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let action: Action<HTMLElement, any> = () => {};
-@prop export let params: any = {};
-@prop export let href: string = '';
-@prop export let label: string = '';
-@prop export let spanClass: string = 'ms-3';
-@prop export let activeClass: string | undefined = undefined;
-@prop export let nonActiveClass: string | undefined = undefined;
-@prop export let active: boolean = false;
+@prop export let action: NonNullable<$$Props['action']> = () => {};
+@prop export let params: $$Props['params'] = {};
+@prop export let href: $$Props['href'] = '';
+@prop export let label: $$Props['label'] = '';
+@prop export let spanClass: $$Props['spanClass'] = 'ms-3';
+@prop export let activeClass: $$Props['activeClass'] = undefined;
+@prop export let nonActiveClass: $$Props['nonActiveClass'] = undefined;
 -->

package/dist/sidebar/SidebarItem.svelte.d.ts

@@ -1,15 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 import type { Action } from 'svelte/action';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        action?: Action<HTMLElement, any> | undefined;
+    props: HTMLAnchorAttributes & {
+        action?: Action<HTMLElement, any>;
         params?: any;
-        href?: string | undefined;
-        label?: string | undefined;
-        spanClass?: string | undefined;
-        activeClass?: string | undefined;
-        nonActiveClass?: string | undefined;
+        href?: string;
+        label?: string;
+        spanClass?: string;
+        activeClass?: string;
+        nonActiveClass?: string;
     };
     events: {
         blur: FocusEvent;
@@ -35,14 +35,13 @@ export type SidebarItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let action: Action<HTMLElement, any> = () => {};
- * @prop export let params: any = {};
- * @prop export let href: string = '';
- * @prop export let label: string = '';
- * @prop export let spanClass: string = 'ms-3';
- * @prop export let activeClass: string | undefined = undefined;
- * @prop export let nonActiveClass: string | undefined = undefined;
- * @prop export let active: boolean = false;
+ * @prop export let action: NonNullable<$$Props['action']> = () => {};
+ * @prop export let params: $$Props['params'] = {};
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let label: $$Props['label'] = '';
+ * @prop export let spanClass: $$Props['spanClass'] = 'ms-3';
+ * @prop export let activeClass: $$Props['activeClass'] = undefined;
+ * @prop export let nonActiveClass: $$Props['nonActiveClass'] = undefined;
  */
 export default class SidebarItem extends SvelteComponentTyped<SidebarItemProps, SidebarItemEvents, SidebarItemSlots> {
 }

package/dist/sidebar/SidebarWrapper.svelte

@@ -10,5 +10,5 @@ export let divClass = "overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800';
+@prop export let divClass: $$Props['divClass'] = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800';
 -->

package/dist/sidebar/SidebarWrapper.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        divClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type SidebarWrapperSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800';
+ * @prop export let divClass: $$Props['divClass'] = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800';
  */
 export default class SidebarWrapper extends SvelteComponentTyped<SidebarWrapperProps, SidebarWrapperEvents, SidebarWrapperSlots> {
 }

package/dist/skeleton/CardPlaceholder.svelte

@@ -37,6 +37,6 @@ $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
-@prop export let size: keyof Sizes = 'sm';
+@prop export let divClass: $$Props['divClass'] = 'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
+@prop export let size: NonNullable<$$Props['size']> = 'sm';
 -->

package/dist/skeleton/CardPlaceholder.svelte.d.ts

@@ -1,9 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: any;
-        divClass?: string | undefined;
-        size?: (string | number) | undefined;
+        divClass?: string;
+        size?: string | number;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -16,8 +15,8 @@ export type CardPlaceholderSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
- * @prop export let size: keyof Sizes = 'sm';
+ * @prop export let divClass: $$Props['divClass'] = 'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
+ * @prop export let size: NonNullable<$$Props['size']> = 'sm';
  */
 export default class CardPlaceholder extends SvelteComponentTyped<CardPlaceholderProps, CardPlaceholderEvents, CardPlaceholderSlots> {
 }

package/dist/skeleton/ImagePlaceholder.svelte

@@ -29,7 +29,7 @@ $: imgOnlyClass = imgOnly ? "max-w-60" : "";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center';
-@prop export let imgHeight: string = '48';
-@prop export let imgOnly: boolean = false;
+@prop export let divClass: $$Props['divClass'] = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center';
+@prop export let imgHeight: $$Props['imgHeight'] = '48';
+@prop export let imgOnly: $$Props['imgOnly'] = false;
 -->

package/dist/skeleton/ImagePlaceholder.svelte.d.ts

@@ -1,10 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: any;
-        divClass?: string | undefined;
-        imgHeight?: string | undefined;
-        imgOnly?: boolean | undefined;
+        divClass?: string;
+        imgHeight?: string;
+        imgOnly?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,9 +16,9 @@ export type ImagePlaceholderSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center';
- * @prop export let imgHeight: string = '48';
- * @prop export let imgOnly: boolean = false;
+ * @prop export let divClass: $$Props['divClass'] = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center';
+ * @prop export let imgHeight: $$Props['imgHeight'] = '48';
+ * @prop export let imgOnly: $$Props['imgOnly'] = false;
  */
 export default class ImagePlaceholder extends SvelteComponentTyped<ImagePlaceholderProps, ImagePlaceholderEvents, ImagePlaceholderSlots> {
 }