flowbite-svelte 0.46.19 → 0.46.21

package/dist/footer/FooterCopyright.svelte

@@ -26,11 +26,11 @@ let aCls = twMerge(aClass, $$props.classA);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let spanClass: string = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
-@prop export let aClass: string = 'hover:underline';
-@prop export let year: number = new Date().getFullYear();
-@prop export let href: string = '';
-@prop export let by: string = '';
-@prop export let target: string | undefined = undefined;
-@prop export let copyrightMessage: string = 'All Rights Reserved.';
+@prop export let spanClass: $$Props['classSpan'] = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
+@prop export let aClass: $$Props['aClass'] = 'hover:underline';
+@prop export let year: $$Props['year'] = new Date().getFullYear();
+@prop export let href: $$Props['href'] = '';
+@prop export let by: $$Props['by'] = '';
+@prop export let target: $$Props['target'] = undefined;
+@prop export let copyrightMessage: $$Props['copyrightMessage'] = 'All Rights Reserved.';
 -->

package/dist/footer/FooterCopyright.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        spanClass?: string | undefined;
-        aClass?: string | undefined;
-        year?: number | undefined;
-        href?: string | undefined;
-        by?: string | undefined;
-        target?: string | undefined;
-        copyrightMessage?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        classSpan?: string;
+        aClass?: string;
+        year?: number;
+        by?: string;
+        href?: string;
+        target?: string;
+        copyrightMessage?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -21,13 +21,13 @@ export type FooterCopyrightSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let spanClass: string = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
- * @prop export let aClass: string = 'hover:underline';
- * @prop export let year: number = new Date().getFullYear();
- * @prop export let href: string = '';
- * @prop export let by: string = '';
- * @prop export let target: string | undefined = undefined;
- * @prop export let copyrightMessage: string = 'All Rights Reserved.';
+ * @prop export let spanClass: $$Props['classSpan'] = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
+ * @prop export let aClass: $$Props['aClass'] = 'hover:underline';
+ * @prop export let year: $$Props['year'] = new Date().getFullYear();
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let by: $$Props['by'] = '';
+ * @prop export let target: $$Props['target'] = undefined;
+ * @prop export let copyrightMessage: $$Props['copyrightMessage'] = 'All Rights Reserved.';
  */
 export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps, FooterCopyrightEvents, FooterCopyrightSlots> {
 }

package/dist/footer/FooterIcon.svelte

@@ -17,8 +17,8 @@ export let target = void 0;
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let href: string = '';
-@prop export let ariaLabel: string = '';
-@prop export let aClass: string = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
-@prop export let target: string | undefined = undefined;
+@prop export let href: $$Props['href'] = '';
+@prop export let ariaLabel: $$Props['ariaLabel'] = '';
+@prop export let aClass: $$Props['aClass'] = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+@prop export let target: $$Props['target'] = undefined;
 -->

package/dist/footer/FooterIcon.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        href?: string | undefined;
-        ariaLabel?: string | undefined;
-        aClass?: string | undefined;
-        target?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        href?: string;
+        ariaLabel?: string;
+        aClass?: string;
+        target?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,10 +20,10 @@ export type FooterIconSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let href: string = '';
- * @prop export let ariaLabel: string = '';
- * @prop export let aClass: string = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
- * @prop export let target: string | undefined = undefined;
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let ariaLabel: $$Props['ariaLabel'] = '';
+ * @prop export let aClass: $$Props['aClass'] = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+ * @prop export let target: $$Props['target'] = undefined;
  */
 export default class FooterIcon extends SvelteComponentTyped<FooterIconProps, FooterIconEvents, FooterIconSlots> {
 }

package/dist/footer/FooterLink.svelte

@@ -17,8 +17,8 @@ let aCls = twMerge(aClass, $$props.classA);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let liClass: string = 'me-4 last:me-0 md:me-6';
-@prop export let aClass: string = 'hover:underline';
-@prop export let href: string = '';
-@prop export let target: string | undefined = undefined;
+@prop export let liClass: $$Props['liClass'] = 'me-4 last:me-0 md:me-6';
+@prop export let aClass: $$Props['aClass'] = 'hover:underline';
+@prop export let href: $$Props['href'] = '';
+@prop export let target: $$Props['target'] = undefined;
 -->

package/dist/footer/FooterLink.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAnchorAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        liClass?: string | undefined;
-        aClass?: string | undefined;
-        href?: string | undefined;
-        target?: string | undefined;
+    props: HTMLAnchorAttributes & {
+        liClass?: string;
+        aClass?: string;
+        href?: string;
+        target?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,10 +20,10 @@ export type FooterLinkSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let liClass: string = 'me-4 last:me-0 md:me-6';
- * @prop export let aClass: string = 'hover:underline';
- * @prop export let href: string = '';
- * @prop export let target: string | undefined = undefined;
+ * @prop export let liClass: $$Props['liClass'] = 'me-4 last:me-0 md:me-6';
+ * @prop export let aClass: $$Props['aClass'] = 'hover:underline';
+ * @prop export let href: $$Props['href'] = '';
+ * @prop export let target: $$Props['target'] = undefined;
  */
 export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {
 }

package/dist/footer/FooterLinkGroup.svelte

@@ -2,7 +2,7 @@
 export let ulClass = "text-gray-600 dark:text-gray-400";
 </script>
 
-<ul class={twMerge(ulClass, $$props.class)}>
+<ul class={twMerge(ulClass, $$props.class)} {...$$restProps}>
   <slot />
 </ul>
 
@@ -10,5 +10,5 @@ export let ulClass = "text-gray-600 dark:text-gray-400";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let ulClass: string = 'text-gray-600 dark:text-gray-400';
+@prop export let ulClass: $$Props['ulClass'] = 'text-gray-600 dark:text-gray-400';
 -->

package/dist/footer/FooterLinkGroup.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        ulClass?: string | undefined;
+    props: HTMLAttributes<HTMLUListElement> & {
+        ulClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type FooterLinkGroupSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let ulClass: string = 'text-gray-600 dark:text-gray-400';
+ * @prop export let ulClass: $$Props['ulClass'] = 'text-gray-600 dark:text-gray-400';
  */
 export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps, FooterLinkGroupEvents, FooterLinkGroupSlots> {
 }

package/dist/forms/Checkbox.svelte

@@ -1,7 +1,6 @@
 <script>import { getContext } from "svelte";
 import { labelClass, inputClass } from "./Radio.svelte";
 import Label from "./Label.svelte";
-export let name = void 0;
 export let color = "primary";
 export let custom = false;
 export let inline = false;
@@ -17,13 +16,13 @@ let background = getContext("background");
 {#if choices.length > 0}
   {#each choices as {value, label}, i}
     <Label class={labelClass(inline, groupLabelClass)} show={$$slots.default} for={`checkbox-${i}`}>{ label }
-      <input {name} id={`checkbox-${i}`} type="checkbox" value={ value } bind:group {...$$restProps}  class={inputClass(custom, color, true, background, spacing, groupInputClass)} />
+      <input id={`checkbox-${i}`} type="checkbox" value={ value } bind:group {...$$restProps}  class={inputClass(custom, color, true, background, spacing, groupInputClass)} />
       <slot />
     </Label>
   {/each}
 {:else}
 <Label class={labelClass(inline, $$props.class)} show={$$slots.default}>
-  <input {name} type="checkbox" bind:checked on:keyup on:keydown on:keypress on:focus on:blur on:click on:mouseover on:mouseenter on:mouseleave on:paste on:change {value} {...$$restProps} class={inputClass(custom, color, true, background, spacing, $$slots.default || $$props.class)} />
+  <input type="checkbox" bind:checked on:keyup on:keydown on:keypress on:focus on:blur on:click on:mouseover on:mouseenter on:mouseleave on:paste on:change {value} {...$$restProps} class={inputClass(custom, color, true, background, spacing, $$slots.default || $$props.class)} />
   <slot />
 </Label>
 {/if}

package/dist/forms/Checkbox.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { FormColorType } from '../types';
 import type { CheckboxItem } from '../types';
 declare const __propDef: {
-    props: {
-        name?: string;
+    props: HTMLInputAttributes & {
         color?: FormColorType;
         custom?: boolean;
         inline?: boolean;

package/dist/forms/CheckboxButton.svelte

@@ -37,7 +37,7 @@ let buttonClass;
 $: buttonClass = twMerge(inline ? "inline-flex" : "flex", $$props.class);
 </script>
 
-<Button tag="label" {checked} {pill} {outline} {size} {color} {shadow} class={buttonClass}>
+<Button {checked} {pill} {outline} {size} {color} {shadow} class={buttonClass}>
   <input
     use:init={group}
     type="checkbox"
@@ -64,13 +64,13 @@ $: buttonClass = twMerge(inline ? "inline-flex" : "flex", $$props.class);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let group: (string | number)[] = [];
-@prop export let value: string | number = 'on';
-@prop export let checked: boolean | undefined = undefined;
-@prop export let inline: boolean = true;
-@prop export let pill: boolean = false;
-@prop export let outline: boolean = false;
-@prop export let size: SizeType | undefined = undefined;
-@prop export let color: ButtonColorType | undefined = undefined;
-@prop export let shadow: boolean = false;
+@prop export let group: $$Props['group'] = [];
+@prop export let value: $$Props['value'] = 'on';
+@prop export let checked: $$Props['checked'] = undefined;
+@prop export let inline: $$Props['inline'] = true;
+@prop export let pill: $$Props['pill'] = false;
+@prop export let outline: $$Props['outline'] = false;
+@prop export let size: $$Props['size'] = undefined;
+@prop export let color: $$Props['color'] = undefined;
+@prop export let shadow: $$Props['shadow'] = false;
 -->

package/dist/forms/CheckboxButton.svelte.d.ts

@@ -1,17 +1,37 @@
 import { SvelteComponentTyped } from "svelte";
 import type { ButtonColorType, SizeType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        group?: (string | number)[] | undefined;
-        value?: (string | number) | undefined;
-        checked?: boolean | undefined;
-        inline?: boolean | undefined;
-        pill?: boolean | undefined;
-        outline?: boolean | undefined;
+    props: (({
+        pill?: boolean;
+        outline?: boolean;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
+        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
+        shadow?: boolean;
+        tag?: "a" | "button";
+        checked?: boolean;
+    } & Omit<import("svelte/elements").HTMLAnchorAttributes, "type"> & {
+        href?: string | undefined;
+    }) | ({
+        pill?: boolean;
+        outline?: boolean;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
+        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
+        shadow?: boolean;
+        tag?: "a" | "button";
+        checked?: boolean;
+    } & import("svelte/elements").HTMLButtonAttributes & {
+        disabled?: import("svelte/elements").HTMLButtonAttributes["disabled"];
+        type?: import("svelte/elements").HTMLButtonAttributes["type"];
+    })) & {
+        group: (string | number)[];
+        value: string | number;
+        checked?: boolean;
+        inline?: boolean;
+        pill?: boolean;
+        outline?: boolean;
         size?: SizeType | undefined;
         color?: ButtonColorType | undefined;
-        shadow?: boolean | undefined;
+        shadow?: boolean;
     };
     events: {
         keyup: KeyboardEvent;
@@ -38,15 +58,15 @@ export type CheckboxButtonSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let group: (string | number)[] = [];
- * @prop export let value: string | number = 'on';
- * @prop export let checked: boolean | undefined = undefined;
- * @prop export let inline: boolean = true;
- * @prop export let pill: boolean = false;
- * @prop export let outline: boolean = false;
- * @prop export let size: SizeType | undefined = undefined;
- * @prop export let color: ButtonColorType | undefined = undefined;
- * @prop export let shadow: boolean = false;
+ * @prop export let group: $$Props['group'] = [];
+ * @prop export let value: $$Props['value'] = 'on';
+ * @prop export let checked: $$Props['checked'] = undefined;
+ * @prop export let inline: $$Props['inline'] = true;
+ * @prop export let pill: $$Props['pill'] = false;
+ * @prop export let outline: $$Props['outline'] = false;
+ * @prop export let size: $$Props['size'] = undefined;
+ * @prop export let color: $$Props['color'] = undefined;
+ * @prop export let shadow: $$Props['shadow'] = false;
  */
 export default class CheckboxButton extends SvelteComponentTyped<CheckboxButtonProps, CheckboxButtonEvents, CheckboxButtonSlots> {
 }

package/dist/forms/Dropzone.svelte

@@ -26,7 +26,7 @@ function onClick(event) {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let value: string = '';
-@prop export let files: FileList | undefined = undefined;
-@prop export let defaultClass: string = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600';
+@prop export let value: $$Props['value'] = '';
+@prop export let files: $$Props['files'] = undefined;
+@prop export let defaultClass: $$Props['defaultClass'] = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600';
 -->

package/dist/forms/Dropzone.svelte.d.ts

@@ -32,9 +32,9 @@ export type DropzoneSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let value: string = '';
- * @prop export let files: FileList | undefined = undefined;
- * @prop export let defaultClass: string = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600';
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let files: $$Props['files'] = undefined;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600';
  */
 export default class Dropzone extends SvelteComponentTyped<DropzoneProps_, DropzoneEvents, DropzoneSlots> {
 }

package/dist/forms/Fileupload.svelte

@@ -13,7 +13,7 @@ export let inputClass = "border !p-0 dark:text-gray-400";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let value: string = '';
-@prop export let files: FileList | undefined = undefined;
-@prop export let inputClass: string = 'border !p-0 dark:text-gray-400';
+@prop export let value: $$Props['value'] = '';
+@prop export let files: $$Props['files'] = undefined;
+@prop export let inputClass: $$Props['inputClass'] = 'border !p-0 dark:text-gray-400';
 -->

package/dist/forms/Fileupload.svelte.d.ts

@@ -1,10 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value?: string | undefined;
-        files?: FileList | undefined;
-        inputClass?: string | undefined;
+    props: Omit<import("svelte/elements").HTMLInputAttributes, "size"> & {
+        type?: import("..").InputType;
+        value?: any;
+        size?: import("..").FormSizeType;
+        clearable?: boolean;
+        defaultClass?: string;
+        color?: "base" | "green" | "red";
+        floatClass?: string;
+    } & {
+        value: string;
+        files: FileList | undefined;
+        inputClass?: string;
     };
     events: {
         change: Event;
@@ -29,9 +36,9 @@ export type FileuploadSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let value: string = '';
- * @prop export let files: FileList | undefined = undefined;
- * @prop export let inputClass: string = 'border !p-0 dark:text-gray-400';
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let files: $$Props['files'] = undefined;
+ * @prop export let inputClass: $$Props['inputClass'] = 'border !p-0 dark:text-gray-400';
  */
 export default class Fileupload extends SvelteComponentTyped<FileuploadProps, FileuploadEvents, FileuploadSlots> {
 }

package/dist/forms/FloatingLabelInput.svelte

@@ -73,10 +73,10 @@ const labelColorClasses = {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let id: string = generateId();
-@prop export let style: 'filled' | 'outlined' | 'standard' = 'standard';
-@prop export let type: InputType = 'text';
-@prop export let size: 'small' | 'default' = 'default';
-@prop export let color: 'base' | 'green' | 'red' = 'base';
-@prop export let value: any = undefined;
+@prop export let id: $$Props['id'] = generateId();
+@prop export let style: NonNullable<$$Props['style']> = 'standard';
+@prop export let type: NonNullable<$$Props['type']> = 'text';
+@prop export let size: NonNullable<$$Props['size']> = 'default';
+@prop export let color: NonNullable<$$Props['color']> = 'base';
+@prop export let value: $$Props['value'] = undefined;
 -->

package/dist/forms/FloatingLabelInput.svelte.d.ts

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { InputType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id?: string | undefined;
-        style?: ("filled" | "outlined" | "standard") | undefined;
-        type?: InputType | undefined;
-        size?: ("small" | "default") | undefined;
-        color?: ("base" | "green" | "red") | undefined;
+    props: Omit<HTMLInputAttributes, "size"> & {
+        id?: string;
+        style?: "filled" | "outlined" | "standard";
+        type?: InputType;
+        size?: "small" | "default";
+        color?: "base" | "green" | "red";
         value?: any;
     };
     events: {
@@ -36,12 +36,12 @@ export type FloatingLabelInputSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let id: string = generateId();
- * @prop export let style: 'filled' | 'outlined' | 'standard' = 'standard';
- * @prop export let type: InputType = 'text';
- * @prop export let size: 'small' | 'default' = 'default';
- * @prop export let color: 'base' | 'green' | 'red' = 'base';
- * @prop export let value: any = undefined;
+ * @prop export let id: $$Props['id'] = generateId();
+ * @prop export let style: NonNullable<$$Props['style']> = 'standard';
+ * @prop export let type: NonNullable<$$Props['type']> = 'text';
+ * @prop export let size: NonNullable<$$Props['size']> = 'default';
+ * @prop export let color: NonNullable<$$Props['color']> = 'base';
+ * @prop export let value: $$Props['value'] = undefined;
  */
 export default class FloatingLabelInput extends SvelteComponentTyped<FloatingLabelInputProps, FloatingLabelInputEvents, FloatingLabelInputSlots> {
 }

package/dist/forms/Helper.svelte

@@ -17,6 +17,6 @@ const colorClasses = {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let helperClass: string = 'text-xs font-normal text-gray-500 dark:text-gray-300';
-@prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
+@prop export let helperClass: $$Props['helperClass'] = 'text-xs font-normal text-gray-500 dark:text-gray-300';
+@prop export let color: NonNullable<$$Props['color']> = 'gray';
 -->

package/dist/forms/Helper.svelte.d.ts

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        helperClass?: string | undefined;
-        color?: ("gray" | "green" | "red" | "disabled") | undefined;
+    props: HTMLAttributes<HTMLParagraphElement> & {
+        helperClass?: string;
+        color?: "gray" | "green" | "red" | "disabled";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,8 +18,8 @@ export type HelperSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let helperClass: string = 'text-xs font-normal text-gray-500 dark:text-gray-300';
- * @prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
+ * @prop export let helperClass: $$Props['helperClass'] = 'text-xs font-normal text-gray-500 dark:text-gray-300';
+ * @prop export let color: NonNullable<$$Props['color']> = 'gray';
  */
 export default class Helper extends SvelteComponentTyped<HelperProps, HelperEvents, HelperSlots> {
 }

package/dist/forms/Input.svelte

@@ -7,7 +7,6 @@
 import { twMerge } from "tailwind-merge";
 import { createEventDispatcher, getContext } from "svelte";
 import CloseButton from "../utils/CloseButton.svelte";
-const dispatcher = createEventDispatcher();
 export let type = "text";
 export let value = void 0;
 export let size = void 0;
@@ -15,6 +14,7 @@ export let clearable = false;
 export let defaultClass = "block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right";
 export let color = "base";
 export let floatClass = "flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400";
+const dispatcher = createEventDispatcher();
 const borderClasses = {
   base: "border border-gray-300 dark:border-gray-600",
   tinted: "border border-gray-300 dark:border-gray-500",
@@ -74,11 +74,11 @@ const clearAll = (e) => {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let type: InputType = 'text';
-@prop export let value: any = undefined;
-@prop export let size: FormSizeType | undefined = undefined;
-@prop export let clearable = false;
-@prop export let defaultClass: string = 'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right';
-@prop export let color: 'base' | 'green' | 'red' = 'base';
-@prop export let floatClass: string = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
+@prop export let type: $$Props['type'] = 'text';
+@prop export let value: $$Props['value'] = undefined;
+@prop export let size: $$Props['size'] = undefined;
+@prop export let clearable: $$Props['clearable'] = false;
+@prop export let defaultClass: $$Props['defaultClass'] = 'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right';
+@prop export let color: NonNullable<$$Props['color']> = 'base';
+@prop export let floatClass: $$Props['floatClass'] = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
 -->

package/dist/forms/Input.svelte.d.ts

@@ -1,17 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
 import type { SizeType, FormSizeType } from '../types';
 export declare function clampSize(s: SizeType): "sm" | "lg" | "md";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { InputType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        type?: InputType | undefined;
+    props: Omit<HTMLInputAttributes, "size"> & {
+        type?: InputType;
         value?: any;
-        size?: FormSizeType | undefined;
-        clearable?: boolean | undefined;
-        defaultClass?: string | undefined;
-        color?: ("base" | "green" | "red") | undefined;
-        floatClass?: string | undefined;
+        size?: FormSizeType;
+        clearable?: boolean;
+        defaultClass?: string;
+        color?: "base" | "green" | "red";
+        floatClass?: string;
     };
     events: {
         blur: FocusEvent;
@@ -46,13 +46,13 @@ export type InputSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let type: InputType = 'text';
- * @prop export let value: any = undefined;
- * @prop export let size: FormSizeType | undefined = undefined;
- * @prop export let clearable = false;
- * @prop export let defaultClass: string = 'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right';
- * @prop export let color: 'base' | 'green' | 'red' = 'base';
- * @prop export let floatClass: string = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
+ * @prop export let type: $$Props['type'] = 'text';
+ * @prop export let value: $$Props['value'] = undefined;
+ * @prop export let size: $$Props['size'] = undefined;
+ * @prop export let clearable: $$Props['clearable'] = false;
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'block w-full disabled:cursor-not-allowed disabled:opacity-50 rtl:text-right';
+ * @prop export let color: NonNullable<$$Props['color']> = 'base';
+ * @prop export let floatClass: $$Props['floatClass'] = 'flex absolute inset-y-0 items-center text-gray-500 dark:text-gray-400';
  */
 export default class Input extends SvelteComponentTyped<InputProps, InputEvents, InputSlots> {
 }

package/dist/forms/InputAddon.svelte

@@ -30,5 +30,5 @@ $: divClass = twMerge(textSizes[_size], prefixPadding[_size], "text-gray-500 bg-
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let size: 'sm' | 'md' | 'lg' | undefined = undefined;
+@prop export let size: $$Props['size'] = undefined;
 -->

package/dist/forms/InputAddon.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        size?: "sm" | "md" | "lg" | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        size?: "sm" | "md" | "lg";
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type InputAddonSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let size: 'sm' | 'md' | 'lg' | undefined = undefined;
+ * @prop export let size: $$Props['size'] = undefined;
  */
 export default class InputAddon extends SvelteComponentTyped<InputAddonProps, InputAddonEvents, InputAddonSlots> {
 }