flowbite-svelte 0.46.19 → 0.46.21

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> {
 }

package/dist/forms/RadioButton.svelte

@@ -12,7 +12,7 @@ let buttonClass;
 $: buttonClass = twMerge(inline ? "inline-flex" : "flex", $$props.class);
 </script>
 
-<Button tag="label" checked={value === group} {pill} {outline} {size} {color} {shadow} class={buttonClass}>
+<Button checked={value === group} {pill} {outline} {size} {color} {shadow} class={buttonClass}>
   <input
     type="radio"
     bind:group
@@ -37,12 +37,12 @@ $: 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 = '';
-@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'] = '';
+@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/RadioButton.svelte.d.ts

@@ -1,16 +1,16 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { ButtonColorType, SizeType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        group?: (string | number) | undefined;
-        value?: (string | number) | undefined;
-        inline?: boolean | undefined;
-        pill?: boolean | undefined;
-        outline?: boolean | undefined;
+    props: Omit<HTMLInputAttributes, "size"> & {
+        group: string | number;
+        value: string | number;
+        inline?: boolean;
+        pill?: boolean;
+        outline?: boolean;
         size?: SizeType | undefined;
         color?: ButtonColorType | undefined;
-        shadow?: boolean | undefined;
+        shadow?: boolean;
     };
     events: {
         keyup: KeyboardEvent;
@@ -37,14 +37,14 @@ export type RadioButtonSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let group: string | number = '';
- * @prop export let value: string | number = '';
- * @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'] = '';
+ * @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 RadioButton extends SvelteComponentTyped<RadioButtonProps, RadioButtonEvents, RadioButtonSlots> {
 }

package/dist/forms/Range.svelte

@@ -1,5 +1,5 @@
 <script>import { twMerge } from "tailwind-merge";
-export let value;
+export let value = 0;
 export let size = "md";
 const sizes = {
   sm: "h-1 range-sm",
@@ -16,6 +16,6 @@ $: inputClass = twMerge("w-full bg-gray-200 rounded-lg appearance-none cursor-po
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let value: number;
-@prop export let size: 'sm' | 'md' | 'lg' = 'md';
+@prop export let value: $$Props['value'] = 0;
+@prop export let size: NonNullable<$$Props['size']> = 'md';
 -->

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

@@ -1,9 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value: number;
-        size?: ("sm" | "md" | "lg") | undefined;
+    props: Omit<HTMLInputAttributes, "size"> & {
+        value?: number;
+        size?: "sm" | "md" | "lg";
     };
     events: {
         change: Event;
@@ -22,8 +22,8 @@ export type RangeSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let value: number;
- * @prop export let size: 'sm' | 'md' | 'lg' = 'md';
+ * @prop export let value: $$Props['value'] = 0;
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
  */
 export default class Range extends SvelteComponentTyped<RangeProps, RangeEvents, RangeSlots> {
 }

package/dist/forms/Search.svelte

@@ -34,7 +34,7 @@ const sizes = {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let size: FormSizeType = 'lg';
-@prop export let placeholder: string = 'Search';
-@prop export let value: any = undefined;
+@prop export let size: NonNullable<$$Props['size']> = 'lg';
+@prop export let placeholder: $$Props['placeholder'] = 'Search';
+@prop export let value: $$Props['value'] = undefined;
 -->

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

@@ -1,10 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
 import type { FormSizeType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        size?: FormSizeType | undefined;
-        placeholder?: string | undefined;
+    props: Omit<import("svelte/elements").HTMLInputAttributes, "size"> & {
+        type?: import("../types").InputType;
+        value?: any;
+        size?: FormSizeType;
+        clearable?: boolean;
+        defaultClass?: string;
+        color?: "base" | "green" | "red";
+        floatClass?: string;
+    } & {
+        size?: FormSizeType;
+        placeholder?: string;
         value?: any;
     };
     events: {
@@ -33,9 +40,9 @@ export type SearchSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let size: FormSizeType = 'lg';
- * @prop export let placeholder: string = 'Search';
- * @prop export let value: any = undefined;
+ * @prop export let size: NonNullable<$$Props['size']> = 'lg';
+ * @prop export let placeholder: $$Props['placeholder'] = 'Search';
+ * @prop export let value: $$Props['value'] = undefined;
  */
 export default class Search extends SvelteComponentTyped<SearchProps, SearchEvents, SearchSlots> {
 }

package/dist/forms/Select.svelte

@@ -32,11 +32,11 @@ $: selectClass = twMerge(common, underline ? underlineClass : defaultClass, size
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let items: SelectOptionType<any>[] = [];
-@prop export let value: any = '';
-@prop export let placeholder: string = 'Choose option ...';
-@prop export let underline: boolean = false;
-@prop export let size: 'sm' | 'md' | 'lg' = 'md';
-@prop export let defaultClass: string = 'text-gray-900 disabled:text-gray-400 bg-gray-50 border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
-@prop export let underlineClass: string = 'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer';
+@prop export let items: $$Props['items'] = [];
+@prop export let value: $$Props['value'] = '';
+@prop export let placeholder: $$Props['placeholder'] = 'Choose option ...';
+@prop export let underline: $$Props['underline'] = false;
+@prop export let size: NonNullable<$$Props['size']> = 'md';
+@prop export let defaultClass: $$Props['defaultClass'] = 'text-gray-900 disabled:text-gray-400 bg-gray-50 border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
+@prop export let underlineClass: $$Props['underlineClass'] = 'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer';
 -->

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

@@ -1,15 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLSelectAttributes } from 'svelte/elements';
 import type { SelectOptionType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        items?: SelectOptionType<any>[] | undefined;
+    props: Omit<HTMLSelectAttributes, "size"> & {
+        items: SelectOptionType<any>[];
         value?: any;
-        placeholder?: string | undefined;
-        underline?: boolean | undefined;
-        size?: ("sm" | "md" | "lg") | undefined;
-        defaultClass?: string | undefined;
-        underlineClass?: string | undefined;
+        placeholder?: string;
+        underline?: boolean;
+        size?: "sm" | "md" | "lg";
+        defaultClass?: string;
+        underlineClass?: string;
     };
     events: {
         change: Event;
@@ -28,13 +28,13 @@ export type SelectSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let items: SelectOptionType<any>[] = [];
- * @prop export let value: any = '';
- * @prop export let placeholder: string = 'Choose option ...';
- * @prop export let underline: boolean = false;
- * @prop export let size: 'sm' | 'md' | 'lg' = 'md';
- * @prop export let defaultClass: string = 'text-gray-900 disabled:text-gray-400 bg-gray-50 border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
- * @prop export let underlineClass: string = 'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer';
+ * @prop export let items: $$Props['items'] = [];
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let placeholder: $$Props['placeholder'] = 'Choose option ...';
+ * @prop export let underline: $$Props['underline'] = false;
+ * @prop export let size: NonNullable<$$Props['size']> = 'md';
+ * @prop export let defaultClass: $$Props['defaultClass'] = 'text-gray-900 disabled:text-gray-400 bg-gray-50 border border-gray-300 rounded-lg focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:disabled:text-gray-500 dark:focus:ring-primary-500 dark:focus:border-primary-500';
+ * @prop export let underlineClass: $$Props['underlineClass'] = 'text-gray-500 disabled:text-gray-400 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:disabled:text-gray-500 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200 peer';
  */
 export default class Select extends SvelteComponentTyped<SelectProps, SelectEvents, SelectSlots> {
 }

package/dist/forms/Textarea.svelte

@@ -1,18 +1,17 @@
 <script>import { twMerge } from "tailwind-merge";
 import { getContext } from "svelte";
 import Wrapper from "../utils/Wrapper.svelte";
-const background = getContext("background");
 export let value = void 0;
 export let wrappedClass = "block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50";
 export let unWrappedClass = "p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50";
 export let innerWrappedClass = "py-2 px-4 bg-white dark:bg-gray-800";
 export let headerClass = "";
 export let footerClass = "";
+const background = getContext("background");
 let wrapped;
 $: wrapped = $$slots.header || $$slots.footer;
 let wrapperClass;
 $: wrapperClass = twMerge("w-full rounded-lg bg-gray-50", background ? "dark:bg-gray-600" : "dark:bg-gray-700", "text-gray-900 dark:placeholder-gray-400 dark:text-white", "border border-gray-200", background ? "dark:border-gray-500" : "dark:border-gray-600", $$props.class);
-let textareaClass;
 $: textareaClass = wrapped ? wrappedClass : twMerge(wrapperClass, unWrappedClass);
 const headerCls = (header) => twMerge(header ? "border-b" : "border-t", "py-2 px-3 border-gray-200", background ? "dark:border-gray-500" : "dark:border-gray-600", header ? headerClass : footerClass);
 let innerWrapperClass;
@@ -39,10 +38,10 @@ $: innerWrapperClass = twMerge(innerWrappedClass, $$slots.footer ? "" : "rounded
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let value: any = undefined;
-@prop export let wrappedClass: string = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
-@prop export let unWrappedClass: string = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
-@prop export let innerWrappedClass: string = 'py-2 px-4 bg-white dark:bg-gray-800';
-@prop export let headerClass: string = ''
-  export let footerClass: string = '';
+@prop export let value: $$Props['value'] = undefined;
+@prop export let wrappedClass: $$Props['wrappedClass'] = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
+@prop export let unWrappedClass: $$Props['unWrappedClass'] = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
+@prop export let innerWrappedClass: $$Props['innerWrappedClass'] = 'py-2 px-4 bg-white dark:bg-gray-800';
+@prop export let headerClass: $$Props['headerClass'] = ''
+  export let footerClass: $$Props['footerClass'] = '';
 -->

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

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLTextareaAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
+    props: HTMLTextareaAttributes & {
         value?: any;
-        wrappedClass?: string | undefined;
-        unWrappedClass?: string | undefined;
-        innerWrappedClass?: string | undefined;
-        headerClass?: string | undefined;
-        footerClass?: string | undefined;
+        wrappedClass?: string;
+        unWrappedClass?: string;
+        innerWrappedClass?: string;
+        headerClass?: string;
+        footerClass?: string;
     };
     events: {
         blur: FocusEvent;
@@ -38,12 +38,12 @@ export type TextareaSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let value: any = undefined;
- * @prop export let wrappedClass: string = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
- * @prop export let unWrappedClass: string = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
- * @prop export let innerWrappedClass: string = 'py-2 px-4 bg-white dark:bg-gray-800';
- * @prop export let headerClass: string = ''
- * export let footerClass: string = '';
+ * @prop export let value: $$Props['value'] = undefined;
+ * @prop export let wrappedClass: $$Props['wrappedClass'] = 'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0 disabled:cursor-not-allowed disabled:opacity-50';
+ * @prop export let unWrappedClass: $$Props['unWrappedClass'] = 'p-2.5 text-sm focus:ring-primary-500 border-gray-300 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500 disabled:cursor-not-allowed disabled:opacity-50';
+ * @prop export let innerWrappedClass: $$Props['innerWrappedClass'] = 'py-2 px-4 bg-white dark:bg-gray-800';
+ * @prop export let headerClass: $$Props['headerClass'] = ''
+ * export let footerClass: $$Props['footerClass'] = '';
  */
 export default class Textarea extends SvelteComponentTyped<TextareaProps, TextareaEvents, TextareaSlots> {
 }

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

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

package/dist/gallery/Gallery.svelte

@@ -21,6 +21,6 @@ function init(node) {
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let items: ImgType[] = [];
-@prop export let imgClass: string = 'h-auto max-w-full rounded-lg';
+@prop export let items: $$Props['items'] = [];
+@prop export let imgClass: $$Props['imgClass'] = 'h-auto max-w-full rounded-lg';
 -->

package/dist/gallery/Gallery.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import type { ImgType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        items?: ImgType[] | undefined;
-        imgClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        items: ImgType[];
+        imgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -21,8 +21,8 @@ export type GallerySlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let items: ImgType[] = [];
- * @prop export let imgClass: string = 'h-auto max-w-full rounded-lg';
+ * @prop export let items: $$Props['items'] = [];
+ * @prop export let imgClass: $$Props['imgClass'] = 'h-auto max-w-full rounded-lg';
  */
 export default class Gallery extends SvelteComponentTyped<GalleryProps, GalleryEvents, GallerySlots> {
 }

package/dist/indicators/Indicator.svelte

@@ -57,16 +57,16 @@ let dotClass;
 $: dotClass = twMerge("flex-shrink-0", rounded ? "rounded" : "rounded-full", border && "border-2 border-white dark:border-gray-800", sizes[size], colors[color], $$slots.default && "inline-flex items-center justify-center", placement && "absolute " + placements[placement], placement && offset && offsets[placement], $$props.class);
 </script>
 
-<div class={dotClass}><slot /></div>
+<div class={dotClass} {...$$restProps}><slot /></div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: IndicatorColorType = 'gray';
-@prop export let rounded: boolean = false;
-@prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md';
-@prop export let border: boolean = false;
-@prop export let placement: IndicatorPlacementType | undefined = undefined;
-@prop export let offset: boolean = true;
+@prop export let color: NonNullable<$$Props['color']> = 'gray';
+@prop export let rounded: $$Props['rounded'] = false;
+@prop export let size: NonNullable<$$Props['size']> = 'md';
+@prop export let border: $$Props['border'] = false;
+@prop export let placement: $$Props['placement'] = undefined;
+@prop export let offset: $$Props['offset'] = true;
 -->