flowbite-svelte 0.46.18 → 0.46.20

package/dist/forms/RadioButton.svelte

@@ -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;
-        value?: any;
-        placeholder?: string | undefined;
-        underline?: boolean | undefined;
-        size?: ("sm" | "md" | "lg") | undefined;
-        defaultClass?: string | undefined;
-        underlineClass?: string | undefined;
+    props: Omit<HTMLSelectAttributes, "size"> & {
+        items: SelectOptionType<any>[];
+        value: any;
+        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

@@ -39,9 +39,9 @@ $: divClass = twMerge(common, $$slots.offLabel ? "ms-3" : "", background ? "dark
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let size: 'small' | 'default' | 'large' | 'custom' = 'default';
-@prop export let group: (string | number)[] = [];
-@prop export let value: string | number = '';
-@prop export let checked: boolean | undefined = undefined;
-@prop export let customSize: string = '';
+@prop export let size: NonNullable<$$Props['size']> = 'default';
+@prop export let group: $$Props['group'] = [];
+@prop export let value: $$Props['value'] = '';
+@prop export let checked: $$Props['checked'] = undefined;
+@prop export let customSize: $$Props['customSize'] = '';
 -->

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

@@ -1,12 +1,26 @@
 import { SvelteComponentTyped } from "svelte";
+import type { FormColorType } from '../types';
 declare const __propDef: {
     props: {
-        [x: string]: any;
-        size?: ("small" | "default" | "large" | "custom") | undefined;
-        group?: (string | number)[] | undefined;
-        value?: (string | number) | undefined;
-        checked?: boolean | undefined;
-        customSize?: string | undefined;
+        name?: string;
+        color?: FormColorType;
+        custom?: boolean;
+        inline?: boolean;
+        group?: string[];
+        choices?: import("../types").CheckboxItem[];
+        value?: string | number;
+        checked?: boolean;
+        spacing?: string;
+        groupLabelClass?: string;
+        groupInputClass?: string;
+        class?: string;
+        required?: boolean;
+    } & {
+        size?: "small" | "default" | "large" | "custom";
+        group?: string[];
+        value?: string | number;
+        checked?: boolean;
+        customSize?: string;
     };
     events: {
         click: MouseEvent;
@@ -25,11 +39,11 @@ export type ToggleSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let size: 'small' | 'default' | 'large' | 'custom' = 'default';
- * @prop export let group: (string | number)[] = [];
- * @prop export let value: string | number = '';
- * @prop export let checked: boolean | undefined = undefined;
- * @prop export let customSize: string = '';
+ * @prop export let size: NonNullable<$$Props['size']> = 'default';
+ * @prop export let group: $$Props['group'] = [];
+ * @prop export let value: $$Props['value'] = '';
+ * @prop export let checked: $$Props['checked'] = undefined;
+ * @prop export let customSize: $$Props['customSize'] = '';
  */
 export default class Toggle extends SvelteComponentTyped<ToggleProps, ToggleEvents, ToggleSlots> {
 }

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;
 -->

package/dist/indicators/Indicator.svelte.d.ts

@@ -1,14 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 import type { IndicatorPlacementType } from '../types';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        color?: ("gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "blue" | "dark" | "orange" | "none" | "teal") | undefined;
-        rounded?: boolean | undefined;
-        size?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
-        border?: boolean | undefined;
-        placement?: IndicatorPlacementType | undefined;
-        offset?: boolean | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "blue" | "dark" | "orange" | "none" | "teal";
+        rounded?: boolean;
+        size?: "xs" | "sm" | "md" | "lg" | "xl";
+        border?: boolean;
+        placement?: IndicatorPlacementType;
+        offset?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -23,12 +23,12 @@ export type IndicatorSlots = typeof __propDef.slots;
 /**
  * [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;
  */
 export default class Indicator extends SvelteComponentTyped<IndicatorProps, IndicatorEvents, IndicatorSlots> {
 }

package/dist/kbd/ArrowKeyDown.svelte

@@ -10,5 +10,5 @@ export let svgClass = "w-4 h-4";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let svgClass: string = 'w-4 h-4';
+@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
 -->

package/dist/kbd/ArrowKeyDown.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,7 +15,7 @@ export type ArrowKeyDownSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
 export default class ArrowKeyDown extends SvelteComponentTyped<ArrowKeyDownProps, ArrowKeyDownEvents, ArrowKeyDownSlots> {
 }

package/dist/kbd/ArrowKeyLeft.svelte

@@ -10,5 +10,5 @@ export let svgClass = "w-4 h-4";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let svgClass: string = 'w-4 h-4';
+@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
 -->

package/dist/kbd/ArrowKeyLeft.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,7 +15,7 @@ export type ArrowKeyLeftSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
 export default class ArrowKeyLeft extends SvelteComponentTyped<ArrowKeyLeftProps, ArrowKeyLeftEvents, ArrowKeyLeftSlots> {
 }

package/dist/kbd/ArrowKeyRight.svelte

@@ -10,5 +10,5 @@ export let svgClass = "w-4 h-4";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let svgClass: string = 'w-4 h-4';
+@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
 -->

package/dist/kbd/ArrowKeyRight.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,7 +15,7 @@ export type ArrowKeyRightSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
 export default class ArrowKeyRight extends SvelteComponentTyped<ArrowKeyRightProps, ArrowKeyRightEvents, ArrowKeyRightSlots> {
 }

package/dist/kbd/ArrowKeyUp.svelte

@@ -10,5 +10,5 @@ export let svgClass = "w-4 h-4";
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let svgClass: string = 'w-4 h-4';
+@prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
 -->

package/dist/kbd/ArrowKeyUp.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        svgClass?: string | undefined;
+    props: SVGAttributes<SVGSVGElement> & {
+        svgClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,7 +15,7 @@ export type ArrowKeyUpSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let svgClass: string = 'w-4 h-4';
+ * @prop export let svgClass: $$Props['svgClass'] = 'w-4 h-4';
  */
 export default class ArrowKeyUp extends SvelteComponentTyped<ArrowKeyUpProps, ArrowKeyUpEvents, ArrowKeyUpSlots> {
 }

package/dist/kbd/Kbd.svelte

@@ -10,5 +10,5 @@ export let kbdClass = "text-xs font-semibold text-gray-800 bg-gray-100 border bo
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let kbdClass: string = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
+@prop export let kbdClass: $$Props['kbdClass'] = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
 -->

package/dist/kbd/Kbd.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+import type { HTMLAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: {
-        [x: string]: any;
-        kbdClass?: string | undefined;
+    props: HTMLAttributes<HTMLDivElement> & {
+        kbdClass?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,7 +17,7 @@ export type KbdSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let kbdClass: string = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
+ * @prop export let kbdClass: $$Props['kbdClass'] = 'text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500';
  */
 export default class Kbd extends SvelteComponentTyped<KbdProps, KbdEvents, KbdSlots> {
 }