fix: move {...$$restProps} before class

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.46.23
+
+### Patch Changes
+
+- bug fix ([`5b0798a414d2bbcd72dc940ebf20d8448b600150`](https://github.com/themesberg/flowbite-svelte/commit/5b0798a414d2bbcd72dc940ebf20d8448b600150))
+
 ## 0.46.22
 
 ### Patch Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.46.22",
+  "version": "0.46.23",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "packageManager": "pnpm@8.15.4",
@@ -245,6 +245,10 @@
       "types": "./dist/datepicker/Calender.svelte.d.ts",
       "svelte": "./dist/datepicker/Calender.svelte"
     },
+    "./DateCalender.svelte": {
+      "types": "./dist/datepicker/DateCalender.svelte.d.ts",
+      "svelte": "./dist/datepicker/DateCalender.svelte"
+    },
     "./Datepicker.svelte": {
       "types": "./dist/datepicker/Datepicker.svelte.d.ts",
       "svelte": "./dist/datepicker/Datepicker.svelte"

src/lib/bottom-navigation/BottomNavHeader.svelte

@@ -11,7 +11,7 @@
   export let innerClass: $$Props['innerClass'] = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
 </script>
 
-<div class={twMerge(outerClass, $$props.classOuter)} {...$$restProps}>
+<div {...$$restProps} class={twMerge(outerClass, $$props.classOuter)} >
   <div class={twMerge(innerClass, $$props.classInner)} role="group">
     <slot />
   </div>

src/lib/datepicker/DateCalender.svelte

@@ -164,4 +164,21 @@
 			{/if}
 		</div>
 	</div>
-</Modal>
+</Modal>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let currentDate: Date = new Date();
+@prop export let open = false;
+@prop export let locale: string = 'default';
+@prop export let firstDayOfWeek: number = 0;
+@prop export let showToday: boolean = true;
+@prop export let showClose: boolean = true;
+@prop export let dateFormat: Intl.DateTimeFormatOptions = { month: 'long', year: 'numeric' };
+@prop export let dayLabelFormat: 'short' | 'narrow' | 'long' = 'short';
+@prop export let customClass: string = '';
+@prop export let primaryColor: Button['color'] = 'blue';
+@prop export let secondaryColor: string = 'gray';
+-->

src/lib/forms/CheckboxButton.svelte

@@ -82,4 +82,19 @@
     on:change={onChange}
     on:change />
   <slot />
-</Button>
+</Button>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@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;
+-->

src/routes/component-data/Fileupload.json

@@ -3,8 +3,8 @@
   "slots": [],
   "events": ["change", "keyup", "keydown", "keypress", "focus", "blur", "click", "mouseover", "mouseenter", "mouseleave", "paste"],
   "props": [
-    ["value", "string", "''"],
-    ["files", "FileList | undefined", "undefined"],
+    ["value?", "string", "''"],
+    ["files?", "FileList | undefined", "undefined"],
     ["inputClass?", "string", "'border !p-0 dark:text-gray-400'"]
   ]
 }