flowbite-svelte 0.28.4 → 0.28.9

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.28.9](https://github.com/themesberg/flowbite-svelte/compare/v0.28.8...v0.28.9) (2022-12-10)
+
+
+### Bug Fixes
+
+* scripts build update ([ed3d086](https://github.com/themesberg/flowbite-svelte/commit/ed3d086767e2e444ee716b511b1a57aabf630dea))
+
+### [0.28.8](https://github.com/themesberg/flowbite-svelte/compare/v0.28.7...v0.28.8) (2022-12-10)
+
+### [0.28.7](https://github.com/themesberg/flowbite-svelte/compare/v0.28.6...v0.28.7) (2022-12-10)
+
+### [0.28.6](https://github.com/themesberg/flowbite-svelte/compare/v0.28.5...v0.28.6) (2022-12-10)
+
+### [0.28.5](https://github.com/themesberg/flowbite-svelte/compare/v0.28.4...v0.28.5) (2022-12-10)
+
+
+### Bug Fixes
+
+* add eventhandler to label (mouse, drag, etc.) ([#433](https://github.com/themesberg/flowbite-svelte/issues/433)) ([6e4d9d1](https://github.com/themesberg/flowbite-svelte/commit/6e4d9d158c27ebb13f9a964d4bbfea17bba068cc))
+* avatar placholder missing href ([#475](https://github.com/themesberg/flowbite-svelte/issues/475)) ([6ad52e6](https://github.com/themesberg/flowbite-svelte/commit/6ad52e6c121599758a5c6bf4079bdffcd3199421))
+* bind:files for fileinput ([#474](https://github.com/themesberg/flowbite-svelte/issues/474)) ([585ba09](https://github.com/themesberg/flowbite-svelte/commit/585ba09f210bcb6b11a43ef005b742e999890dbf))
+* list group item padding ([#469](https://github.com/themesberg/flowbite-svelte/issues/469)) ([d945978](https://github.com/themesberg/flowbite-svelte/commit/d945978f38e82953c1ddd703b2fd7c9086768ffa))
+* removal of iconinput ([#476](https://github.com/themesberg/flowbite-svelte/issues/476)) ([2da0912](https://github.com/themesberg/flowbite-svelte/commit/2da0912b15199d6dbbcedae0db672b0a7d61a9fd))
+* remove a pipe from MetaTags titleTemplate ([6ad56c0](https://github.com/themesberg/flowbite-svelte/commit/6ad56c0a4c918b7322f102c6043ab34e549f026f))
+* sveltekit, vite, and other dependencies update ([#482](https://github.com/themesberg/flowbite-svelte/issues/482)) ([231e4da](https://github.com/themesberg/flowbite-svelte/commit/231e4daddc7095446a42f82f35f224ca9b9e209f))
+* ts errors ([#464](https://github.com/themesberg/flowbite-svelte/issues/464)) ([ca723d4](https://github.com/themesberg/flowbite-svelte/commit/ca723d489e1861f6f702da90f9645139979261df))
+
 ### [0.28.4](https://github.com/themesberg/flowbite-svelte/compare/v0.28.3...v0.28.4) (2022-12-01)
 
 

package/accordions/Accordion.svelte.d.ts

@@ -22,9 +22,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type AccordionProps = typeof __propDef.props;
-export declare type AccordionEvents = typeof __propDef.events;
-export declare type AccordionSlots = typeof __propDef.slots;
+export type AccordionProps = typeof __propDef.props;
+export type AccordionEvents = typeof __propDef.events;
+export type AccordionSlots = typeof __propDef.slots;
 export default class Accordion extends SvelteComponentTyped<AccordionProps, AccordionEvents, AccordionSlots> {
 }
 export {};

package/accordions/AccordionItem.svelte.d.ts

@@ -20,9 +20,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type AccordionItemProps = typeof __propDef.props;
-export declare type AccordionItemEvents = typeof __propDef.events;
-export declare type AccordionItemSlots = typeof __propDef.slots;
+export type AccordionItemProps = typeof __propDef.props;
+export type AccordionItemEvents = typeof __propDef.events;
+export type AccordionItemSlots = typeof __propDef.slots;
 export default class AccordionItem extends SvelteComponentTyped<AccordionItemProps, AccordionItemEvents, AccordionItemSlots> {
 }
 export {};

package/alerts/Alert.svelte.d.ts

@@ -24,9 +24,9 @@ declare const __propDef: {
         extra: {};
     };
 };
-export declare type AlertProps = typeof __propDef.props;
-export declare type AlertEvents = typeof __propDef.events;
-export declare type AlertSlots = typeof __propDef.slots;
+export type AlertProps = typeof __propDef.props;
+export type AlertEvents = typeof __propDef.events;
+export type AlertSlots = typeof __propDef.slots;
 export default class Alert extends SvelteComponentTyped<AlertProps, AlertEvents, AlertSlots> {
 }
 export {};

package/avatar/Avatar.svelte

@@ -32,7 +32,7 @@ $: avatarClass = classNames(rounded ? 'rounded' : 'rounded-full', border && 'p-1
       <slot />
     </svelte:element>
   {:else}
-    <svelte:element this={href ? 'a' : 'div'} {...$$restProps} class={avatarClass}>
+    <svelte:element this={href ? 'a' : 'div'} {href} {...$$restProps} class={avatarClass}>
       <AvatarPlaceholder {rounded} />
     </svelte:element>
   {/if}

package/avatar/Avatar.svelte.d.ts

@@ -19,9 +19,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type AvatarProps = typeof __propDef.props;
-export declare type AvatarEvents = typeof __propDef.events;
-export declare type AvatarSlots = typeof __propDef.slots;
+export type AvatarProps = typeof __propDef.props;
+export type AvatarEvents = typeof __propDef.events;
+export type AvatarSlots = typeof __propDef.slots;
 export default class Avatar extends SvelteComponentTyped<AvatarProps, AvatarEvents, AvatarSlots> {
 }
 export {};

package/avatar/Dot.svelte.d.ts

@@ -15,9 +15,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type DotProps = typeof __propDef.props;
-export declare type DotEvents = typeof __propDef.events;
-export declare type DotSlots = typeof __propDef.slots;
+export type DotProps = typeof __propDef.props;
+export type DotEvents = typeof __propDef.events;
+export type DotSlots = typeof __propDef.slots;
 export default class Dot extends SvelteComponentTyped<DotProps, DotEvents, DotSlots> {
 }
 export {};

package/avatar/Placeholder.svelte.d.ts

@@ -8,9 +8,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type PlaceholderProps = typeof __propDef.props;
-export declare type PlaceholderEvents = typeof __propDef.events;
-export declare type PlaceholderSlots = typeof __propDef.slots;
+export type PlaceholderProps = typeof __propDef.props;
+export type PlaceholderEvents = typeof __propDef.events;
+export type PlaceholderSlots = typeof __propDef.slots;
 export default class Placeholder extends SvelteComponentTyped<PlaceholderProps, PlaceholderEvents, PlaceholderSlots> {
 }
 export {};

package/badges/Badge.svelte.d.ts

@@ -18,9 +18,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type BadgeProps = typeof __propDef.props;
-export declare type BadgeEvents = typeof __propDef.events;
-export declare type BadgeSlots = typeof __propDef.slots;
+export type BadgeProps = typeof __propDef.props;
+export type BadgeEvents = typeof __propDef.events;
+export type BadgeSlots = typeof __propDef.slots;
 export default class Badge extends SvelteComponentTyped<BadgeProps, BadgeEvents, BadgeSlots> {
 }
 export {};

package/breadcrumbs/Breadcrumb.svelte.d.ts

@@ -14,9 +14,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type BreadcrumbProps = typeof __propDef.props;
-export declare type BreadcrumbEvents = typeof __propDef.events;
-export declare type BreadcrumbSlots = typeof __propDef.slots;
+export type BreadcrumbProps = typeof __propDef.props;
+export type BreadcrumbEvents = typeof __propDef.events;
+export type BreadcrumbSlots = typeof __propDef.slots;
 export default class Breadcrumb extends SvelteComponentTyped<BreadcrumbProps, BreadcrumbEvents, BreadcrumbSlots> {
 }
 export {};

package/breadcrumbs/BreadcrumbItem.svelte.d.ts

@@ -16,9 +16,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type BreadcrumbItemProps = typeof __propDef.props;
-export declare type BreadcrumbItemEvents = typeof __propDef.events;
-export declare type BreadcrumbItemSlots = typeof __propDef.slots;
+export type BreadcrumbItemProps = typeof __propDef.props;
+export type BreadcrumbItemEvents = typeof __propDef.events;
+export type BreadcrumbItemSlots = typeof __propDef.slots;
 export default class BreadcrumbItem extends SvelteComponentTyped<BreadcrumbItemProps, BreadcrumbItemEvents, BreadcrumbItemSlots> {
 }
 export {};

package/buttongroups/ButtonGroup.svelte.d.ts

@@ -13,9 +13,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type ButtonGroupProps = typeof __propDef.props;
-export declare type ButtonGroupEvents = typeof __propDef.events;
-export declare type ButtonGroupSlots = typeof __propDef.slots;
+export type ButtonGroupProps = typeof __propDef.props;
+export type ButtonGroupEvents = typeof __propDef.events;
+export type ButtonGroupSlots = typeof __propDef.slots;
 export default class ButtonGroup extends SvelteComponentTyped<ButtonGroupProps, ButtonGroupEvents, ButtonGroupSlots> {
 }
 export {};

package/buttons/Button.svelte.d.ts

@@ -27,9 +27,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type ButtonProps = typeof __propDef.props;
-export declare type ButtonEvents = typeof __propDef.events;
-export declare type ButtonSlots = typeof __propDef.slots;
+export type ButtonProps = typeof __propDef.props;
+export type ButtonEvents = typeof __propDef.events;
+export type ButtonSlots = typeof __propDef.slots;
 export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
 }
 export {};

package/cards/Card.svelte.d.ts

@@ -17,9 +17,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type CardProps = typeof __propDef.props;
-export declare type CardEvents = typeof __propDef.events;
-export declare type CardSlots = typeof __propDef.slots;
+export type CardProps = typeof __propDef.props;
+export type CardEvents = typeof __propDef.events;
+export type CardSlots = typeof __propDef.slots;
 export default class Card extends SvelteComponentTyped<CardProps, CardEvents, CardSlots> {
 }
 export {};

package/carousels/Caption.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type CaptionProps = typeof __propDef.props;
-export declare type CaptionEvents = typeof __propDef.events;
-export declare type CaptionSlots = typeof __propDef.slots;
+export type CaptionProps = typeof __propDef.props;
+export type CaptionEvents = typeof __propDef.events;
+export type CaptionSlots = typeof __propDef.slots;
 export default class Caption extends SvelteComponentTyped<CaptionProps, CaptionEvents, CaptionSlots> {
 }
 export {};

package/carousels/Carousel.svelte.d.ts

@@ -22,9 +22,9 @@ declare const __propDef: {
         next: {};
     };
 };
-export declare type CarouselProps = typeof __propDef.props;
-export declare type CarouselEvents = typeof __propDef.events;
-export declare type CarouselSlots = typeof __propDef.slots;
+export type CarouselProps = typeof __propDef.props;
+export type CarouselEvents = typeof __propDef.events;
+export type CarouselSlots = typeof __propDef.slots;
 export default class Carousel extends SvelteComponentTyped<CarouselProps, CarouselEvents, CarouselSlots> {
 }
 export {};

package/carousels/CarouselTransition.svelte.d.ts

@@ -24,9 +24,9 @@ declare const __propDef: {
         next: {};
     };
 };
-export declare type CarouselTransitionProps = typeof __propDef.props;
-export declare type CarouselTransitionEvents = typeof __propDef.events;
-export declare type CarouselTransitionSlots = typeof __propDef.slots;
+export type CarouselTransitionProps = typeof __propDef.props;
+export type CarouselTransitionEvents = typeof __propDef.events;
+export type CarouselTransitionSlots = typeof __propDef.slots;
 export default class CarouselTransition extends SvelteComponentTyped<CarouselTransitionProps, CarouselTransitionEvents, CarouselTransitionSlots> {
 }
 export {};

package/carousels/Indicator.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type IndicatorProps = typeof __propDef.props;
-export declare type IndicatorEvents = typeof __propDef.events;
-export declare type IndicatorSlots = typeof __propDef.slots;
+export type IndicatorProps = typeof __propDef.props;
+export type IndicatorEvents = typeof __propDef.events;
+export type IndicatorSlots = typeof __propDef.slots;
 export default class Indicator extends SvelteComponentTyped<IndicatorProps, IndicatorEvents, IndicatorSlots> {
 }
 export {};

package/carousels/Slide.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type SlideProps = typeof __propDef.props;
-export declare type SlideEvents = typeof __propDef.events;
-export declare type SlideSlots = typeof __propDef.slots;
+export type SlideProps = typeof __propDef.props;
+export type SlideEvents = typeof __propDef.events;
+export type SlideSlots = typeof __propDef.slots;
 export default class Slide extends SvelteComponentTyped<SlideProps, SlideEvents, SlideSlots> {
 }
 export {};

package/carousels/Thumbnail.svelte.d.ts

@@ -15,9 +15,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type ThumbnailProps = typeof __propDef.props;
-export declare type ThumbnailEvents = typeof __propDef.events;
-export declare type ThumbnailSlots = typeof __propDef.slots;
+export type ThumbnailProps = typeof __propDef.props;
+export type ThumbnailEvents = typeof __propDef.events;
+export type ThumbnailSlots = typeof __propDef.slots;
 export default class Thumbnail extends SvelteComponentTyped<ThumbnailProps, ThumbnailEvents, ThumbnailSlots> {
 }
 export {};

package/darkmode/DarkMode.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
         darkIcon: {};
     };
 };
-export declare type DarkModeProps = typeof __propDef.props;
-export declare type DarkModeEvents = typeof __propDef.events;
-export declare type DarkModeSlots = typeof __propDef.slots;
+export type DarkModeProps = typeof __propDef.props;
+export type DarkModeEvents = typeof __propDef.events;
+export type DarkModeSlots = typeof __propDef.slots;
 export default class DarkMode extends SvelteComponentTyped<DarkModeProps, DarkModeEvents, DarkModeSlots> {
 }
 export {};

package/datepicker/Calender.svelte.d.ts

@@ -1,7 +1,9 @@
 /** @typedef {typeof __propDef.props}  CalenderProps */
 /** @typedef {typeof __propDef.events}  CalenderEvents */
 /** @typedef {typeof __propDef.slots}  CalenderSlots */
-export default class Calender extends SvelteComponentTyped<{}, {
+export default class Calender extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
 }
@@ -10,7 +12,9 @@ export type CalenderEvents = typeof __propDef.events;
 export type CalenderSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {};
+    props: {
+        [x: string]: never;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/datepicker/Datepicker.svelte.d.ts

@@ -17,9 +17,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type DatepickerProps = typeof __propDef.props;
-export declare type DatepickerEvents = typeof __propDef.events;
-export declare type DatepickerSlots = typeof __propDef.slots;
+export type DatepickerProps = typeof __propDef.props;
+export type DatepickerEvents = typeof __propDef.events;
+export type DatepickerSlots = typeof __propDef.slots;
 export default class Datepicker extends SvelteComponentTyped<DatepickerProps, DatepickerEvents, DatepickerSlots> {
 }
 export {};

package/drawer/Drawer.svelte.d.ts

@@ -29,9 +29,9 @@ declare const __propDef: {
         };
     };
 };
-export declare type DrawerProps = typeof __propDef.props;
-export declare type DrawerEvents = typeof __propDef.events;
-export declare type DrawerSlots = typeof __propDef.slots;
+export type DrawerProps = typeof __propDef.props;
+export type DrawerEvents = typeof __propDef.events;
+export type DrawerSlots = typeof __propDef.slots;
 export default class Drawer extends SvelteComponentTyped<DrawerProps, DrawerEvents, DrawerSlots> {
 }
 export {};

package/dropdowns/Dropdown.svelte.d.ts

@@ -16,9 +16,9 @@ declare const __propDef: {
         footer: {};
     };
 };
-export declare type DropdownProps = typeof __propDef.props;
-export declare type DropdownEvents = typeof __propDef.events;
-export declare type DropdownSlots = typeof __propDef.slots;
+export type DropdownProps = typeof __propDef.props;
+export type DropdownEvents = typeof __propDef.events;
+export type DropdownSlots = typeof __propDef.slots;
 export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
 }
 export {};

package/dropdowns/DropdownDivider.svelte.d.ts

@@ -9,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type DropdownDividerProps = typeof __propDef.props;
-export declare type DropdownDividerEvents = typeof __propDef.events;
-export declare type DropdownDividerSlots = typeof __propDef.slots;
+export type DropdownDividerProps = typeof __propDef.props;
+export type DropdownDividerEvents = typeof __propDef.events;
+export type DropdownDividerSlots = typeof __propDef.slots;
 export default class DropdownDivider extends SvelteComponentTyped<DropdownDividerProps, DropdownDividerEvents, DropdownDividerSlots> {
 }
 export {};

package/dropdowns/DropdownHeader.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type DropdownHeaderProps = typeof __propDef.props;
-export declare type DropdownHeaderEvents = typeof __propDef.events;
-export declare type DropdownHeaderSlots = typeof __propDef.slots;
+export type DropdownHeaderProps = typeof __propDef.props;
+export type DropdownHeaderEvents = typeof __propDef.events;
+export type DropdownHeaderSlots = typeof __propDef.slots;
 export default class DropdownHeader extends SvelteComponentTyped<DropdownHeaderProps, DropdownHeaderEvents, DropdownHeaderSlots> {
 }
 export {};

package/dropdowns/DropdownItem.svelte.d.ts

@@ -21,9 +21,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type DropdownItemProps = typeof __propDef.props;
-export declare type DropdownItemEvents = typeof __propDef.events;
-export declare type DropdownItemSlots = typeof __propDef.slots;
+export type DropdownItemProps = typeof __propDef.props;
+export type DropdownItemEvents = typeof __propDef.events;
+export type DropdownItemSlots = typeof __propDef.slots;
 export default class DropdownItem extends SvelteComponentTyped<DropdownItemProps, DropdownItemEvents, DropdownItemSlots> {
 }
 export {};

package/footer/Footer.svelte.d.ts

@@ -12,9 +12,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type FooterProps = typeof __propDef.props;
-export declare type FooterEvents = typeof __propDef.events;
-export declare type FooterSlots = typeof __propDef.slots;
+export type FooterProps = typeof __propDef.props;
+export type FooterEvents = typeof __propDef.events;
+export type FooterSlots = typeof __propDef.slots;
 export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {
 }
 export {};

package/footer/FooterBrand.svelte.d.ts

@@ -18,9 +18,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type FooterBrandProps = typeof __propDef.props;
-export declare type FooterBrandEvents = typeof __propDef.events;
-export declare type FooterBrandSlots = typeof __propDef.slots;
+export type FooterBrandProps = typeof __propDef.props;
+export type FooterBrandEvents = typeof __propDef.events;
+export type FooterBrandSlots = typeof __propDef.slots;
 export default class FooterBrand extends SvelteComponentTyped<FooterBrandProps, FooterBrandEvents, FooterBrandSlots> {
 }
 export {};

package/footer/FooterCopyright.svelte.d.ts

@@ -14,9 +14,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export declare type FooterCopyrightProps = typeof __propDef.props;
-export declare type FooterCopyrightEvents = typeof __propDef.events;
-export declare type FooterCopyrightSlots = typeof __propDef.slots;
+export type FooterCopyrightProps = typeof __propDef.props;
+export type FooterCopyrightEvents = typeof __propDef.events;
+export type FooterCopyrightSlots = typeof __propDef.slots;
 export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps, FooterCopyrightEvents, FooterCopyrightSlots> {
 }
 export {};

package/footer/FooterIcon.svelte.d.ts

@@ -14,9 +14,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type FooterIconProps = typeof __propDef.props;
-export declare type FooterIconEvents = typeof __propDef.events;
-export declare type FooterIconSlots = typeof __propDef.slots;
+export type FooterIconProps = typeof __propDef.props;
+export type FooterIconEvents = typeof __propDef.events;
+export type FooterIconSlots = typeof __propDef.slots;
 export default class FooterIcon extends SvelteComponentTyped<FooterIconProps, FooterIconEvents, FooterIconSlots> {
 }
 export {};

package/footer/FooterLink.svelte.d.ts

@@ -14,9 +14,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type FooterLinkProps = typeof __propDef.props;
-export declare type FooterLinkEvents = typeof __propDef.events;
-export declare type FooterLinkSlots = typeof __propDef.slots;
+export type FooterLinkProps = typeof __propDef.props;
+export type FooterLinkEvents = typeof __propDef.events;
+export type FooterLinkSlots = typeof __propDef.slots;
 export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {
 }
 export {};

package/footer/FooterLinkGroup.svelte.d.ts

@@ -11,9 +11,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type FooterLinkGroupProps = typeof __propDef.props;
-export declare type FooterLinkGroupEvents = typeof __propDef.events;
-export declare type FooterLinkGroupSlots = typeof __propDef.slots;
+export type FooterLinkGroupProps = typeof __propDef.props;
+export type FooterLinkGroupEvents = typeof __propDef.events;
+export type FooterLinkGroupSlots = typeof __propDef.slots;
 export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps, FooterLinkGroupEvents, FooterLinkGroupSlots> {
 }
 export {};

package/forms/Checkbox.svelte.d.ts

@@ -29,9 +29,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type CheckboxProps = typeof __propDef.props;
-export declare type CheckboxEvents = typeof __propDef.events;
-export declare type CheckboxSlots = typeof __propDef.slots;
+export type CheckboxProps = typeof __propDef.props;
+export type CheckboxEvents = typeof __propDef.events;
+export type CheckboxSlots = typeof __propDef.slots;
 export default class Checkbox extends SvelteComponentTyped<CheckboxProps, CheckboxEvents, CheckboxSlots> {
 }
 export {};

package/forms/Dropzone.svelte

@@ -1,26 +1,29 @@
-<script>export let value = '';
-export let divClass = 'flex justify-center items-center w-full';
-export let labelClass = '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 let innerDivClass = 'flex flex-col justify-center items-center pt-5 pb-6';
+<script>import classNames from 'classnames';
+export let value = '';
+export let files = undefined;
+export let 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';
+let input;
+function keydown(ev) {
+    if ([' ', 'Enter'].includes(ev.key)) {
+        ev.preventDefault();
+        input.click();
+    }
+}
 </script>
 
-<div class={divClass}>
-	<label for="dropzone-file" class={labelClass}>
-		<div class={innerDivClass}>
-			<slot />
-		</div>
-		<input
-			{...$$restProps}
-			bind:value
-			type="file"
-			class="hidden"
-			on:click
-			on:change
-			on:focus
-			on:blur
-			on:mouseenter
-			on:mouseleave
-			on:mouseover
-		/>
-	</label>
-</div>
+<label
+  class={classNames(defaultClass, $$props.class)}
+  tabIndex="0"
+  on:keydown={keydown}
+  on:focus
+  on:blur
+  on:mouseenter
+  on:mouseleave
+  on:mouseover
+  on:dragenter
+  on:dragleave
+  on:dragover
+  on:drop>
+  <slot />
+  <input {...$$restProps} bind:value bind:files bind:this={input} type="file" class="hidden" on:change on:click />
+</label>

package/forms/Dropzone.svelte.d.ts

@@ -3,18 +3,21 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         value?: string | undefined;
-        divClass?: string | undefined;
-        labelClass?: string | undefined;
-        innerDivClass?: string | undefined;
+        files?: FileList | undefined;
+        defaultClass?: string | undefined;
     };
     events: {
-        click: MouseEvent;
-        change: Event;
         focus: FocusEvent;
         blur: FocusEvent;
         mouseenter: MouseEvent;
         mouseleave: MouseEvent;
         mouseover: MouseEvent;
+        dragenter: DragEvent;
+        dragleave: DragEvent;
+        dragover: DragEvent;
+        drop: DragEvent;
+        change: Event;
+        click: MouseEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };
@@ -22,9 +25,9 @@ declare const __propDef: {
         default: {};
     };
 };
-export declare type DropzoneProps = typeof __propDef.props;
-export declare type DropzoneEvents = typeof __propDef.events;
-export declare type DropzoneSlots = typeof __propDef.slots;
+export type DropzoneProps = typeof __propDef.props;
+export type DropzoneEvents = typeof __propDef.events;
+export type DropzoneSlots = typeof __propDef.slots;
 export default class Dropzone extends SvelteComponentTyped<DropzoneProps, DropzoneEvents, DropzoneSlots> {
 }
 export {};