flowbite-svelte 0.46.19 → 0.46.21

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

@@ -2,14 +2,13 @@ import { SvelteComponentTyped } from "svelte";
 import type { GroupTimelineType } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
         timelines: GroupTimelineType[];
-        aClass?: string | undefined;
-        imgClass?: string | undefined;
-        divClass?: string | undefined;
-        titleClass?: string | undefined;
-        spanClass?: string | undefined;
-        isPrivacy?: boolean | undefined;
+        aClass?: string;
+        imgClass?: string;
+        divClass?: string;
+        titleClass?: string;
+        spanClass?: string;
+        isPrivacy?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -22,13 +21,13 @@ export type GroupItemSlots = typeof __propDef.slots;
 /**
  * [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;
  */
 export default class GroupItem extends SvelteComponentTyped<GroupItemProps, GroupItemEvents, GroupItemSlots> {
 }

package/dist/timeline/Timeline.svelte

@@ -11,7 +11,7 @@ let olClasses = {
 };
 </script>
 
-<ol class={twMerge(olClasses[order], $$props.class)}>
+<ol class={twMerge(olClasses[order], $$props.class)} {...$$restProps}>
   <slot />
 </ol>
 
@@ -19,5 +19,5 @@ let olClasses = {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let order: 'default' | 'vertical' | 'horizontal' | 'activity' | 'group' = 'default';
+@prop export let order: NonNullable<$$Props['order']> = 'default';
 -->

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

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLOlAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        order?: ("default" | "vertical" | "horizontal" | "activity" | "group") | undefined;
+    props: HTMLOlAttributes & {
+        order?: "default" | "vertical" | "horizontal" | "activity" | "group";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type TimelineSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let order: 'default' | 'vertical' | 'horizontal' | 'activity' | 'group' = 'default';
+ * @prop export let order: NonNullable<$$Props['order']> = 'default';
  */
 export default class Timeline extends SvelteComponentTyped<TimelineProps, TimelineEvents, TimelineSlots> {
 }

package/dist/timeline/TimelineItem.svelte

@@ -63,7 +63,7 @@ const h3Cls = twMerge(order === "vertical" ? "flex items-center mb-1 text-lg fon
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let title: string = '';
-@prop export let date: string = '';
-@prop export let svgClass: string = 'w-3 h-3 text-primary-600 dark:text-primary-400';
+@prop export let title: $$Props['title'] = '';
+@prop export let date: $$Props['date'] = '';
+@prop export let svgClass: $$Props['svgClass'] = 'w-3 h-3 text-primary-600 dark:text-primary-400';
 -->

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

@@ -1,10 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: any;
-        title?: string | undefined;
-        date?: string | undefined;
-        svgClass?: string | undefined;
+        title?: string;
+        date?: string;
+        svgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,9 +19,9 @@ export type TimelineItemSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let title: string = '';
- * @prop export let date: string = '';
- * @prop export let svgClass: string = 'w-3 h-3 text-primary-600 dark:text-primary-400';
+ * @prop export let title: $$Props['title'] = '';
+ * @prop export let date: $$Props['date'] = '';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-3 h-3 text-primary-600 dark:text-primary-400';
  */
 export default class TimelineItem extends SvelteComponentTyped<TimelineItemProps, TimelineItemEvents, TimelineItemSlots> {
 }

package/dist/toast/Toast.svelte

@@ -83,16 +83,14 @@ const clsBtnExtraClass = "ms-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:t
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let dismissable: boolean = true;
-@prop export let color: ColorVariant = 'primary';
-@prop export let position: ToastPositionType = 'none';
-@prop export let divClass: string = 'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3';
-@prop export let defaultIconClass: string = 'w-8 h-8';
-@prop export let contentClass: string = 'w-full text-sm font-normal';
-@prop export let div2class: string = '';
-@prop export let div3class: string = '';
-@prop export let align: boolean = true;
-@prop export let transition: TransitionFunc = fade;
-@prop export let params = {};
-@prop export let toastStatus: boolean = true;
+@prop export let dismissable: $$Props['dismissable'] = true;
+@prop export let color: NonNullable<$$Props['color']> = 'primary';
+@prop export let position: NonNullable<$$Props['position']> = 'none';
+@prop export let divClass: $$Props['divClass'] = 'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3';
+@prop export let defaultIconClass: $$Props['defaultIconClass'] = 'w-8 h-8';
+@prop export let contentClass: $$Props['contentClass'] = 'w-full text-sm font-normal';
+@prop export let align: $$Props['align'] = true;
+@prop export let transition: NonNullable<$$Props['transition']> = fade;
+@prop export let params: $$Props['params'] = {};
+@prop export let toastStatus: $$Props['toastStatus'] = true;
 -->

package/dist/toast/Toast.svelte.d.ts

@@ -1,19 +1,19 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import { type TransitionConfig } from 'svelte/transition';
 import type { ColorVariant, ToastPositionType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        dismissable?: boolean | undefined;
-        color?: ColorVariant | undefined;
-        position?: ToastPositionType | undefined;
-        divClass?: string | undefined;
-        defaultIconClass?: string | undefined;
-        contentClass?: string | undefined;
-        align?: boolean | undefined;
-        transition?: ((node: HTMLElement, params: any) => TransitionConfig) | undefined;
-        params?: {} | undefined;
-        toastStatus?: boolean | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        dismissable?: boolean;
+        color?: ColorVariant;
+        position?: ToastPositionType;
+        divClass?: string;
+        defaultIconClass?: string;
+        contentClass?: string;
+        align?: boolean;
+        transition?: (node: HTMLElement, params: any) => TransitionConfig;
+        params?: any;
+        toastStatus?: boolean;
     };
     events: {
         close: CustomEvent<any>;
@@ -31,18 +31,16 @@ export type ToastSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let dismissable: boolean = true;
- * @prop export let color: ColorVariant = 'primary';
- * @prop export let position: ToastPositionType = 'none';
- * @prop export let divClass: string = 'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3';
- * @prop export let defaultIconClass: string = 'w-8 h-8';
- * @prop export let contentClass: string = 'w-full text-sm font-normal';
- * @prop export let div2class: string = '';
- * @prop export let div3class: string = '';
- * @prop export let align: boolean = true;
- * @prop export let transition: TransitionFunc = fade;
- * @prop export let params = {};
- * @prop export let toastStatus: boolean = true;
+ * @prop export let dismissable: $$Props['dismissable'] = true;
+ * @prop export let color: NonNullable<$$Props['color']> = 'primary';
+ * @prop export let position: NonNullable<$$Props['position']> = 'none';
+ * @prop export let divClass: $$Props['divClass'] = 'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3';
+ * @prop export let defaultIconClass: $$Props['defaultIconClass'] = 'w-8 h-8';
+ * @prop export let contentClass: $$Props['contentClass'] = 'w-full text-sm font-normal';
+ * @prop export let align: $$Props['align'] = true;
+ * @prop export let transition: NonNullable<$$Props['transition']> = fade;
+ * @prop export let params: $$Props['params'] = {};
+ * @prop export let toastStatus: $$Props['toastStatus'] = true;
  */
 export default class Toast extends SvelteComponentTyped<ToastProps, ToastEvents, ToastSlots> {
 }

package/dist/toolbar/ToolbarButton.svelte

@@ -1,11 +1,11 @@
 <script>import { getContext } from "svelte";
 import { twMerge } from "tailwind-merge";
-const background = getContext("background");
 export let color = "default";
 export let name = void 0;
 export let ariaLabel = void 0;
 export let size = "md";
 export let href = void 0;
+const background = getContext("background");
 const colors = {
   dark: "text-gray-500 hover:text-gray-900 hover:bg-gray-200 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-600",
   gray: "text-gray-500 focus:ring-gray-400 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-gray-300",
@@ -51,9 +51,9 @@ const svgSizes = {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: ToolbarButtonType = 'default';
-@prop export let name: string | undefined = undefined;
-@prop export let ariaLabel: string | undefined = undefined;
-@prop export let size: 'xs' | 'sm' | 'md' | 'lg' = 'md';
+@prop export let color: NonNullable<$$Props['color']> = 'default';
+@prop export let name: $$Props['name'] = undefined;
+@prop export let ariaLabel: $$Props['ariaLabel'] = undefined;
+@prop export let size: SizeType = 'md';
 @prop export let href: string | undefined = undefined;
 -->

package/dist/toolbar/ToolbarButton.svelte.d.ts

@@ -1,14 +1,19 @@
 import { SvelteComponentTyped } from "svelte";
-import type { ToolbarButtonType } from '../types';
+import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: ToolbarButtonType | undefined;
-        name?: string | undefined;
-        ariaLabel?: string | undefined;
-        size?: ("xs" | "sm" | "md" | "lg") | undefined;
-        href?: string | undefined;
-    };
+    props: ({
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "default" | "primary";
+        name?: string;
+        ariaLabel?: string;
+        size?: "xs" | "sm" | "lg" | "md";
+    } & HTMLAnchorAttributes & {
+        href: string;
+    }) | ({
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "dark" | "default" | "primary";
+        name?: string;
+        ariaLabel?: string;
+        size?: "xs" | "sm" | "lg" | "md";
+    } & HTMLButtonAttributes);
     events: {
         click: MouseEvent;
     } & {
@@ -26,10 +31,10 @@ export type ToolbarButtonSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: ToolbarButtonType = 'default';
- * @prop export let name: string | undefined = undefined;
- * @prop export let ariaLabel: string | undefined = undefined;
- * @prop export let size: 'xs' | 'sm' | 'md' | 'lg' = 'md';
+ * @prop export let color: NonNullable<$$Props['color']> = 'default';
+ * @prop export let name: $$Props['name'] = undefined;
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = undefined;
+ * @prop export let size: SizeType = 'md';
  * @prop export let href: string | undefined = undefined;
  */
 export default class ToolbarButton extends SvelteComponentTyped<ToolbarButtonProps, ToolbarButtonEvents, ToolbarButtonSlots> {

package/dist/typography/A.svelte

@@ -15,9 +15,9 @@ export let aClass = "inline-flex items-center hover:underline";
 @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 color: string = 'text-primary-600 dark:text-primary-500';
-@prop export let aClass: string = 'inline-flex items-center hover:underline';
+@prop export let action: NonNullable<$$Props['action']> = () => {};
+@prop export let params: $$Props['params'] = {};
+@prop export let href: $$Props['href'] = '#';
+@prop export let color: $$Props['color'] = 'text-primary-600 dark:text-primary-500';
+@prop export let aClass: $$Props['aClass'] = 'inline-flex items-center hover:underline';
 -->

package/dist/typography/A.svelte.d.ts

@@ -1,13 +1,13 @@
 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;
-        color?: string | undefined;
-        aClass?: string | undefined;
+        href?: string;
+        color?: string;
+        aClass?: string;
     };
     events: {
         click: MouseEvent;
@@ -24,11 +24,11 @@ export type ASlots = 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 color: string = 'text-primary-600 dark:text-primary-500';
- * @prop export let aClass: string = 'inline-flex items-center hover:underline';
+ * @prop export let action: NonNullable<$$Props['action']> = () => {};
+ * @prop export let params: $$Props['params'] = {};
+ * @prop export let href: $$Props['href'] = '#';
+ * @prop export let color: $$Props['color'] = 'text-primary-600 dark:text-primary-500';
+ * @prop export let aClass: $$Props['aClass'] = 'inline-flex items-center hover:underline';
  */
 export default class A extends SvelteComponentTyped<AProps, AEvents, ASlots> {
 }

package/dist/typography/Blockquote.svelte

@@ -37,12 +37,12 @@ const sizes = {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let border: boolean = false;
-@prop export let italic: boolean = true;
-@prop export let borderClass: string = 'border-s-4 border-gray-300 dark:border-gray-500';
-@prop export let bgClass: string = 'bg-gray-50 dark:bg-gray-800';
-@prop export let bg: boolean = false;
-@prop export let baseClass: string = 'font-semibold text-gray-900 dark:text-white';
-@prop export let alignment: 'left' | 'center' | 'right' = 'left';
-@prop export let size: BlockQuoteType = 'lg';
+@prop export let border: $$Props['border'] = false;
+@prop export let italic: $$Props['italic'] = true;
+@prop export let borderClass: $$Props['borderClass'] = 'border-s-4 border-gray-300 dark:border-gray-500';
+@prop export let bgClass: $$Props['bgClass'] = 'bg-gray-50 dark:bg-gray-800';
+@prop export let bg: $$Props['bg'] = false;
+@prop export let baseClass: $$Props['baseClass'] = 'font-semibold text-gray-900 dark:text-white';
+@prop export let alignment: NonNullable<$$Props['alignment']> = 'left';
+@prop export let size: NonNullable<$$Props['size']> = 'lg';
 -->

package/dist/typography/Blockquote.svelte.d.ts

@@ -1,16 +1,16 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLBlockquoteAttributes } from 'svelte/elements';
 import type { BlockQuoteType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        border?: boolean | undefined;
-        italic?: boolean | undefined;
-        borderClass?: string | undefined;
-        bgClass?: string | undefined;
-        bg?: boolean | undefined;
-        baseClass?: string | undefined;
-        alignment?: ("left" | "center" | "right") | undefined;
-        size?: BlockQuoteType | undefined;
+    props: HTMLBlockquoteAttributes & {
+        border?: boolean;
+        italic?: boolean;
+        borderClass?: string;
+        bgClass?: string;
+        bg?: boolean;
+        baseClass?: string;
+        alignment?: "left" | "center" | "right";
+        size?: BlockQuoteType;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -25,14 +25,14 @@ export type BlockquoteSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let border: boolean = false;
- * @prop export let italic: boolean = true;
- * @prop export let borderClass: string = 'border-s-4 border-gray-300 dark:border-gray-500';
- * @prop export let bgClass: string = 'bg-gray-50 dark:bg-gray-800';
- * @prop export let bg: boolean = false;
- * @prop export let baseClass: string = 'font-semibold text-gray-900 dark:text-white';
- * @prop export let alignment: 'left' | 'center' | 'right' = 'left';
- * @prop export let size: BlockQuoteType = 'lg';
+ * @prop export let border: $$Props['border'] = false;
+ * @prop export let italic: $$Props['italic'] = true;
+ * @prop export let borderClass: $$Props['borderClass'] = 'border-s-4 border-gray-300 dark:border-gray-500';
+ * @prop export let bgClass: $$Props['bgClass'] = 'bg-gray-50 dark:bg-gray-800';
+ * @prop export let bg: $$Props['bg'] = false;
+ * @prop export let baseClass: $$Props['baseClass'] = 'font-semibold text-gray-900 dark:text-white';
+ * @prop export let alignment: NonNullable<$$Props['alignment']> = 'left';
+ * @prop export let size: NonNullable<$$Props['size']> = 'lg';
  */
 export default class Blockquote extends SvelteComponentTyped<BlockquoteProps, BlockquoteEvents, BlockquoteSlots> {
 }

package/dist/typography/DescriptionList.svelte

@@ -1,5 +1,5 @@
 <script>import { twMerge } from "tailwind-merge";
-export let tag;
+export let tag = "dt";
 export let dtClass = "text-gray-500 md:text-lg dark:text-gray-400";
 export let ddClass = "text-lg font-semibold";
 let classDesc = twMerge(tag === "dt" ? dtClass : ddClass, $$props.class);
@@ -13,7 +13,7 @@ let classDesc = twMerge(tag === "dt" ? dtClass : ddClass, $$props.class);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let tag: 'dt' | 'dd';
-@prop export let dtClass: string = 'text-gray-500 md:text-lg dark:text-gray-400';
-@prop export let ddClass: string = 'text-lg font-semibold';
+@prop export let tag: $$Props['tag'] = 'dt';
+@prop export let dtClass: $$Props['dtClass'] = 'text-gray-500 md:text-lg dark:text-gray-400';
+@prop export let ddClass: $$Props['ddClass'] = 'text-lg font-semibold';
 -->

package/dist/typography/DescriptionList.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tag: "dt" | "dd";
-        dtClass?: string | undefined;
-        ddClass?: string | undefined;
+    props: HTMLAttributes<HTMLElement> & {
+        tag?: "dt" | "dd";
+        dtClass?: string;
+        ddClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,9 +19,9 @@ export type DescriptionListSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let tag: 'dt' | 'dd';
- * @prop export let dtClass: string = 'text-gray-500 md:text-lg dark:text-gray-400';
- * @prop export let ddClass: string = 'text-lg font-semibold';
+ * @prop export let tag: $$Props['tag'] = 'dt';
+ * @prop export let dtClass: $$Props['dtClass'] = 'text-gray-500 md:text-lg dark:text-gray-400';
+ * @prop export let ddClass: $$Props['ddClass'] = 'text-lg font-semibold';
  */
 export default class DescriptionList extends SvelteComponentTyped<DescriptionListProps, DescriptionListEvents, DescriptionListSlots> {
 }

package/dist/typography/Heading.svelte

@@ -20,7 +20,7 @@ const textSizes = {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h1';
-@prop export let color: string = 'text-gray-900 dark:text-white';
-@prop export let customSize: string = '';
+@prop export let tag: NonNullable<$$Props['tag']> = 'h1';
+@prop export let color: $$Props['color'] = 'text-gray-900 dark:text-white';
+@prop export let customSize: $$Props['customSize'] = '';
 -->

package/dist/typography/Heading.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        tag?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6") | undefined;
-        color?: string | undefined;
-        customSize?: string | undefined;
+    props: HTMLAttributes<HTMLHeadingElement> & {
+        tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        color?: string;
+        customSize?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,9 +19,9 @@ export type HeadingSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h1';
- * @prop export let color: string = 'text-gray-900 dark:text-white';
- * @prop export let customSize: string = '';
+ * @prop export let tag: NonNullable<$$Props['tag']> = 'h1';
+ * @prop export let color: $$Props['color'] = 'text-gray-900 dark:text-white';
+ * @prop export let customSize: $$Props['customSize'] = '';
  */
 export default class Heading extends SvelteComponentTyped<HeadingProps, HeadingEvents, HeadingSlots> {
 }

package/dist/typography/Hr.svelte

@@ -25,10 +25,10 @@ let innerDivCls = twMerge(innerDivClass, icon ? iconDivClass : textSpanClass, $$
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let icon: boolean = false;
-@prop export let divClass: string = 'inline-flex items-center justify-center w-full';
-@prop export let hrClass: string = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
-@prop export let iconDivClass: string = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
-@prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
-@prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
+@prop export let icon: $$Props['icon'] = false;
+@prop export let divClass: $$Props['divClass'] = 'inline-flex items-center justify-center w-full';
+@prop export let hrClass: $$Props['hrClass'] = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
+@prop export let iconDivClass: $$Props['iconDivClass'] = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
+@prop export let textSpanClass: $$Props['textSpanClass'] = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
+@prop export let innerDivClass: $$Props['innerDivClass'] = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
 -->

package/dist/typography/Hr.svelte.d.ts

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        icon?: boolean | undefined;
-        divClass?: string | undefined;
-        hrClass?: string | undefined;
-        iconDivClass?: string | undefined;
-        textSpanClass?: string | undefined;
-        innerDivClass?: string | undefined;
+    props: HTMLAttributes<HTMLElement> & {
+        icon?: boolean;
+        divClass?: string;
+        hrClass?: string;
+        iconDivClass?: string;
+        textSpanClass?: string;
+        innerDivClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -22,12 +22,12 @@ export type HrSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let icon: boolean = false;
- * @prop export let divClass: string = 'inline-flex items-center justify-center w-full';
- * @prop export let hrClass: string = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
- * @prop export let iconDivClass: string = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
- * @prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
- * @prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
+ * @prop export let icon: $$Props['icon'] = false;
+ * @prop export let divClass: $$Props['divClass'] = 'inline-flex items-center justify-center w-full';
+ * @prop export let hrClass: $$Props['hrClass'] = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
+ * @prop export let iconDivClass: $$Props['iconDivClass'] = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
+ * @prop export let textSpanClass: $$Props['textSpanClass'] = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
+ * @prop export let innerDivClass: $$Props['innerDivClass'] = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
  */
 export default class Hr extends SvelteComponentTyped<HrProps, HrEvents, HrSlots> {
 }

package/dist/typography/Img.svelte

@@ -13,7 +13,7 @@ export let captionClass = "mt-2 text-sm text-center text-gray-500 dark:text-gray
 
 {#if caption}
   <figure class={figClass}>
-    <img class={twMerge(imgClass, size, alignment, effect, $$props.class)} {src} {srcset} {alt} />
+    <img class={twMerge(imgClass, size, alignment, effect, $$props.class)} {src} {srcset} {alt} {...$$restProps}/>
     <figcaption class={captionClass}>{@html caption}</figcaption>
   </figure>
 {:else}
@@ -24,14 +24,14 @@ export let captionClass = "mt-2 text-sm text-center text-gray-500 dark:text-gray
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let caption: string | undefined = undefined;
-@prop export let src: string | undefined = undefined;
-@prop export let srcset: string | undefined = undefined;
-@prop export let size: string = 'max-w-full';
-@prop export let alignment: string = '';
-@prop export let imgClass: string = 'h-auto';
-@prop export let figClass: string = 'max-w-lg';
-@prop export let alt: string = '';
-@prop export let effect: string = '';
-@prop export let captionClass: string = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
+@prop export let caption: $$Props['caption'] = undefined;
+@prop export let src: $$Props['src'] = undefined;
+@prop export let srcset: $$Props['srcset'] = undefined;
+@prop export let size: $$Props['size'] = 'max-w-full';
+@prop export let alignment: $$Props['alignment'] = '';
+@prop export let imgClass: $$Props['imgClass'] = 'h-auto';
+@prop export let figClass: $$Props['figClass'] = 'max-w-lg';
+@prop export let alt: $$Props['alt'] = '';
+@prop export let effect: $$Props['effect'] = '';
+@prop export let captionClass: $$Props['captionClass'] = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
 -->