flowbite-svelte 0.36.4 → 0.37.1

package/dist/dropdowns/Dropdown.svelte

@@ -2,6 +2,9 @@
 import Popper from '../utils/Popper.svelte';
 export let open = false;
 export let frameClass = '';
+export let headerClass = 'py-1 overflow-hidden rounded-t';
+export let ulClass = 'py-1 w-44';
+export let footerClass = 'py-1 overflow-hidden rounded-b';
 $: {
     // set default values
     $$restProps.arrow = $$restProps.arrow ?? false;
@@ -17,16 +20,67 @@ $: popoverClass = classNames('divide-y divide-gray-100 dark:divide-gray-600', fr
 
 <Popper activeContent {...$$restProps} class={popoverClass} on:show bind:open>
   {#if $$slots.header}
-    <div class="py-1 overflow-hidden rounded-t">
+    <div class={headerClass}>
       <slot name="header" />
     </div>
   {/if}
-  <ul class={$$props.class ?? 'py-1 w-44'}>
+  <ul class={$$props.class ?? { ulClass }}>
     <slot />
   </ul>
   {#if $$slots.footer}
-    <div class="py-1  overflow-hidden rounded-b">
+    <div class={footerClass}>
       <slot name="footer" />
     </div>
   {/if}
 </Popper>
+
+<!--
+  @component
+  ## Features
+  [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+  - Setup
+  - Examples
+  - Dropdown divider
+  - Dropdown header
+  - Multi-level dropdown
+  - Programatic open/close
+  - Dropdown with checkbox
+  - Background hover
+  - Helper text
+  - Dropdown with radio
+  - Background hover
+  - Helper text
+  - Dropdown with toggle switch
+  - Dropdown navbar
+  - Dropdown with scrolling
+  - Dropdown with search
+  - Menu icon
+  - Notification bell
+  - User avatar
+  - Avatar with name
+  - Sizes
+  - Placement
+  - Double placement
+  - Events
+  ## Props
+  @prop open: boolean = false;
+  @prop frameClass: string = '';
+  @prop headerClass: string = 'py-1 overflow-hidden rounded-t';
+  @prop ulClass: string = 'py-1 w-44';
+  @prop footerClass: string = 'py-1 overflow-hidden rounded-b';
+  ## Example
+  ```
+  <script>
+    import { Button, Dropdown, DropdownItem, Chevron } from 'flowbite-svelte'
+  </script>
+  
+  <Button><Chevron>Dropdown button</Chevron></Button>
+  <Dropdown >
+    <DropdownItem>Dashboard</DropdownItem>
+    <DropdownItem>Settings</DropdownItem>
+    <DropdownItem>Earnings</DropdownItem>
+    <DropdownItem>Sign out</DropdownItem>
+  </Dropdown>
+  ```
+
+-->

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

@@ -4,6 +4,9 @@ declare const __propDef: {
         [x: string]: any;
         open?: boolean | undefined;
         frameClass?: string | undefined;
+        headerClass?: string | undefined;
+        ulClass?: string | undefined;
+        footerClass?: string | undefined;
     };
     events: {
         show: CustomEvent<any>;
@@ -19,6 +22,54 @@ declare const __propDef: {
 export type DropdownProps = typeof __propDef.props;
 export type DropdownEvents = typeof __propDef.events;
 export type DropdownSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+ * - Setup
+ * - Examples
+ * - Dropdown divider
+ * - Dropdown header
+ * - Multi-level dropdown
+ * - Programatic open/close
+ * - Dropdown with checkbox
+ * - Background hover
+ * - Helper text
+ * - Dropdown with radio
+ * - Background hover
+ * - Helper text
+ * - Dropdown with toggle switch
+ * - Dropdown navbar
+ * - Dropdown with scrolling
+ * - Dropdown with search
+ * - Menu icon
+ * - Notification bell
+ * - User avatar
+ * - Avatar with name
+ * - Sizes
+ * - Placement
+ * - Double placement
+ * - Events
+ * ## Props
+ * @prop open: boolean = false;
+ * @prop frameClass: string = '';
+ * @prop headerClass: string = 'py-1 overflow-hidden rounded-t';
+ * @prop ulClass: string = 'py-1 w-44';
+ * @prop footerClass: string = 'py-1 overflow-hidden rounded-b';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Button, Dropdown, DropdownItem, Chevron } from 'flowbite-svelte'
+ * </script>
+ *
+ * <Button><Chevron>Dropdown button</Chevron></Button>
+ * <Dropdown >
+ *   <DropdownItem>Dashboard</DropdownItem>
+ *   <DropdownItem>Settings</DropdownItem>
+ *   <DropdownItem>Earnings</DropdownItem>
+ *   <DropdownItem>Sign out</DropdownItem>
+ * </Dropdown>
+ * ```
+ */
 export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,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":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/Dropdown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/dropdowns/DropdownDivider.svelte

@@ -3,3 +3,11 @@ export let divClass = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
 </script>
 
 <div {...$$restProps} class={classNames(divClass, $$props.class)} />
+
+<!--
+  @component
+  ## Features
+  [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+  ## Props
+  @prop  divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+-->

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

@@ -12,6 +12,12 @@ declare const __propDef: {
 export type DropdownDividerProps = typeof __propDef.props;
 export type DropdownDividerEvents = typeof __propDef.events;
 export type DropdownDividerSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+ * ## Props
+ * @prop  divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+ */
 export default class DropdownDivider extends SvelteComponentTyped<DropdownDividerProps, DropdownDividerEvents, DropdownDividerSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownDivider.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/DropdownDivider.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAYD,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":"DropdownDivider.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/DropdownDivider.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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/dropdowns/DropdownHeader.svelte

@@ -1,13 +1,21 @@
 <script>import classNames from 'classnames';
 import DropdownDivider from './DropdownDivider.svelte';
 export let divClass = 'py-2 px-4 text-gray-700 dark:text-white';
-// 'block py-2 px-4 text-sm text-gray-700 dark:text-gray-200';
 export let divider = true;
 </script>
 
 <div {...$$restProps} class={classNames(divClass, $$props.class)}>
-	<slot />
+  <slot />
 </div>
 {#if divider}
-	<DropdownDivider />
+  <DropdownDivider />
 {/if}
+
+<!--
+  @component
+  ## Features
+  [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+  ## Props
+  @prop divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
+  @prop divider: boolean = true;
+-->

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

@@ -15,6 +15,13 @@ declare const __propDef: {
 export type DropdownHeaderProps = typeof __propDef.props;
 export type DropdownHeaderEvents = typeof __propDef.events;
 export type DropdownHeaderSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Dropdown](https://flowbite-svelte.com/docs/components/dropdown)
+ * ## Props
+ * @prop divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
+ * @prop divider: boolean = true;
+ */
 export default class DropdownHeader extends SvelteComponentTyped<DropdownHeaderProps, DropdownHeaderEvents, DropdownHeaderSlots> {
 }
 export {};

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

@@ -3,5 +3,13 @@ export let ulClass = 'text-gray-600 dark:text-gray-400';
 </script>
 
 <ul class={classNames(ulClass, $$props.class)}>
-	<slot />
+  <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>
+  ```
+-->