flowbite-svelte 0.44.1 → 0.44.4

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

@@ -19,16 +19,15 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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.';
+ * @prop export let spanClass: string = 'block text-sm text-gray-500 sm:text-center dark:text-gray-400';
+ * @prop export let aClass: string = 'hover:underline';
+ * @prop export let year: number = new Date().getFullYear();
+ * @prop export let href: string = '';
+ * @prop export let by: string = '';
+ * @prop export let target: string | undefined = undefined;
+ * @prop export let copyrightMessage: string = 'All Rights Reserved.';
  */
 export default class FooterCopyright extends SvelteComponentTyped<FooterCopyrightProps, FooterCopyrightEvents, FooterCopyrightSlots> {
 }

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

package/dist/footer/FooterIcon.svelte

@@ -14,12 +14,11 @@ export let target = undefined;
 {/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;
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let href: string = '';
+@prop export let ariaLabel: string = '';
+@prop export let aClass: string = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+@prop export let target: string | undefined = undefined;
 -->

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

@@ -18,13 +18,12 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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;
+ * @prop export let href: string = '';
+ * @prop export let ariaLabel: string = '';
+ * @prop export let aClass: string = 'text-gray-500 hover:text-gray-900 dark:hover:text-white';
+ * @prop export let target: string | undefined = undefined;
  */
 export default class FooterIcon extends SvelteComponentTyped<FooterIconProps, FooterIconEvents, FooterIconSlots> {
 }

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;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"}
+{"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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/footer/FooterLink.svelte

@@ -14,12 +14,11 @@ let aCls = twMerge(aClass, $$props.classA);
 </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;
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let liClass: string = 'mr-4 last:mr-0 md:mr-6';
+@prop export let aClass: string = 'hover:underline';
+@prop export let href: string = '';
+@prop export let target: string | undefined = undefined;
 -->

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

@@ -18,13 +18,12 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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;
+ * @prop export let liClass: string = 'mr-4 last:mr-0 md:mr-6';
+ * @prop export let aClass: string = 'hover:underline';
+ * @prop export let href: string = '';
+ * @prop export let target: string | undefined = undefined;
  */
 export default class FooterLink extends SvelteComponentTyped<FooterLinkProps, FooterLinkEvents, FooterLinkSlots> {
 }

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;AAwBD,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"}
+{"version":3,"file":"FooterLink.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterLink.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwBD,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/footer/FooterLinkGroup.svelte

@@ -7,9 +7,8 @@ export let ulClass = 'text-gray-600 dark:text-gray-400';
 </ul>
 
 <!--
-  @component
-  ## Feature
-  [Go to Footer](https://flowbite-svelte.com/docs/components/footer)
-  ## Props
-  @prop ulClass: string = 'text-gray-600 dark:text-gray-400';
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let ulClass: string = 'text-gray-600 dark:text-gray-400';
 -->

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

@@ -15,10 +15,9 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop ulClass: string = 'text-gray-600 dark:text-gray-400';
+ * @prop export let ulClass: string = 'text-gray-600 dark:text-gray-400';
  */
 export default class FooterLinkGroup extends SvelteComponentTyped<FooterLinkGroupProps, FooterLinkGroupEvents, FooterLinkGroupSlots> {
 }

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;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"}
+{"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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/forms/Checkbox.svelte

@@ -51,49 +51,14 @@ function onChange() {
 </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 = 'primary';
-  @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>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let color: FormColorType = 'primary';
+@prop export let custom: boolean = false;
+@prop export let inline: boolean = false;
+@prop export let group: (string | number)[] = [];
+@prop export let value: string | number = 'on';
+@prop export let checked: boolean | undefined = undefined;
+@prop export let spacing: string = 'mr-2';
 -->

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

@@ -34,50 +34,15 @@ 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
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop color: FormColorType = 'primary';
- * @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>
- * ```
+ * @prop export let color: FormColorType = 'primary';
+ * @prop export let custom: boolean = false;
+ * @prop export let inline: boolean = false;
+ * @prop export let group: (string | number)[] = [];
+ * @prop export let value: string | number = 'on';
+ * @prop export let checked: boolean | undefined = undefined;
+ * @prop export let spacing: string = 'mr-2';
  */
 export default class Checkbox extends SvelteComponentTyped<CheckboxProps, CheckboxEvents, CheckboxSlots> {
 }

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;AAGD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAkE9C,QAAA,MAAM,SAAS;;;;;;;;kBADqP,OAAO,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CACzM,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"}
+{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Checkbox.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAkE9C,QAAA,MAAM,SAAS;;;;;;;;kBADqP,OAAO,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CACzM,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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/forms/Dropzone.svelte

@@ -19,33 +19,10 @@ function keydown(ev) {
 </button>
 
 <!--
-  @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>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let value: string = '';
+@prop export let files: FileList | undefined = undefined;
+@prop export let 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';
 -->

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

@@ -29,34 +29,11 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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>
- * ```
+ * @prop export let value: string = '';
+ * @prop export let files: FileList | undefined = undefined;
+ * @prop export let 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';
  */
 export default class Dropzone extends SvelteComponentTyped<DropzoneProps, DropzoneEvents, DropzoneSlots> {
 }

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;AA+BD,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"}
+{"version":3,"file":"Dropzone.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Dropzone.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/forms/Fileupload.svelte

@@ -10,36 +10,10 @@ export let inputClass = 'border !p-0 dark:text-gray-400';
 </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>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let value: string = '';
+@prop export let files: FileList | undefined = undefined;
+@prop export let inputClass: string = 'border !p-0 dark:text-gray-400';
 -->

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

@@ -27,37 +27,11 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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>
- * ```
+ * @prop export let value: string = '';
+ * @prop export let files: FileList | undefined = undefined;
+ * @prop export let inputClass: string = 'border !p-0 dark:text-gray-400';
  */
 export default class Fileupload extends SvelteComponentTyped<FileuploadProps, FileuploadEvents, FileuploadSlots> {
 }

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;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"}
+{"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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/forms/FloatingLabelInput.svelte

@@ -71,38 +71,14 @@ const labelColorClasses = {
 </div>
 
 <!--
-  @component
-  ## Feature
-  [Go to Floating Label](https://flowbite-svelte.com/docs/forms/floating-label)
-  ## Props
-  @prop id: string = generateId();
-  @prop style: 'filled' | 'outlined' | 'standard' = 'standard';
-  @prop type: InputType = 'text';
-  @prop size: 'small' | 'default' = 'default';
-  @prop color: 'base' | 'green' | 'red' = 'base';
-  @prop value: string = '';
-  @prop label: string = '';  
-  ## Event
-  - on:blur
-  - on:change
-  - on:click
-  - on:focus
-  - on:input
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
-  - on:paste
-  ## Example
-  ```
-  <script>
-    import { FloatingLabelInput, Helper } from 'flowbite-svelte';
-  </script>
-
-  <div id="exampleWrapper" class="grid gap-6 items-end w-full md:grid-cols-3">
-    <FloatingLabelInput style="filled" id="floating_filled" name="floating_filled" type="text" label="Floating filled"/>
-  </div>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let id: string = generateId();
+@prop export let style: 'filled' | 'outlined' | 'standard' = 'standard';
+@prop export let type: InputType = 'text';
+@prop export let size: 'small' | 'default' = 'default';
+@prop export let color: 'base' | 'green' | 'red' = 'base';
+@prop export let value: any = undefined;
+@prop export let label: string = '';
 -->

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

@@ -33,39 +33,15 @@ export type FloatingLabelInputProps = typeof __propDef.props;
 export type FloatingLabelInputEvents = typeof __propDef.events;
 export type FloatingLabelInputSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Floating Label](https://flowbite-svelte.com/docs/forms/floating-label)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop id: string = generateId();
- * @prop style: 'filled' | 'outlined' | 'standard' = 'standard';
- * @prop type: InputType = 'text';
- * @prop size: 'small' | 'default' = 'default';
- * @prop color: 'base' | 'green' | 'red' = 'base';
- * @prop value: string = '';
- * @prop label: string = '';
- * ## Event
- * - on:blur
- * - on:change
- * - on:click
- * - on:focus
- * - on:input
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
- * - on:paste
- * ## Example
- * ```
- * <script>
- *   import { FloatingLabelInput, Helper } from 'flowbite-svelte';
- * </script>
- *
- * <div id="exampleWrapper" class="grid gap-6 items-end w-full md:grid-cols-3">
- *   <FloatingLabelInput style="filled" id="floating_filled" name="floating_filled" type="text" label="Floating filled"/>
- * </div>
- * ```
+ * @prop export let id: string = generateId();
+ * @prop export let style: 'filled' | 'outlined' | 'standard' = 'standard';
+ * @prop export let type: InputType = 'text';
+ * @prop export let size: 'small' | 'default' = 'default';
+ * @prop export let color: 'base' | 'green' | 'red' = 'base';
+ * @prop export let value: any = undefined;
+ * @prop export let label: string = '';
  */
 export default class FloatingLabelInput extends SvelteComponentTyped<FloatingLabelInputProps, FloatingLabelInputEvents, FloatingLabelInputSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingLabelInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/FloatingLabelInput.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAwF1C,QAAA,MAAM,SAAS;;;;;;;;gBADqP,GAAG;;;;;;;;;;;;;;;;;;;;CACzL,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}
+{"version":3,"file":"FloatingLabelInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/FloatingLabelInput.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAwF1C,QAAA,MAAM,SAAS;;;;;;;;gBADqP,GAAG;;;;;;;;;;;;;;;;;;;;CACzL,CAAC;AAC/E,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}

package/dist/forms/Helper.svelte

@@ -14,16 +14,9 @@ const colorClasses = {
 </p>
 
 <!--
-  @component
-  ## Feature
-  [Go to Forms](https://flowbite-svelte.com/docs/components/forms)
-  ## Props
-  @prop helperClass: string = 'text-xs font-normal text-gray-500 dark:text-gray-300';
-  @prop color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
-  ## Example
-  ```
-    <Helper class="mt-2" color="green">
-      <span class="font-medium">Well done!</span> Some success message.
-    </Helper>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let helperClass: string = 'text-xs font-normal text-gray-500 dark:text-gray-300';
+@prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
 -->

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

@@ -16,17 +16,10 @@ export type HelperProps = typeof __propDef.props;
 export type HelperEvents = typeof __propDef.events;
 export type HelperSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Forms](https://flowbite-svelte.com/docs/components/forms)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop helperClass: string = 'text-xs font-normal text-gray-500 dark:text-gray-300';
- * @prop color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
- * ## Example
- * ```
- *   <Helper class="mt-2" color="green">
- *     <span class="font-medium">Well done!</span> Some success message.
- *   </Helper>
- * ```
+ * @prop export let helperClass: string = 'text-xs font-normal text-gray-500 dark:text-gray-300';
+ * @prop export let color: 'gray' | 'green' | 'red' | 'disabled' = 'gray';
  */
 export default class Helper extends SvelteComponentTyped<HelperProps, HelperEvents, HelperSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Helper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Helper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuBD,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;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Helper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/Helper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuBD,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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}