flowbite-svelte 0.46.19 → 0.46.20

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/CheckboxButton.svelte

@@ -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,30 @@
 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: import("svelte/elements").HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> & {
+        pill?: boolean;
+        outline?: boolean;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
+        href?: string;
+        type?: import("svelte/elements").HTMLButtonAttributes["type"];
+        color?: "red" | "yellow" | "green" | "purple" | "blue" | "light" | "dark" | "primary" | "none" | "alternative";
+        shadow?: boolean;
+        tag?: string;
+        checked?: boolean;
+        disabled?: boolean;
+        target?: string;
+        rel?: string;
+        name?: string;
+    } & {
+        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 +51,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> {
 }

package/dist/forms/Label.svelte

@@ -27,7 +27,7 @@ $: labelClass = twMerge(defaultClass, colorClasses[color], $$props.class);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
-@prop export let defaultClass: string = 'text-sm rtl:text-right font-medium block';
-@prop export let show: boolean = true;
+@prop export let color: NonNullable<$$Props['color']> = 'gray';
+@prop export let defaultClass: $$Props['defaultClass'] = 'text-sm rtl:text-right font-medium block';
+@prop export let show: $$Props['show'] = true;
 -->

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

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLLabelAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: ("gray" | "green" | "red" | "disabled") | undefined;
-        defaultClass?: string | undefined;
-        show?: boolean | undefined;
+    props: HTMLLabelAttributes & {
+        color?: "gray" | "green" | "red" | "disabled";
+        defaultClass?: string;
+        show?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,9 +19,9 @@ export type LabelSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
- * @prop export let defaultClass: string = 'text-sm rtl:text-right font-medium block';
- * @prop export let show: boolean = true;
+ * @prop export let color: NonNullable<$$Props['color']> = 'gray';
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'text-sm rtl:text-right font-medium block';
+ * @prop export let show: $$Props['show'] = true;
  */
 export default class Label extends SvelteComponentTyped<LabelProps, LabelEvents, LabelSlots> {
 }

package/dist/forms/MultiSelect.svelte

@@ -2,13 +2,13 @@
 import CloseButton from "../utils/CloseButton.svelte";
 import { twMerge } from "tailwind-merge";
 import { createEventDispatcher } from "svelte";
-const dispatcher = createEventDispatcher();
 export let items = [];
 export let value = [];
 export let size = "md";
 export let dropdownClass = "";
 export let placeholder = "";
 export let disabled = false;
+const dispatcher = createEventDispatcher();
 $: selectItems = items.filter((x) => value.includes(x.value));
 let show = false;
 const sizes = {
@@ -147,10 +147,10 @@ function handleKeyDown(event) {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let items: SelectOptionType<any>[] = [];
-@prop export let value: (string | number)[] = [];
-@prop export let size: FormSizeType = 'md';
-@prop export let dropdownClass: string = '';
-@prop export let placeholder: string = '';
-@prop export let disabled: boolean = false;
+@prop export let items: NonNullable<$$Props['items']> = [];
+@prop export let value: NonNullable<$$Props['value']> = [];
+@prop export let size: NonNullable<$$Props['size']> = 'md';
+@prop export let dropdownClass: $$Props['dropdownClass'] = '';
+@prop export let placeholder: $$Props['placeholder'] = '';
+@prop export let disabled: $$Props['disabled'] = false;
 -->

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

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLSelectAttributes } from 'svelte/elements';
 import type { FormSizeType, SelectOptionType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        items?: SelectOptionType<any>[] | undefined;
-        value?: (string | number)[] | undefined;
-        size?: FormSizeType | undefined;
-        dropdownClass?: string | undefined;
-        placeholder?: string | undefined;
-        disabled?: boolean | undefined;
+    props: Omit<HTMLSelectAttributes, "size"> & {
+        items?: SelectOptionType<any>[];
+        value?: (string | number)[];
+        size?: FormSizeType;
+        dropdownClass?: string;
+        placeholder?: string;
+        disabled?: boolean;
     };
     events: {
         input: Event;
@@ -30,12 +30,12 @@ export type MultiSelectSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let items: SelectOptionType<any>[] = [];
- * @prop export let value: (string | number)[] = [];
- * @prop export let size: FormSizeType = 'md';
- * @prop export let dropdownClass: string = '';
- * @prop export let placeholder: string = '';
- * @prop export let disabled: boolean = false;
+ * @prop export let items: NonNullable<$$Props['items']> = [];
+ * @prop export let value: NonNullable<$$Props['value']> = [];
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
+ * @prop export let dropdownClass: $$Props['dropdownClass'] = '';
+ * @prop export let placeholder: $$Props['placeholder'] = '';
+ * @prop export let disabled: $$Props['disabled'] = false;
  */
 export default class MultiSelect extends SvelteComponentTyped<MultiSelectProps, MultiSelectEvents, MultiSelectSlots> {
 }

package/dist/forms/NumberInput.svelte

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

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

@@ -1,8 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value?: number | 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?: number;
     };
     events: {
         blur: FocusEvent;
@@ -29,7 +36,7 @@ export type NumberInputSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let value: number = 0;
+ * @prop export let value: $$Props['value'] = 0;
  */
 export default class NumberInput extends SvelteComponentTyped<NumberInputProps, NumberInputEvents, NumberInputSlots> {
 }

package/dist/forms/Radio.svelte

@@ -38,11 +38,11 @@ $: if (checked && group === void 0) {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: FormColorType = 'primary';
-@prop export let custom: boolean = false;
-@prop export let inline: boolean = false;
-@prop export let group: number | string | undefined = undefined;
-@prop export let value: number | string = '';
-@prop export let spacing: string = $$slots.default ? 'me-2' : '';
-@prop export let checked: boolean = false;
+@prop export let color: NonNullable<$$Props['color']> = 'primary';
+@prop export let custom: NonNullable<$$Props['custom']> = false;
+@prop export let inline: NonNullable<$$Props['inline']> = false;
+@prop export let group: $$Props['group'] = undefined;
+@prop export let value: $$Props['value'] = '';
+@prop export let spacing: NonNullable<$$Props['spacing']> = $$slots.default ? 'me-2' : '';
+@prop export let checked: $$Props['checked'] = false;
 -->

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

@@ -1,17 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
 export declare const labelClass: (inline: boolean, extraClass: string) => string;
 export declare const inputClass: (custom: boolean, color: FormColorType, rounded: boolean, tinted: boolean, spacing: string, extraClass: string) => string;
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { FormColorType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: FormColorType | undefined;
-        custom?: boolean | undefined;
-        inline?: boolean | undefined;
+    props: HTMLInputAttributes & {
+        color?: FormColorType;
+        custom?: boolean;
+        inline?: boolean;
         group?: number | string | undefined;
-        value?: (number | string) | undefined;
-        spacing?: string | undefined;
-        checked?: boolean | undefined;
+        value?: number | string;
+        spacing?: string;
+        checked?: boolean;
     };
     events: {
         blur: FocusEvent;
@@ -38,13 +38,13 @@ export type RadioSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: FormColorType = 'primary';
- * @prop export let custom: boolean = false;
- * @prop export let inline: boolean = false;
- * @prop export let group: number | string | undefined = undefined;
- * @prop export let value: number | string = '';
- * @prop export let spacing: string = $$slots.default ? 'me-2' : '';
- * @prop export let checked: boolean = false;
+ * @prop export let color: NonNullable<$$Props['color']> = 'primary';
+ * @prop export let custom: NonNullable<$$Props['custom']> = false;
+ * @prop export let inline: NonNullable<$$Props['inline']> = false;
+ * @prop export let group: $$Props['group'] = undefined;
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let spacing: NonNullable<$$Props['spacing']> = $$slots.default ? 'me-2' : '';
+ * @prop export let checked: $$Props['checked'] = false;
  */
 export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
 }