flowbite-svelte 0.44.1 → 0.44.4

package/dist/drawer/Drawer.svelte

@@ -57,73 +57,23 @@ function clickOutsideWrapper(node, callback) {
 {/if}
 
 <!--
-  @component
-  ## Features
-  [Go to Drawer](https://flowbite-svelte.com/docs/components/drawer)
-  - Set up
-  - Default drawer
-  - Drawer navigation
-  - Contact form
-  - Form elements
-  - Placement
-  - Backdrop
-  - Position
-  - Disabling outside click and backdrop
-  - Disabling only outside click
-  ## Props
-  @prop activateClickOutside: boolean = true;
-  @prop hidden: boolean = true;
-  @prop position: 'fixed' | 'absolute' = 'fixed';
-  @prop leftOffset: string = 'inset-y-0 left-0';
-  @prop rightOffset: string = 'inset-y-0 right-0';
-  @prop topOffset: string = 'inset-x-0 top-0';
-  @prop bottomOffset: string = 'inset-x-0 bottom-0';
-  @prop width: string = 'w-80';
-  @prop backdrop: boolean = true;
-  @prop bgColor: string = 'bg-gray-900';
-  @prop bgOpacity: string = 'bg-opacity-75';
-  @prop placement: 'left' | 'right' | 'top' | 'bottom' = 'left';
-  @prop id: string = 'drawer-example';
-  @prop divClass: string = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
-  @prop transitionParams: drawerTransitionParamTypes = {};
-  @prop transitionType: drawerTransitionTypes = 'fly';
-  ## Example
-  ```
-  <script>
-    import { Drawer, Button, CloseButton } from 'flowbite-svelte';
-    import { sineIn } from 'svelte/easing';
-    let hidden1 = true; 
-    let transitionParams = {
-      x: -320,
-      duration: 200,
-      easing: sineIn
-    };
-  </script>
-
-  <div class="text-center">
-    <Button on:click={() => (hidden1 = false)}>Show drawer</Button>
-  </div>
-
-  <Drawer transitionType="fly" {transitionParams} bind:hidden={hidden1} id='sidebar1'>
-  <div class='flex items-center'>
-    <h5
-      id="drawer-label"
-      class="inline-flex items-center mb-4 text-base font-semibold text-gray-500 dark:text-gray-400">
-      <svg class="w-5 h-5 mr-2" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>Info
-    </h5>
-    <CloseButton on:click={() => (hidden1 = true)} class='mb-4 dark:text-white'/>
-      </div>
-    <p class="mb-6 text-sm text-gray-500 dark:text-gray-400">
-      Supercharge your hiring by taking advantage of our <a
-        href="/"
-        class="text-blue-600 underline dark:text-blue-500 hover:no-underline">limited-time sale</a> for
-      Flowbite Docs + Job Board. Unlimited access to over 190K top-ranked candidates and the #1 design
-      job board.
-    </p>
-    <div class="grid grid-cols-2 gap-4">
-      <Button color="light" href="/">Learn more</Button>
-      <Button href="/" >Get access <svg class="w-4 h-4 ml-1" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></Button>
-    </div>
-  </Drawer>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let activateClickOutside: boolean = true;
+@prop export let hidden: boolean = true;
+@prop export let position: 'fixed' | 'absolute' = 'fixed';
+@prop export let leftOffset: string = 'inset-y-0 left-0';
+@prop export let rightOffset: string = 'inset-y-0 right-0';
+@prop export let topOffset: string = 'inset-x-0 top-0';
+@prop export let bottomOffset: string = 'inset-x-0 bottom-0';
+@prop export let width: string = 'w-80';
+@prop export let backdrop: boolean = true;
+@prop export let bgColor: string = 'bg-gray-900';
+@prop export let bgOpacity: string = 'bg-opacity-75';
+@prop export let placement: 'left' | 'right' | 'top' | 'bottom' = 'left';
+@prop export let id: string = 'drawer-example';
+@prop export let divClass: string = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
+@prop export let transitionParams: drawerTransitionParamTypes = {};
+@prop export let transitionType: drawerTransitionTypes = 'fly';
 -->

package/dist/drawer/Drawer.svelte.d.ts

@@ -33,74 +33,24 @@ export type DrawerProps = typeof __propDef.props;
 export type DrawerEvents = typeof __propDef.events;
 export type DrawerSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Drawer](https://flowbite-svelte.com/docs/components/drawer)
- * - Set up
- * - Default drawer
- * - Drawer navigation
- * - Contact form
- * - Form elements
- * - Placement
- * - Backdrop
- * - Position
- * - Disabling outside click and backdrop
- * - Disabling only outside click
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop activateClickOutside: boolean = true;
- * @prop hidden: boolean = true;
- * @prop position: 'fixed' | 'absolute' = 'fixed';
- * @prop leftOffset: string = 'inset-y-0 left-0';
- * @prop rightOffset: string = 'inset-y-0 right-0';
- * @prop topOffset: string = 'inset-x-0 top-0';
- * @prop bottomOffset: string = 'inset-x-0 bottom-0';
- * @prop width: string = 'w-80';
- * @prop backdrop: boolean = true;
- * @prop bgColor: string = 'bg-gray-900';
- * @prop bgOpacity: string = 'bg-opacity-75';
- * @prop placement: 'left' | 'right' | 'top' | 'bottom' = 'left';
- * @prop id: string = 'drawer-example';
- * @prop divClass: string = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
- * @prop transitionParams: drawerTransitionParamTypes = {};
- * @prop transitionType: drawerTransitionTypes = 'fly';
- * ## Example
- * ```
- * <script>
- *   import { Drawer, Button, CloseButton } from 'flowbite-svelte';
- *   import { sineIn } from 'svelte/easing';
- *   let hidden1 = true;
- *   let transitionParams = {
- *     x: -320,
- *     duration: 200,
- *     easing: sineIn
- *   };
- * </script>
- *
- * <div class="text-center">
- *   <Button on:click={() => (hidden1 = false)}>Show drawer</Button>
- * </div>
- *
- * <Drawer transitionType="fly" {transitionParams} bind:hidden={hidden1} id='sidebar1'>
- * <div class='flex items-center'>
- *   <h5
- *     id="drawer-label"
- *     class="inline-flex items-center mb-4 text-base font-semibold text-gray-500 dark:text-gray-400">
- *     <svg class="w-5 h-5 mr-2" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>Info
- *   </h5>
- *   <CloseButton on:click={() => (hidden1 = true)} class='mb-4 dark:text-white'/>
- *     </div>
- *   <p class="mb-6 text-sm text-gray-500 dark:text-gray-400">
- *     Supercharge your hiring by taking advantage of our <a
- *       href="/"
- *       class="text-blue-600 underline dark:text-blue-500 hover:no-underline">limited-time sale</a> for
- *     Flowbite Docs + Job Board. Unlimited access to over 190K top-ranked candidates and the #1 design
- *     job board.
- *   </p>
- *   <div class="grid grid-cols-2 gap-4">
- *     <Button color="light" href="/">Learn more</Button>
- *     <Button href="/" >Get access <svg class="w-4 h-4 ml-1" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></Button>
- *   </div>
- * </Drawer>
- * ```
+ * @prop export let activateClickOutside: boolean = true;
+ * @prop export let hidden: boolean = true;
+ * @prop export let position: 'fixed' | 'absolute' = 'fixed';
+ * @prop export let leftOffset: string = 'inset-y-0 left-0';
+ * @prop export let rightOffset: string = 'inset-y-0 right-0';
+ * @prop export let topOffset: string = 'inset-x-0 top-0';
+ * @prop export let bottomOffset: string = 'inset-x-0 bottom-0';
+ * @prop export let width: string = 'w-80';
+ * @prop export let backdrop: boolean = true;
+ * @prop export let bgColor: string = 'bg-gray-900';
+ * @prop export let bgOpacity: string = 'bg-opacity-75';
+ * @prop export let placement: 'left' | 'right' | 'top' | 'bottom' = 'left';
+ * @prop export let id: string = 'drawer-example';
+ * @prop export let divClass: string = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
+ * @prop export let transitionParams: drawerTransitionParamTypes = {};
+ * @prop export let transitionType: drawerTransitionTypes = 'fly';
  */
 export default class Drawer extends SvelteComponentTyped<DrawerProps, DrawerEvents, DrawerSlots> {
 }

package/dist/drawer/Drawer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/drawer/Drawer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AA0ElF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;yBAD6wB,qBAAqB;;;;;;;;;;CACnuB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/drawer/Drawer.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AA0ElF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;yBAD6wB,qBAAqB;;;;;;;;;;CACnuB,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;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/dropdowns/Dropdown.svelte

@@ -50,53 +50,13 @@ $: {
 </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 containerClass: string = 'divide-y z-50';
-  @prop headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
-  @prop ulClass: string = 'py-1 w-44';
-  @prop footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
-  ## Example
-  ```
-  <script>
-    import { Button, Dropdown, DropdownItem } from 'flowbite-svelte';
-    import { Icon } from 'flowbite-svelte-icons';
-  </script>
-
-  <Button>Dropdown button<Icon name="chevron-down-solid" class="w-3 h-3 ml-2 text-white dark:text-white" /></Button>
-  <Dropdown >
-    <DropdownItem>Dashboard</DropdownItem>
-    <DropdownItem>Settings</DropdownItem>
-    <DropdownItem>Earnings</DropdownItem>
-    <DropdownItem>Sign out</DropdownItem>
-  </Dropdown>
-  ```
-
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let activeUrl: string = '';
+@prop export let open: boolean = false;
+@prop export let containerClass: string = 'divide-y z-50';
+@prop export let headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
+@prop export let footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
+@prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
 -->

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

@@ -262,53 +262,14 @@ 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
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop open: boolean = false;
- * @prop containerClass: string = 'divide-y z-50';
- * @prop headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
- * @prop ulClass: string = 'py-1 w-44';
- * @prop footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
- * ## Example
- * ```
- * <script>
- *   import { Button, Dropdown, DropdownItem } from 'flowbite-svelte';
- *   import { Icon } from 'flowbite-svelte-icons';
- * </script>
- *
- * <Button>Dropdown button<Icon name="chevron-down-solid" class="w-3 h-3 ml-2 text-white dark:text-white" /></Button>
- * <Dropdown >
- *   <DropdownItem>Dashboard</DropdownItem>
- *   <DropdownItem>Settings</DropdownItem>
- *   <DropdownItem>Earnings</DropdownItem>
- *   <DropdownItem>Sign out</DropdownItem>
- * </Dropdown>
- * ```
+ * @prop export let activeUrl: string = '';
+ * @prop export let open: boolean = false;
+ * @prop export let containerClass: string = 'divide-y z-50';
+ * @prop export let headerClass: string = 'py-1 overflow-hidden rounded-t-lg';
+ * @prop export let footerClass: string = 'py-1 overflow-hidden rounded-b-lg';
+ * @prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
  */
 export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
 }

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;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAgFJ,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,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;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAgFJ,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/dropdowns/DropdownDivider.svelte

@@ -5,9 +5,8 @@ export let divClass = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
 <div {...$$restProps} class={twMerge(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';
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
 -->

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

@@ -13,10 +13,9 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop  divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+ * @prop export let divClass: string = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
  */
 export default class DropdownDivider extends SvelteComponentTyped<DropdownDividerProps, DropdownDividerEvents, DropdownDividerSlots> {
 }

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

package/dist/dropdowns/DropdownHeader.svelte

@@ -12,10 +12,9 @@ export let divider = true;
 {/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;
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
+@prop export let divider: boolean = true;
 -->

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

@@ -16,11 +16,10 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
- * @prop divider: boolean = true;
+ * @prop export let divClass: string = 'py-2 px-4 text-gray-700 dark:text-white';
+ * @prop export let divider: boolean = true;
  */
 export default class DropdownHeader extends SvelteComponentTyped<DropdownHeaderProps, DropdownHeaderEvents, DropdownHeaderSlots> {
 }

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;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"}
+{"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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

package/dist/dropdowns/DropdownItem.svelte

@@ -30,19 +30,11 @@ function init(node) {
 </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
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let defaultClass: string = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
+@prop export let href: string | undefined = undefined;
+@prop export let activeClass: string | undefined = undefined;
+@prop export let active: boolean = false;
 -->

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

@@ -26,20 +26,12 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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
+ * @prop export let defaultClass: string = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
+ * @prop export let href: string | undefined = undefined;
+ * @prop export let activeClass: string | undefined = undefined;
+ * @prop export let active: boolean = false;
  */
 export default class DropdownItem extends SvelteComponentTyped<DropdownItemProps, DropdownItemEvents, DropdownItemSlots> {
 }

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;AAgDD,QAAA,MAAM,SAAS;;;;eADwG,MAAM,GAAG,SAAS;sBAAgB,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;CAC7F,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"}
+{"version":3,"file":"DropdownItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/dropdowns/DropdownItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgDD,QAAA,MAAM,SAAS;;;;eADwG,MAAM,GAAG,SAAS;sBAAgB,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;CAC7F,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/footer/Footer.svelte

@@ -8,32 +8,8 @@ let footerClass = twMerge(footerType === 'sitemap' && 'bg-gray-800', footerType
 </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>
-```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
 -->

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

@@ -15,33 +15,9 @@ 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
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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>
- * ```
+ * @prop export let footerType: 'sitemap' | 'default' | 'logo' | 'socialmedia' = 'default';
  */
 export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {
 }

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

package/dist/footer/FooterBrand.svelte

@@ -23,16 +23,15 @@ let imgCls = twMerge(imgClass, $$props.classImg);
 {/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;
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let aClass: string = 'flex items-center';
+@prop export let spanClass: string = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
+@prop export let imgClass: string = 'mr-3 h-8';
+@prop export let href: string = '';
+@prop export let src: string = '';
+@prop export let alt: string = '';
+@prop export let name: string = '';
+@prop export let target: string | undefined = undefined;
 -->

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

@@ -22,17 +22,16 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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;
+ * @prop export let aClass: string = 'flex items-center';
+ * @prop export let spanClass: string = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
+ * @prop export let imgClass: string = 'mr-3 h-8';
+ * @prop export let href: string = '';
+ * @prop export let src: string = '';
+ * @prop export let alt: string = '';
+ * @prop export let name: string = '';
+ * @prop export let target: string | undefined = undefined;
  */
 export default class FooterBrand extends SvelteComponentTyped<FooterBrandProps, FooterBrandEvents, FooterBrandSlots> {
 }

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;AAiCD,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"}
+{"version":3,"file":"FooterBrand.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/footer/FooterBrand.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,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;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/footer/FooterCopyright.svelte

@@ -23,15 +23,14 @@ let aCls = twMerge(aClass, $$props.classA);
 </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.'; 
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@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.';
 -->