flowbite-svelte 0.36.5 → 0.37.1

package/dist/dropdowns/DropdownHeader.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownHeader.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/DropdownHeader.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
+{"version":3,"file":"DropdownHeader.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/DropdownHeader.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

package/dist/dropdowns/DropdownItem.svelte

@@ -28,3 +28,21 @@ function init(node) {
     <slot />
   </svelte:element>
 </Wrapper>
+
+<!--
+  @component
+  ## Features
+  [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+  ## Props
+  @prop defaultClass: string = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
+  @prop href: string | undefined = undefined;
+  ## Event
+  - on:click
+  - on:change
+  - on:keydown
+  - on:keyup
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+-->

package/dist/dropdowns/DropdownItem.svelte.d.ts

@@ -24,6 +24,22 @@ declare const __propDef: {
 export type DropdownItemProps = typeof __propDef.props;
 export type DropdownItemEvents = typeof __propDef.events;
 export type DropdownItemSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+ * ## Props
+ * @prop defaultClass: string = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
+ * @prop href: string | undefined = undefined;
+ * ## Event
+ * - on:click
+ * - on:change
+ * - on:keydown
+ * - on:keyup
+ * - on:focus
+ * - on:blur
+ * - on:mouseenter
+ * - on:mouseleave
+ */
 export default class DropdownItem extends SvelteComponentTyped<DropdownItemProps, DropdownItemEvents, DropdownItemSlots> {
 }
 export {};

package/dist/dropdowns/DropdownItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/DropdownItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,QAAA,MAAM,SAAS;;;;eAD6E,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;CAChC,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
+{"version":3,"file":"DropdownItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/DropdownItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8BD,QAAA,MAAM,SAAS;;;;eAD6E,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;CAChC,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/footer/Footer.svelte

@@ -19,3 +19,34 @@ export let footerType = 'default';
   )}>
   <slot />
 </footer>
+
+<!--
+  @component
+  ## Feature
+  [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+  - Setup
+  - Default footer
+  - Footer with logo
+  - Social media icons
+  - Sitemap links
+  - Sticky footer
+  ## Props
+  @prop customClass: string = '';
+  @prop footerType: 'custom' | 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
+  ## Example
+  ```
+  <script>
+    import { Footer, FooterCopyright, FooterLinkGroup, FooterLink } from 'flowbite-svelte'
+  </script>
+
+  <Footer>
+    <FooterCopyright href="/" by="Flowbite™" year={2022} />
+    <FooterLinkGroup ulClass="flex flex-wrap items-center mt-3 text-sm text-gray-500 dark:text-gray-400 sm:mt-0">
+      <FooterLink href="/">About</FooterLink>
+      <FooterLink href="/">Privacy Policy</FooterLink>
+      <FooterLink href="/">Licensing</FooterLink>
+      <FooterLink href="/">Contact</FooterLink>
+    </FooterLinkGroup>
+  </Footer>
+```
+-->

package/dist/footer/Footer.svelte.d.ts

@@ -15,6 +15,35 @@ declare const __propDef: {
 export type FooterProps = typeof __propDef.props;
 export type FooterEvents = typeof __propDef.events;
 export type FooterSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+ * - Setup
+ * - Default footer
+ * - Footer with logo
+ * - Social media icons
+ * - Sitemap links
+ * - Sticky footer
+ * ## Props
+ * @prop customClass: string = '';
+ * @prop footerType: 'custom' | 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Footer, FooterCopyright, FooterLinkGroup, FooterLink } from 'flowbite-svelte'
+ * </script>
+ *
+ * <Footer>
+ *   <FooterCopyright href="/" by="Flowbite™" year={2022} />
+ *   <FooterLinkGroup ulClass="flex flex-wrap items-center mt-3 text-sm text-gray-500 dark:text-gray-400 sm:mt-0">
+ *     <FooterLink href="/">About</FooterLink>
+ *     <FooterLink href="/">Privacy Policy</FooterLink>
+ *     <FooterLink href="/">Licensing</FooterLink>
+ *     <FooterLink href="/">Contact</FooterLink>
+ *   </FooterLinkGroup>
+ * </Footer>
+ * ```
+ */
 export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {
 }
 export {};

package/dist/footer/Footer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/Footer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0BD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Footer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/Footer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/footer/FooterBrand.svelte

@@ -18,3 +18,18 @@ export let target = undefined;
 {:else}
   <img {...$$restProps} {src} class={imgClass} {alt} />
 {/if}
+
+<!--
+  @component
+  ## Feature
+  [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+  ## Props
+  @prop aClass: string = 'flex items-center';
+  @prop spanClass: string = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
+  @prop imgClass: string = 'mr-3 h-8';
+  @prop href: string = '';
+  @prop src: string = '';
+  @prop alt: string = '';
+  @prop name: string = '';
+  @prop target: string | undefined = undefined;
+-->

package/dist/footer/FooterBrand.svelte.d.ts

@@ -21,6 +21,19 @@ declare const __propDef: {
 export type FooterBrandProps = typeof __propDef.props;
 export type FooterBrandEvents = typeof __propDef.events;
 export type FooterBrandSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+ * ## Props
+ * @prop aClass: string = 'flex items-center';
+ * @prop spanClass: string = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
+ * @prop imgClass: string = 'mr-3 h-8';
+ * @prop href: string = '';
+ * @prop src: string = '';
+ * @prop alt: string = '';
+ * @prop name: string = '';
+ * @prop target: string | undefined = undefined;
+ */
 export default class FooterBrand extends SvelteComponentTyped<FooterBrandProps, FooterBrandEvents, FooterBrandSlots> {
 }
 export {};

package/dist/footer/FooterBrand.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterBrand.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterBrand.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2BD,QAAA,MAAM,SAAS;;;;;;;;;;iBAD8P,MAAM,GAAG,SAAS;;;;;;;;CACjN,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"FooterBrand.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterBrand.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6BD,QAAA,MAAM,SAAS;;;;;;;;;;iBAD8P,MAAM,GAAG,SAAS;;;;;;;;CACjN,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/footer/FooterCopyright.svelte

@@ -19,3 +19,17 @@ export let copyrightMessage = 'All Rights Reserved.';
   {/if}
   {copyrightMessage}
 </span>
+
+<!--
+  @component
+  ## Feature
+  [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+  ## Props
+  @prop spanClass: string = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
+  @prop aClass: string = 'hover:underline';
+  @prop year: number = new Date().getFullYear();
+  @prop href: string = '';
+  @prop by: string = '';
+  @prop target: string | undefined = undefined;
+  @prop copyrightMessage: string = 'All Rights Reserved.'; 
+-->

package/dist/footer/FooterCopyright.svelte.d.ts

@@ -18,6 +18,18 @@ declare const __propDef: {
 export type FooterCopyrightProps = typeof __propDef.props;
 export type FooterCopyrightEvents = typeof __propDef.events;
 export type FooterCopyrightSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+ * ## Props
+ * @prop spanClass: string = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
+ * @prop aClass: string = 'hover:underline';
+ * @prop year: number = new Date().getFullYear();
+ * @prop href: string = '';
+ * @prop by: string = '';
+ * @prop target: string | undefined = undefined;
+ * @prop copyrightMessage: string = 'All Rights Reserved.';
+ */
 export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps, FooterCopyrightEvents, FooterCopyrightSlots> {
 }
 export {};

package/dist/footer/FooterCopyright.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterCopyright.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterCopyright.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,QAAA,MAAM,SAAS;;;;;;;;iBAD+N,MAAM,GAAG,SAAS;;;;;;;CAClL,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
+{"version":3,"file":"FooterCopyright.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterCopyright.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8BD,QAAA,MAAM,SAAS;;;;;;;;iBAD+N,MAAM,GAAG,SAAS;;;;;;;CAClL,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/footer/FooterIcon.svelte

@@ -12,3 +12,14 @@ export let target = undefined;
 {:else}
   <slot />
 {/if}
+
+<!--
+  @component
+  ## Feature
+  [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+  ## Props
+  @prop href: string = '';
+  @prop ariaLabel: string = '';
+  @prop aClass: string = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+  @prop target: string | undefined = undefined;
+-->

package/dist/footer/FooterIcon.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type FooterIconProps = typeof __propDef.props;
 export type FooterIconEvents = typeof __propDef.events;
 export type FooterIconSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+ * ## Props
+ * @prop href: string = '';
+ * @prop ariaLabel: string = '';
+ * @prop aClass: string = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+ * @prop target: string | undefined = undefined;
+ */
 export default class FooterIcon extends SvelteComponentTyped<FooterIconProps, FooterIconEvents, FooterIconSlots> {
 }
 export {};

package/dist/footer/FooterIcon.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterIcon.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;iBADwI,MAAM,GAAG,SAAS;;;;;;;;CAC3F,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"FooterIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterIcon.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuBD,QAAA,MAAM,SAAS;;;;;;iBADwI,MAAM,GAAG,SAAS;;;;;;;;CAC3F,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/footer/FooterLink.svelte

@@ -10,3 +10,14 @@ export let target = undefined;
     <slot />
   </a>
 </li>
+
+<!--
+  @component
+  ## Feature
+  [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+  ## Props
+  @prop liClass: string = 'mr-4 last:mr-0 md:mr-6';
+  @prop aClass: string = 'hover:underline';
+  @prop href: string = '';
+  @prop target: string | undefined = undefined;
+-->

package/dist/footer/FooterLink.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type FooterLinkProps = typeof __propDef.props;
 export type FooterLinkEvents = typeof __propDef.events;
 export type FooterLinkSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+ * ## Props
+ * @prop liClass: string = 'mr-4 last:mr-0 md:mr-6';
+ * @prop aClass: string = 'hover:underline';
+ * @prop href: string = '';
+ * @prop target: string | undefined = undefined;
+ */
 export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {
 }
 export {};

package/dist/footer/FooterLink.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterLink.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterLink.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;iBADkI,MAAM,GAAG,SAAS;;;;;;;;CACrF,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"FooterLink.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterLink.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;iBADkI,MAAM,GAAG,SAAS;;;;;;;;CACrF,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/footer/FooterLinkGroup.svelte

@@ -5,3 +5,11 @@ export let ulClass = 'text-gray-600 dark:text-gray-400';
 <ul class={classNames(ulClass, $$props.class)}>
   <slot />
 </ul>
+
+<!--
+  @component
+  ## Feature
+  [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+  ## Props
+  @prop ulClass: string = 'text-gray-600 dark:text-gray-400';
+-->

package/dist/footer/FooterLinkGroup.svelte.d.ts

@@ -14,6 +14,12 @@ declare const __propDef: {
 export type FooterLinkGroupProps = typeof __propDef.props;
 export type FooterLinkGroupEvents = typeof __propDef.events;
 export type FooterLinkGroupSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
+ * ## Props
+ * @prop ulClass: string = 'text-gray-600 dark:text-gray-400';
+ */
 export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps, FooterLinkGroupEvents, FooterLinkGroupSlots> {
 }
 export {};

package/dist/footer/FooterLinkGroup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterLinkGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterLinkGroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAcD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
+{"version":3,"file":"FooterLinkGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterLinkGroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/forms/Checkbox.svelte

@@ -6,7 +6,7 @@ export let color = 'blue';
 export let custom = false;
 export let inline = false;
 export let group = [];
-export let value = '';
+export let value = 'on';
 export let checked = undefined;
 // tinted if put in component having its own background
 let background = getContext('background');
@@ -64,3 +64,51 @@ function onChange() {
     {...$$restProps}
     class={inputClass(custom, color, true, background, $$slots.default || $$props.class)} /><slot />
 </Label>
+
+<!--
+  @component
+  ## Feature
+  [Go to Checkbox](https://flowbite-svelte.com/docs/forms/checkbox)
+  - Setup
+  - Checkbox examples
+  - Disabled state
+  - Alternative syntax
+  - Checkbox with a link
+  - Helper text
+  - Bordered
+  - Checkbox list group
+  - Horizontal list group
+  - Checkbox dropdown
+  - Inline layout
+  - Colors
+  - Advanced layout
+  - Group variable
+  ## Props
+  @prop color: FormColorType = 'blue';
+  @prop custom: boolean = false;
+  @prop inline: boolean = false;
+  @prop group: (string | number)[] = [];
+  @prop value: string | number = 'on';
+  @prop checked: boolean | undefined = undefined;
+  ## Event
+  - on:keyup
+  - on:keydown
+  - on:keypress
+  - on:focus
+  - on:blur
+  - on:click
+  - on:mouseover
+  - on:mouseenter
+  - on:mouseleave
+  - on:paste
+  - on:change
+  ## Example
+  ```
+  <script>
+    import { Checkbox } from 'flowbite-svelte'
+  </script>
+  
+  <Checkbox>Default checkbox</Checkbox>
+  <Checkbox checked>Checked state</Checkbox>
+  ```
+-->

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

@@ -32,6 +32,52 @@ declare const __propDef: {
 export type CheckboxProps = typeof __propDef.props;
 export type CheckboxEvents = typeof __propDef.events;
 export type CheckboxSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to Checkbox](https://flowbite-svelte.com/docs/forms/checkbox)
+ * - Setup
+ * - Checkbox examples
+ * - Disabled state
+ * - Alternative syntax
+ * - Checkbox with a link
+ * - Helper text
+ * - Bordered
+ * - Checkbox list group
+ * - Horizontal list group
+ * - Checkbox dropdown
+ * - Inline layout
+ * - Colors
+ * - Advanced layout
+ * - Group variable
+ * ## Props
+ * @prop color: FormColorType = 'blue';
+ * @prop custom: boolean = false;
+ * @prop inline: boolean = false;
+ * @prop group: (string | number)[] = [];
+ * @prop value: string | number = 'on';
+ * @prop checked: boolean | undefined = undefined;
+ * ## Event
+ * - on:keyup
+ * - on:keydown
+ * - on:keypress
+ * - on:focus
+ * - on:blur
+ * - on:click
+ * - on:mouseover
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:paste
+ * - on:change
+ * ## Example
+ * ```
+ * <script>
+ *   import { Checkbox } from 'flowbite-svelte'
+ * </script>
+ *
+ * <Checkbox>Default checkbox</Checkbox>
+ * <Checkbox checked>Checked state</Checkbox>
+ * ```
+ */
 export default class Checkbox extends SvelteComponentTyped<CheckboxProps, CheckboxEvents, CheckboxSlots> {
 }
 export {};

package/dist/forms/Checkbox.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Checkbox.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA8D9C,QAAA,MAAM,SAAS;;;;;;;;kBADkO,OAAO,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;CACtL,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Checkbox.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA+D9C,QAAA,MAAM,SAAS;;;;;;;;kBADkO,OAAO,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;CACtL,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/forms/Dropzone.svelte

@@ -35,3 +35,35 @@ function keydown(ev) {
     on:change
     on:click />
 </label>
+
+<!--
+  @component
+  ## Feature
+  [Go to File Input](https://flowbite-svelte.com/docs/forms/file-input)
+  ## Props
+  @prop value: string = '';
+  @prop files: FileList | undefined = undefined;
+  @prop defaultClass: string = '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';
+  ## Event
+  - on:focus
+  - on:blur
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+  - on:dragenter
+  - on:dragleave
+  - on:dragover
+  - on:drop
+  ## Example
+  ```
+  <script>
+    import { Dropzone } from 'flowbite-svelte'
+  </script>
+  
+  <Dropzone id='dropzone'>
+    <svg aria-hidden="true" class="mb-3 w-10 h-10 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path></svg>
+    <p class="mb-2 text-sm text-gray-500 dark:text-gray-400"><span class="font-semibold">Click to upload</span> or drag and drop</p>
+    <p class="text-xs text-gray-500 dark:text-gray-400">SVG, PNG, JPG or GIF (MAX. 800x400px)</p>
+  </Dropzone>
+  ```
+-->

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

@@ -28,6 +28,36 @@ declare const __propDef: {
 export type DropzoneProps = typeof __propDef.props;
 export type DropzoneEvents = typeof __propDef.events;
 export type DropzoneSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to File Input](https://flowbite-svelte.com/docs/forms/file-input)
+ * ## Props
+ * @prop value: string = '';
+ * @prop files: FileList | undefined = undefined;
+ * @prop defaultClass: string = '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';
+ * ## Event
+ * - on:focus
+ * - on:blur
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:mouseover
+ * - on:dragenter
+ * - on:dragleave
+ * - on:dragover
+ * - on:drop
+ * ## Example
+ * ```
+ * <script>
+ *   import { Dropzone } from 'flowbite-svelte'
+ * </script>
+ *
+ * <Dropzone id='dropzone'>
+ *   <svg aria-hidden="true" class="mb-3 w-10 h-10 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path></svg>
+ *   <p class="mb-2 text-sm text-gray-500 dark:text-gray-400"><span class="font-semibold">Click to upload</span> or drag and drop</p>
+ *   <p class="text-xs text-gray-500 dark:text-gray-400">SVG, PNG, JPG or GIF (MAX. 800x400px)</p>
+ * </Dropzone>
+ * ```
+ */
 export default class Dropzone extends SvelteComponentTyped<DropzoneProps, DropzoneEvents, DropzoneSlots> {
 }
 export {};

package/dist/forms/Dropzone.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Dropzone.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,QAAA,MAAM,SAAS;;;;gBADwF,QAAQ,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CAC7C,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Dropzone.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Dropzone.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8BD,QAAA,MAAM,SAAS;;;;gBADwF,QAAQ,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CAC7C,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/forms/Fileupload.svelte

@@ -23,3 +23,38 @@ export let inputClass = 'border !p-0 dark:text-gray-400';
     bind:files
     {...props} />
 </Input>
+
+<!--
+  @component
+  ## Feature
+  [Go to File Input](https://flowbite-svelte.com/docs/forms/file-input)
+  ## Props
+  @prop value: string = '';
+  @prop files: FileList | undefined = undefined;
+  @prop inputClass: string = 'border !p-0 dark:text-gray-400';
+  ## Event
+  - on:change
+  - on:keyup
+  - on:keydown
+  - on:keypress
+  - on:focus
+  - on:blur
+  - on:click
+  - on:mouseover
+  - on:mouseenter
+  - on:mouseleave
+  - on:paste
+  ## Example
+  ```
+  <script>
+    import { Fileupload, Label } from 'flowbite-svelte'
+    let value;
+  </script>
+
+  <Label class="space-y-2 mb-2">
+    <span>Upload file</span>
+    <Fileupload bind:value/>
+  </Label>
+  <Label>File: {value }</Label>
+  ```
+-->

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

@@ -26,6 +26,39 @@ declare const __propDef: {
 export type FileuploadProps = typeof __propDef.props;
 export type FileuploadEvents = typeof __propDef.events;
 export type FileuploadSlots = typeof __propDef.slots;
+/**
+ * ## Feature
+ * [Go to File Input](https://flowbite-svelte.com/docs/forms/file-input)
+ * ## Props
+ * @prop value: string = '';
+ * @prop files: FileList | undefined = undefined;
+ * @prop inputClass: string = 'border !p-0 dark:text-gray-400';
+ * ## Event
+ * - on:change
+ * - on:keyup
+ * - on:keydown
+ * - on:keypress
+ * - on:focus
+ * - on:blur
+ * - on:click
+ * - on:mouseover
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:paste
+ * ## Example
+ * ```
+ * <script>
+ *   import { Fileupload, Label } from 'flowbite-svelte'
+ *   let value;
+ * </script>
+ *
+ * <Label class="space-y-2 mb-2">
+ *   <span>Upload file</span>
+ *   <Fileupload bind:value/>
+ * </Label>
+ * <Label>File: {value }</Label>
+ * ```
+ */
 export default class Fileupload extends SvelteComponentTyped<FileuploadProps, FileuploadEvents, FileuploadSlots> {
 }
 export {};

package/dist/forms/Fileupload.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fileupload.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Fileupload.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;gBADoF,QAAQ,GAAG,SAAS;;;;;;;;;;;;;;;;;;;CACzC,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"Fileupload.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Fileupload.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;gBADoF,QAAQ,GAAG,SAAS;;;;;;;;;;;;;;;;;;;CACzC,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}