flowbite-svelte 0.46.19 → 0.46.21

package/dist/table/TableBodyCell.svelte

@@ -7,7 +7,7 @@ let tdClassfinal;
 $: tdClassfinal = twMerge(tdClass, color === "default" ? "text-gray-900 dark:text-white" : "text-blue-50 whitespace-nowrap dark:text-blue-100", $$props.class);
 </script>
 
-<td  {...$$restProps} class={tdClassfinal}>
+<td {...$$restProps} class={tdClassfinal}>
   {#if $$props.onclick}
   <button on:click={$$props.onclick}>
     <slot />
@@ -21,5 +21,5 @@ $: tdClassfinal = twMerge(tdClass, color === "default" ? "text-gray-900 dark:tex
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let tdClass: string = 'px-6 py-4 whitespace-nowrap font-medium ';
+@prop export let tdClass: $$Props['tdClass'] = 'px-6 py-4 whitespace-nowrap font-medium ';
 -->

package/dist/table/TableBodyCell.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLTdAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tdClass?: string | undefined;
+    props: HTMLTdAttributes & {
+        tdClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type TableBodyCellSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let tdClass: string = 'px-6 py-4 whitespace-nowrap font-medium ';
+ * @prop export let tdClass: $$Props['tdClass'] = 'px-6 py-4 whitespace-nowrap font-medium ';
  */
 export default class TableBodyCell extends SvelteComponentTyped<TableBodyCellProps, TableBodyCellEvents, TableBodyCellSlots> {
 }

package/dist/table/TableBodyRow.svelte

@@ -40,5 +40,5 @@ $: trClass = twMerge([!getContext("noborder") && "border-b last:border-b-0", col
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = getContext('color');
+@prop export let color: NonNullable<$$Props['color']> = getContext('color');
 -->

package/dist/table/TableBodyRow.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: ("blue" | "green" | "red" | "yellow" | "purple" | "default" | "custom") | undefined;
+    props: HTMLAttributes<HTMLTableRowElement> & {
+        color?: "blue" | "green" | "red" | "yellow" | "purple" | "default" | "custom";
     };
     events: {
         click: MouseEvent;
@@ -21,7 +21,7 @@ export type TableBodyRowSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = getContext('color');
+ * @prop export let color: NonNullable<$$Props['color']> = getContext('color');
  */
 export default class TableBodyRow extends SvelteComponentTyped<TableBodyRowProps, TableBodyRowEvents, TableBodyRowSlots> {
 }

package/dist/table/TableHead.svelte

@@ -35,6 +35,6 @@ $: theadClassfinal = twMerge(theadClass, textColor, striped && borderColors, bgC
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let theadClass: string = 'text-xs uppercase';
-@prop export let defaultRow: boolean = true;
+@prop export let theadClass: $$Props['theadClass'] = 'text-xs uppercase';
+@prop export let defaultRow: $$Props['defaultRow'] = true;
 -->

package/dist/table/TableHead.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        theadClass?: string | undefined;
-        defaultRow?: boolean | undefined;
+    props: HTMLAttributes<HTMLTableSectionElement> & {
+        theadClass?: string;
+        defaultRow?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,8 +18,8 @@ export type TableHeadSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let theadClass: string = 'text-xs uppercase';
- * @prop export let defaultRow: boolean = true;
+ * @prop export let theadClass: $$Props['theadClass'] = 'text-xs uppercase';
+ * @prop export let defaultRow: $$Props['defaultRow'] = true;
  */
 export default class TableHead extends SvelteComponentTyped<TableHeadProps, TableHeadEvents, TableHeadSlots> {
 }

package/dist/table/TableHeadCell.svelte

@@ -39,9 +39,9 @@ function sortItems() {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let padding: string = 'px-6 py-3';
-@prop export let sort: ((a: T, b: T) => number) | null = null;
-@prop export let defaultDirection: 'asc' | 'desc' = 'asc';
-@prop export let defaultSort: boolean = false;
-@prop export let direction: 'asc' | 'desc' | null = defaultSort ? defaultDirection : null;
+@prop export let padding: $$Props['padding'] = 'px-6 py-3';
+@prop export let sort: $$Props['sort'] = null;
+@prop export let defaultDirection: $$Props['defaultDirection'] = 'asc';
+@prop export let defaultSort: $$Props['defaultSort'] = false;
+@prop export let direction: $$Props['direction'] = defaultSort ? defaultDirection : null;
 -->

package/dist/table/TableHeadCell.svelte.d.ts

@@ -1,12 +1,12 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLThAttributes } from 'svelte/elements';
 declare class __sveltets_Render<T> {
-    props(): {
-        [x: string]: any;
-        padding?: string | undefined;
+    props(): HTMLThAttributes & {
+        padding?: string;
         sort?: ((a: T, b: T) => number) | null | undefined;
-        defaultDirection?: ("asc" | "desc") | undefined;
-        defaultSort?: boolean | undefined;
-        direction?: ("asc" | "desc" | null) | undefined;
+        defaultDirection?: "asc" | "desc";
+        defaultSort?: boolean;
+        direction?: "asc" | "desc" | null;
     };
     events(): {
         click: MouseEvent;
@@ -30,11 +30,11 @@ export type TableHeadCellSlots<T> = ReturnType<__sveltets_Render<T>['slots']>;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let padding: string = 'px-6 py-3';
- * @prop export let sort: ((a: T, b: T) => number) | null = null;
- * @prop export let defaultDirection: 'asc' | 'desc' = 'asc';
- * @prop export let defaultSort: boolean = false;
- * @prop export let direction: 'asc' | 'desc' | null = defaultSort ? defaultDirection : null;
+ * @prop export let padding: $$Props['padding'] = 'px-6 py-3';
+ * @prop export let sort: $$Props['sort'] = null;
+ * @prop export let defaultDirection: $$Props['defaultDirection'] = 'asc';
+ * @prop export let defaultSort: $$Props['defaultSort'] = false;
+ * @prop export let direction: $$Props['direction'] = defaultSort ? defaultDirection : null;
  */
 export default class TableHeadCell<T> extends SvelteComponentTyped<TableHeadCellProps<T>, TableHeadCellEvents<T>, TableHeadCellSlots<T>> {
 }

package/dist/table/TableSearch.svelte

@@ -53,16 +53,16 @@ $: setContext("color", color);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'relative overflow-x-auto shadow-md sm:rounded-lg';
-@prop export let inputValue: string = '';
-@prop export let striped: boolean = false;
-@prop export let hoverable: boolean = false;
-@prop export let placeholder: string = 'Search';
-@prop export let customColor: string = '';
-@prop export let color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = 'default';
-@prop export let innerDivClass: string = 'p-4';
-@prop export let searchClass: string = 'relative mt-1';
-@prop export let svgDivClass: string = 'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none';
-@prop export let svgClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
-@prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+@prop export let divClass: $$Props['divClass'] = 'relative overflow-x-auto shadow-md sm:rounded-lg';
+@prop export let inputValue: $$Props['inputValue'] = '';
+@prop export let striped: $$Props['striped'] = false;
+@prop export let hoverable: $$Props['hoverable'] = false;
+@prop export let placeholder: $$Props['placeholder'] = 'Search';
+@prop export let customColor: $$Props['customColor'] = '';
+@prop export let color: NonNullable<$$Props['color']> = 'default';
+@prop export let innerDivClass: $$Props['innerDivClass'] = 'p-4';
+@prop export let searchClass: $$Props['searchClass'] = 'relative mt-1';
+@prop export let svgDivClass: $$Props['svgDivClass'] = 'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none';
+@prop export let svgClass: $$Props['svgClass'] = 'w-5 h-5 text-gray-500 dark:text-gray-400';
+@prop export let inputClass: $$Props['inputClass'] = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
 -->

package/dist/table/TableSearch.svelte.d.ts

@@ -1,19 +1,19 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLTableAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divClass?: string | undefined;
-        inputValue?: string | undefined;
-        striped?: boolean | undefined;
-        hoverable?: boolean | undefined;
-        placeholder?: string | undefined;
-        customColor?: string | undefined;
-        color?: ("blue" | "green" | "red" | "yellow" | "purple" | "default" | "custom") | undefined;
-        innerDivClass?: string | undefined;
-        searchClass?: string | undefined;
-        svgDivClass?: string | undefined;
-        svgClass?: string | undefined;
-        inputClass?: string | undefined;
+    props: HTMLTableAttributes & {
+        divClass?: string;
+        inputValue?: string;
+        striped?: boolean;
+        hoverable?: boolean;
+        placeholder?: string;
+        customColor?: string;
+        color?: "blue" | "green" | "red" | "yellow" | "purple" | "default" | "custom";
+        innerDivClass?: string;
+        searchClass?: string;
+        svgDivClass?: string;
+        svgClass?: string;
+        inputClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -31,18 +31,18 @@ export type TableSearchSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'relative overflow-x-auto shadow-md sm:rounded-lg';
- * @prop export let inputValue: string = '';
- * @prop export let striped: boolean = false;
- * @prop export let hoverable: boolean = false;
- * @prop export let placeholder: string = 'Search';
- * @prop export let customColor: string = '';
- * @prop export let color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = 'default';
- * @prop export let innerDivClass: string = 'p-4';
- * @prop export let searchClass: string = 'relative mt-1';
- * @prop export let svgDivClass: string = 'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none';
- * @prop export let svgClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
- * @prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+ * @prop export let divClass: $$Props['divClass'] = 'relative overflow-x-auto shadow-md sm:rounded-lg';
+ * @prop export let inputValue: $$Props['inputValue'] = '';
+ * @prop export let striped: $$Props['striped'] = false;
+ * @prop export let hoverable: $$Props['hoverable'] = false;
+ * @prop export let placeholder: $$Props['placeholder'] = 'Search';
+ * @prop export let customColor: $$Props['customColor'] = '';
+ * @prop export let color: NonNullable<$$Props['color']> = 'default';
+ * @prop export let innerDivClass: $$Props['innerDivClass'] = 'p-4';
+ * @prop export let searchClass: $$Props['searchClass'] = 'relative mt-1';
+ * @prop export let svgDivClass: $$Props['svgDivClass'] = 'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-5 h-5 text-gray-500 dark:text-gray-400';
+ * @prop export let inputClass: $$Props['inputClass'] = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
  */
 export default class TableSearch extends SvelteComponentTyped<TableSearchProps, TableSearchEvents, TableSearchSlots> {
 }

package/dist/tabs/TabItem.svelte

@@ -45,10 +45,10 @@ $: buttonClass = twMerge(
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let open: boolean = false;
-@prop export let title: string = 'Tab title';
-@prop export let activeClasses: string | undefined = undefined;
-@prop export let inactiveClasses: string | undefined = undefined;
-@prop export let defaultClass: string = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
-@prop export let divClass: string = '';
+@prop export let open: $$Props['open'] = false;
+@prop export let title: $$Props['title'] = 'Tab title';
+@prop export let activeClasses: $$Props['activeClasses'] = undefined;
+@prop export let inactiveClasses: $$Props['inactiveClasses'] = undefined;
+@prop export let defaultClass: $$Props['defaultClass'] = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
+@prop export let divClass: $$Props['divClass'] = '';
 -->

package/dist/tabs/TabItem.svelte.d.ts

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLButtonAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        open?: boolean | undefined;
-        title?: string | undefined;
-        activeClasses?: string | undefined;
-        inactiveClasses?: string | undefined;
-        defaultClass?: string | undefined;
-        divClass?: string | undefined;
+    props: HTMLButtonAttributes & {
+        open?: boolean;
+        title?: string;
+        activeClasses?: string;
+        inactiveClasses?: string;
+        defaultClass?: string;
+        divClass?: string;
     };
     events: {
         blur: FocusEvent;
@@ -34,12 +34,12 @@ export type TabItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let open: boolean = false;
- * @prop export let title: string = 'Tab title';
- * @prop export let activeClasses: string | undefined = undefined;
- * @prop export let inactiveClasses: string | undefined = undefined;
- * @prop export let defaultClass: string = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
- * @prop export let divClass: string = '';
+ * @prop export let open: $$Props['open'] = false;
+ * @prop export let title: $$Props['title'] = 'Tab title';
+ * @prop export let activeClasses: $$Props['activeClasses'] = undefined;
+ * @prop export let inactiveClasses: $$Props['inactiveClasses'] = undefined;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
+ * @prop export let divClass: $$Props['divClass'] = '';
  */
 export default class TabItem extends SvelteComponentTyped<TabItemProps, TabItemEvents, TabItemSlots> {
 }

package/dist/tabs/Tabs.svelte

@@ -37,7 +37,7 @@ function init(node) {
 $: ulClass = twMerge(defaultClass, tabStyle === "underline" && "-mb-px", $$props.class);
 </script>
 
-<ul class={ulClass}>
+<ul class={ulClass} {...$$restProps}>
   <slot {tabStyle}></slot>
 </ul>
 {#if divider}
@@ -51,10 +51,10 @@ $: ulClass = twMerge(defaultClass, tabStyle === "underline" && "-mb-px", $$props
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let tabStyle: 'full' | 'pill' | 'underline' | 'none' = 'none';
-@prop export let defaultClass: string = 'flex flex-wrap space-x-2 rtl:space-x-reverse';
-@prop export let contentClass: string = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
-@prop export let divider: boolean = true;
-@prop export let activeClasses: string = 'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';
-@prop export let inactiveClasses: string = 'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';
+@prop export let tabStyle: NonNullable<$$Props['tabStyle']> = 'none';
+@prop export let defaultClass: $$Props['defaultClass'] = 'flex flex-wrap space-x-2 rtl:space-x-reverse';
+@prop export let contentClass: $$Props['contentClass'] = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
+@prop export let divider: $$Props['divider'] = true;
+@prop export let activeClasses: NonNullable<$$Props['activeClasses']> = 'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';
+@prop export let inactiveClasses: NonNullable<$$Props['inactiveClasses']> = 'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';
 -->

package/dist/tabs/Tabs.svelte.d.ts

@@ -5,22 +5,22 @@ export interface TabCtxType {
     inactiveClasses: string;
     selected: Writable<HTMLElement>;
 }
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tabStyle?: ("full" | "pill" | "underline" | "none") | undefined;
-        defaultClass?: string | undefined;
-        contentClass?: string | undefined;
-        divider?: boolean | undefined;
-        activeClasses?: string | undefined;
-        inactiveClasses?: string | undefined;
+    props: HTMLAttributes<HTMLUListElement> & {
+        tabStyle?: "full" | "pill" | "underline" | "none";
+        defaultClass?: string;
+        contentClass?: string;
+        divider?: boolean;
+        activeClasses?: string;
+        inactiveClasses?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
         default: {
-            tabStyle: "none" | "pill" | "underline" | "full";
+            tabStyle: NonNullable<"none" | "pill" | "underline" | "full" | undefined>;
         };
         divider: {};
     };
@@ -31,12 +31,12 @@ export type TabsSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let tabStyle: 'full' | 'pill' | 'underline' | 'none' = 'none';
- * @prop export let defaultClass: string = 'flex flex-wrap space-x-2 rtl:space-x-reverse';
- * @prop export let contentClass: string = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
- * @prop export let divider: boolean = true;
- * @prop export let activeClasses: string = 'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';
- * @prop export let inactiveClasses: string = 'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';
+ * @prop export let tabStyle: NonNullable<$$Props['tabStyle']> = 'none';
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'flex flex-wrap space-x-2 rtl:space-x-reverse';
+ * @prop export let contentClass: $$Props['contentClass'] = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
+ * @prop export let divider: $$Props['divider'] = true;
+ * @prop export let activeClasses: NonNullable<$$Props['activeClasses']> = 'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';
+ * @prop export let inactiveClasses: NonNullable<$$Props['inactiveClasses']> = 'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';
  */
 export default class Tabs extends SvelteComponentTyped<TabsProps, TabsEvents, TabsSlots> {
 }

package/dist/timeline/Activity.svelte

@@ -11,5 +11,5 @@ let olCls = twMerge(olClass, $$props.class);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let olClass: string = 'relative border-s border-gray-200 dark:border-gray-700';
+@prop export let olClass: $$Props['olClass'] = 'relative border-s border-gray-200 dark:border-gray-700';
 -->

package/dist/timeline/Activity.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLOlAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        olClass?: string | undefined;
+    props: HTMLOlAttributes & {
+        olClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type ActivitySlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let olClass: string = 'relative border-s border-gray-200 dark:border-gray-700';
+ * @prop export let olClass: $$Props['olClass'] = 'relative border-s border-gray-200 dark:border-gray-700';
  */
 export default class Activity extends SvelteComponentTyped<ActivityProps, ActivityEvents, ActivitySlots> {
 }

package/dist/timeline/ActivityItem.svelte

@@ -1,5 +1,5 @@
 <script>import { twMerge } from "tailwind-merge";
-export let activities;
+export let activities = [];
 export let liClass = "mb-10 ms-6";
 export let spanClass = "flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900";
 export let imgClass = "rounded-full shadow-lg";
@@ -43,13 +43,13 @@ let textCls = twMerge(textClass, $$props.classText);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let activities: ActivityType[];
-@prop export let liClass: string = 'mb-10 ms-6';
-@prop export let spanClass: string = 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
-@prop export let imgClass: string = 'rounded-full shadow-lg';
-@prop export let outerDivClass: string = 'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600';
-@prop export let innerDivClass: string = 'justify-between items-center mb-3 sm:flex';
-@prop export let timeClass: string = 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0';
-@prop export let titleClass: string = 'text-sm font-normal text-gray-500 lex dark:text-gray-300';
-@prop export let textClass: string = 'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300';
+@prop export let activities: $$Props['activities'] = [];
+@prop export let liClass: $$Props['liClass'] = 'mb-10 ms-6';
+@prop export let spanClass: $$Props['spanClass'] = 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
+@prop export let imgClass: $$Props['imgClass'] = 'rounded-full shadow-lg';
+@prop export let outerDivClass: $$Props['outerDivClass'] = 'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600';
+@prop export let innerDivClass: $$Props['innerDivClass'] = 'justify-between items-center mb-3 sm:flex';
+@prop export let timeClass: $$Props['timeClass'] = 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0';
+@prop export let titleClass: $$Props['titleClass'] = 'text-sm font-normal text-gray-500 lex dark:text-gray-300';
+@prop export let textClass: $$Props['textClass'] = 'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300';
 -->

package/dist/timeline/ActivityItem.svelte.d.ts

@@ -2,16 +2,15 @@ import { SvelteComponentTyped } from "svelte";
 import type { ActivityType } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
         activities: ActivityType[];
-        liClass?: string | undefined;
-        spanClass?: string | undefined;
-        imgClass?: string | undefined;
-        outerDivClass?: string | undefined;
-        innerDivClass?: string | undefined;
-        timeClass?: string | undefined;
-        titleClass?: string | undefined;
-        textClass?: string | undefined;
+        liClass?: string;
+        spanClass?: string;
+        imgClass?: string;
+        outerDivClass?: string;
+        innerDivClass?: string;
+        timeClass?: string;
+        titleClass?: string;
+        textClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -24,15 +23,15 @@ export type ActivityItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let activities: ActivityType[];
- * @prop export let liClass: string = 'mb-10 ms-6';
- * @prop export let spanClass: string = 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
- * @prop export let imgClass: string = 'rounded-full shadow-lg';
- * @prop export let outerDivClass: string = 'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600';
- * @prop export let innerDivClass: string = 'justify-between items-center mb-3 sm:flex';
- * @prop export let timeClass: string = 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0';
- * @prop export let titleClass: string = 'text-sm font-normal text-gray-500 lex dark:text-gray-300';
- * @prop export let textClass: string = 'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300';
+ * @prop export let activities: $$Props['activities'] = [];
+ * @prop export let liClass: $$Props['liClass'] = 'mb-10 ms-6';
+ * @prop export let spanClass: $$Props['spanClass'] = 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
+ * @prop export let imgClass: $$Props['imgClass'] = 'rounded-full shadow-lg';
+ * @prop export let outerDivClass: $$Props['outerDivClass'] = 'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600';
+ * @prop export let innerDivClass: $$Props['innerDivClass'] = 'justify-between items-center mb-3 sm:flex';
+ * @prop export let timeClass: $$Props['timeClass'] = 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0';
+ * @prop export let titleClass: $$Props['titleClass'] = 'text-sm font-normal text-gray-500 lex dark:text-gray-300';
+ * @prop export let textClass: $$Props['textClass'] = 'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300';
  */
 export default class ActivityItem extends SvelteComponentTyped<ActivityItemProps, ActivityItemEvents, ActivityItemSlots> {
 }

package/dist/timeline/Group.svelte

@@ -1,7 +1,7 @@
 <script>import { twMerge } from "tailwind-merge";
 export let divClass = "p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700";
 export let timeClass = "text-lg font-semibold text-gray-900 dark:text-white";
-export let date;
+export let date = "";
 export let olClass = "mt-3 divide-y divider-gray-200 dark:divide-gray-700";
 let divCls = twMerge(divClass, $$props.classDiv);
 let timeCls = twMerge(timeClass, $$props.classTime);
@@ -10,7 +10,7 @@ let olCls = twMerge(olClass, $$props.classOl);
 
 <div class={divCls}>
   <time class={timeCls}>{date}</time>
-  <ol class={olCls}>
+  <ol class={olCls} {...$$restProps}>
     <slot />
   </ol>
 </div>
@@ -19,8 +19,8 @@ let olCls = twMerge(olClass, $$props.classOl);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
-@prop export let timeClass: string = 'text-lg font-semibold text-gray-900 dark:text-white';
-@prop export let date: Date | string;
-@prop export let olClass: string = 'mt-3 divide-y divider-gray-200 dark:divide-gray-700';
+@prop export let divClass: $$Props['divClass'] = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
+@prop export let timeClass: $$Props['timeClass'] = 'text-lg font-semibold text-gray-900 dark:text-white';
+@prop export let date: $$Props['date'] = '';
+@prop export let olClass: $$Props['olClass'] = 'mt-3 divide-y divider-gray-200 dark:divide-gray-700';
 -->

package/dist/timeline/Group.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLOlAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        divClass?: string | undefined;
-        timeClass?: string | undefined;
-        date: Date | string;
-        olClass?: string | undefined;
+    props: HTMLOlAttributes & {
+        divClass?: string;
+        timeClass?: string;
+        date?: Date | string;
+        olClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,10 +20,10 @@ export type GroupSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
- * @prop export let timeClass: string = 'text-lg font-semibold text-gray-900 dark:text-white';
- * @prop export let date: Date | string;
- * @prop export let olClass: string = 'mt-3 divide-y divider-gray-200 dark:divide-gray-700';
+ * @prop export let divClass: $$Props['divClass'] = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
+ * @prop export let timeClass: $$Props['timeClass'] = 'text-lg font-semibold text-gray-900 dark:text-white';
+ * @prop export let date: $$Props['date'] = '';
+ * @prop export let olClass: $$Props['olClass'] = 'mt-3 divide-y divider-gray-200 dark:divide-gray-700';
  */
 export default class Group extends SvelteComponentTyped<GroupProps, GroupEvents, GroupSlots> {
 }

package/dist/timeline/GroupItem.svelte

@@ -49,11 +49,11 @@ let spanCls = twMerge(spanClass, $$props.classSpan);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let timelines: GroupTimelineType[];
-@prop export let aClass: string = 'block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700';
-@prop export let imgClass: string = 'me-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
-@prop export let divClass: string = 'text-gray-600 dark:text-gray-400';
-@prop export let titleClass: string = 'text-base font-normal';
-@prop export let spanClass: string = 'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400';
-@prop export let isPrivacy: boolean = true;
+@prop export let timelines: $$Props['timelines'];
+@prop export let aClass: $$Props['aClass'] = 'block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700';
+@prop export let imgClass: $$Props['imgClass'] = 'me-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
+@prop export let divClass: $$Props['divClass'] = 'text-gray-600 dark:text-gray-400';
+@prop export let titleClass: $$Props['titleClass'] = 'text-base font-normal';
+@prop export let spanClass: $$Props['spanClass'] = 'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400';
+@prop export let isPrivacy: $$Props['isPrivacy'] = true;
 -->