[flowbite] Augment InputAttributes type

Author: x0k

.changeset/thin-lizards-mix.md

@@ -0,0 +1,5 @@
+---
+"@sjsf/flowbite-theme": minor
+---
+
+Augment `InputAttributes` type

packages/flowbite-theme/src/lib/widgets/index.ts

@@ -1,6 +1,15 @@
 import type { HTMLInputAttributes } from 'svelte/elements';
-
 import type { Widget, WidgetCommonProps, Widgets, WidgetType } from '@sjsf/form';
+import type { CheckboxProps } from 'flowbite-svelte/Checkbox.svelte';
+import type { FileuploadProps } from 'flowbite-svelte/Fileupload.svelte';
+import type { RangeProps } from 'flowbite-svelte/Range.svelte';
+import type { InputProps } from 'flowbite-svelte/Input.svelte';
+import type { RadioProps } from 'flowbite-svelte/Radio.svelte';
+import type { SelectProps } from 'flowbite-svelte/Select.svelte';
+import type { MultiSelectSlots } from 'flowbite-svelte/MultiSelect.svelte';
+import type { DatepickerProps } from 'flowbite-svelte/Datepicker.svelte';
+import type { TextareaProps } from 'flowbite-svelte/Textarea.svelte';
+import type { ToggleProps } from 'flowbite-svelte/Toggle.svelte';
 
 import TextWidget from './text-widget.svelte';
 import TextareaWidget from './textarea-widget.svelte';
@@ -13,6 +22,19 @@ import FileWidget from './file-widget.svelte';
 import ToggleWidget from './toggle-widget.svelte';
 
 declare module '@sjsf/form' {
+	export interface Inputs {
+		flowbiteCheckbox: CheckboxProps;
+		flowbiteFileUpload: FileuploadProps;
+		flowbiteRange: RangeProps;
+		flowbiteInput: InputProps;
+		flowbiteRadio: RadioProps;
+		flowbiteSelect: SelectProps;
+		flowbiteMultiSelect: MultiSelectSlots;
+		flowbiteDatepicker: DatepickerProps;
+		flowbiteTextarea: TextareaProps;
+		flowbiteToggle: ToggleProps;
+	}
+
 	export interface WidgetsAndProps<V> {
 		toggle: WidgetCommonProps<V, HTMLInputAttributes>;
 	}

packages/flowbite-theme/src/lib/widgets/number-widget.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
 	import type { WidgetProps } from '@sjsf/form';
 	import Input, { type InputProps } from 'flowbite-svelte/Input.svelte';
-	import Range from 'flowbite-svelte/Range.svelte';
+	import Range, { type RangeProps } from 'flowbite-svelte/Range.svelte';
 
 	let { value = $bindable(), attributes }: WidgetProps<'number'> = $props();
 </script>
 
 {#if attributes.type === 'range'}
-	<Range bind:value {...attributes as InputProps} />
+	<Range bind:value {...attributes as RangeProps} />
 {:else}
 	<Input type="number" bind:value {...attributes as InputProps} />
 {/if}