flowbite-svelte 0.44.1 → 0.44.4

package/dist/megamenu/MegaMenu.svelte.d.ts

@@ -264,56 +264,12 @@ export type MegaMenuProps = typeof __propDef.props;
 export type MegaMenuEvents = typeof __propDef.events;
 export type MegaMenuSlots = typeof __propDef.slots;
 /**
- * ## Feature
- * [Go to Mega Menu](https://flowbite-svelte.com/docs/components/mega-menu)
- * - Setup
- * - Default mega menu
- * - Mega menu with icons
- * - Full width dropdown
- * - Full width with CTA
- * - Full width with image
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop items: LinkTypeLike[] = [];
- * @prop full: boolean = false;
- * @prop open: boolean = false;
- * ## Example
- * ```
- * <script>
- *   import { Navbar, NavBrand, NavHamburger, NavUl, NavLi, MegaMenu } from 'flowbite-svelte';
- *   import { Icon } from 'flowbite-svelte-icons';
- *   let menu = [
- *     {name: 'About us', href: '/about'},
- *     {name: 'Blog', href: '/blog'},
- *     {name: 'Contact us', href: '/contact'},
- *     {name: 'Library', href: '/library'},
- *     {name: 'Newsletter', href: '/news'},
- *     {name: 'Support Center', href: '/support'},
- *     {name: 'Resources', href: '/resource'},
- *     {name: 'Playground', href: '/play'},
- *     {name: 'Terms', href: '/terms'},
- *     {name: 'Pro Version', href: '/pro'},
- *     {name: 'License', href: '/license'},
- *   ];
- * </script>
- *
- * <Navbar let:hidden let:toggle>
- *   <NavBrand href="/">
- *     <img src="/images/flowbite-svelte-icon-logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite Logo"/>
- *     <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">Flowbite</span>
- *   </NavBrand>
- *   <NavHamburger on:click={toggle} />
- *   <NavUl {hidden}>
- *     <NavLi href="/">Home</NavLi>
- *     <NavLi class="cursor-pointer">Mega menu<Icon name="chevron-down-solid" class="w-3 h-3 ml-2 text-primary-800 dark:text-white inline" /></NavLi>
- *     <MegaMenu items={menu} let:item>
- *       <a href={item.href} class="hover:text-primary-600 dark:hover:text-primary-500">{item.name}</a>
- *     </MegaMenu>
- *     <NavLi href="/services">Services</NavLi>
- *     <NavLi href="/services">Products</NavLi>
- *     <NavLi href="/services">Contact</NavLi>
- *   </NavUl>
- * </Navbar>
- * ```
+ * @prop export let items: LinkTypeLike[] = [];
+ * @prop export let full: boolean = false;
+ * @prop export let open: boolean = false;
+ * @prop export let ulClass: string = 'grid grid-flow-row gap-y-4 md:gap-x-0 auto-col-max auto-row-max';
  */
 export default class MegaMenu extends SvelteComponentTyped<MegaMenuProps, MegaMenuEvents, MegaMenuSlots> {
 }

package/dist/megamenu/MegaMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/megamenu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAvCL,OAAO;iBACJ,MAAM;;;;;;;;;;;;;;;CAsCoC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"MegaMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/megamenu/MegaMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAmDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAvCL,OAAO;iBACJ,MAAM;;;;;;;;;;;;;;;CAsCoC,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/modals/Modal.svelte

@@ -9,9 +9,10 @@ export let size = 'md';
 export let placement = 'center';
 export let autoclose = false;
 export let permanent = false;
-export let backdropClass = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
+export let backdropClass = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
 export let defaultClass = 'relative flex flex-col mx-auto';
 export let outsideclose = false;
+export let dialogClass = 'fixed top-0 left-0 right-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
 const dispatch = createEventDispatcher();
 $: dispatch(open ? 'open' : 'hide');
 function prepareFocus(node) {
@@ -84,10 +85,10 @@ function handleKeys(e) {
 
 {#if open}
   <!-- backdrop -->
-  <div class={twMerge('fixed inset-0 z-40', backdropCls)} />
+  <div class={backdropCls} />
   <!-- dialog -->
   <!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-  <div on:keydown={handleKeys} on:wheel|preventDefault|nonpassive use:prepareFocus use:focusTrap on:click={onAutoClose} class={twMerge('fixed top-0 left-0 right-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex', ...getPlacementClasses())} tabindex="-1" aria-modal="true" role="dialog">
+  <div on:keydown={handleKeys} on:wheel|preventDefault|nonpassive use:prepareFocus use:focusTrap on:click={onAutoClose} class={twMerge(dialogClass, ...getPlacementClasses())} tabindex="-1" aria-modal="true" role="dialog">
     <div class="flex relative {sizes[size]} w-full max-h-full">
       <!-- Modal content -->
       <Frame rounded shadow {...$$restProps} class={frameClass}>
@@ -120,48 +121,17 @@ function handleKeys(e) {
 {/if}
 
 <!--
-  @component
-  ## Features
-  [Go to Modal](https://flowbite-svelte.com/docs/components/modal)
-  - Setup
-  - Default modal
-  - Closing by clicking outside
-  - Pop-up modal
-  - Form element
-  - Crypto wallet
-  - Sizes
-  - Placement
-  - Colors
-  - Scrolling behaviour
-  ## Props
-  @prop open: boolean = false;
-  @prop title: string = '';
-  @prop size: SizeType = 'md';
-  @prop placement: ModalPlacementType = 'center';
-  @prop autoclose: boolean = false;
-  @prop permanent: boolean = false;
-  @prop backdropClass: string = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
-  @prop defaultClass: string = 'relative flex flex-col mx-auto';
-  @prop outsideclose: boolean = false; 
-  ## Example
-  ```
-  <script>
-    import { Button, Modal } from 'flowbite-svelte'
-    let defaultModal = false;
-  </script>
-
-  <Button on:click={() => defaultModal = true}>Default modal</Button>
-  <Modal id="default-modal" title="Terms of Service" bind:open={defaultModal} autoclose>
-    <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
-      With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.
-    </p>
-    <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
-      The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.
-    </p>
-    <svelte:fragment slot='footer'>
-      <Button on:click={() => alert('Handle "success"')}>I accept</Button>
-      <Button color="alternative">Decline</Button>
-    </svelte:fragment>
-  </Modal>
-  ``` 
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let open: boolean = false;
+@prop export let title: string = '';
+@prop export let size: SizeType = 'md';
+@prop export let placement: ModalPlacementType = 'center';
+@prop export let autoclose: boolean = false;
+@prop export let permanent: boolean = false;
+@prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
+@prop export let defaultClass: string = 'relative flex flex-col mx-auto';
+@prop export let outsideclose: boolean = false;
+@prop export let dialogClass: string = 'fixed top-0 left-0 right-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
 -->

package/dist/modals/Modal.svelte.d.ts

@@ -254,49 +254,18 @@ export type ModalProps = typeof __propDef.props;
 export type ModalEvents = typeof __propDef.events;
 export type ModalSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Modal](https://flowbite-svelte.com/docs/components/modal)
- * - Setup
- * - Default modal
- * - Closing by clicking outside
- * - Pop-up modal
- * - Form element
- * - Crypto wallet
- * - Sizes
- * - Placement
- * - Colors
- * - Scrolling behaviour
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop open: boolean = false;
- * @prop title: string = '';
- * @prop size: SizeType = 'md';
- * @prop placement: ModalPlacementType = 'center';
- * @prop autoclose: boolean = false;
- * @prop permanent: boolean = false;
- * @prop backdropClass: string = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
- * @prop defaultClass: string = 'relative flex flex-col mx-auto';
- * @prop outsideclose: boolean = false;
- * ## Example
- * ```
- * <script>
- *   import { Button, Modal } from 'flowbite-svelte'
- *   let defaultModal = false;
- * </script>
- *
- * <Button on:click={() => defaultModal = true}>Default modal</Button>
- * <Modal id="default-modal" title="Terms of Service" bind:open={defaultModal} autoclose>
- *   <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
- *     With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.
- *   </p>
- *   <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
- *     The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.
- *   </p>
- *   <svelte:fragment slot='footer'>
- *     <Button on:click={() => alert('Handle "success"')}>I accept</Button>
- *     <Button color="alternative">Decline</Button>
- *   </svelte:fragment>
- * </Modal>
- * ```
+ * @prop export let open: boolean = false;
+ * @prop export let title: string = '';
+ * @prop export let size: SizeType = 'md';
+ * @prop export let placement: ModalPlacementType = 'center';
+ * @prop export let autoclose: boolean = false;
+ * @prop export let permanent: boolean = false;
+ * @prop export let backdropClass: string = 'fixed inset-0 z-40 bg-gray-900 bg-opacity-50 dark:bg-opacity-80';
+ * @prop export let defaultClass: string = 'relative flex flex-col mx-auto';
+ * @prop export let outsideclose: boolean = false;
+ * @prop export let dialogClass: string = 'fixed top-0 left-0 right-0 h-modal md:inset-0 md:h-full z-50 w-full p-4 flex';
  */
 export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
 }

package/dist/modals/Modal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modals/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAMD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AA0J3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modals/Modal.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAMD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AA2J3C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/navbar/Menu.svelte

@@ -26,11 +26,11 @@ $: switch (variation) {
 </svg>
 
 <!--
-  @component
-  [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
-  ## Props
-  @prop size = '24';
-  @prop color = 'currentColor';
-  @prop variation: 'solid' | 'outline' = 'outline';
-  @prop ariaLabel = 'bars 3';
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let size = '24';
+@prop export let color = 'currentColor';
+@prop export let variation: 'solid' | 'outline' = 'outline';
+@prop export let ariaLabel = 'bars 3';
 -->

package/dist/navbar/Menu.svelte.d.ts

@@ -18,12 +18,12 @@ export type MenuProps = typeof __propDef.props;
 export type MenuEvents = typeof __propDef.events;
 export type MenuSlots = typeof __propDef.slots;
 /**
- * [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop size = '24';
- * @prop color = 'currentColor';
- * @prop variation: 'solid' | 'outline' = 'outline';
- * @prop ariaLabel = 'bars 3';
+ * @prop export let size = '24';
+ * @prop export let color = 'currentColor';
+ * @prop export let variation: 'solid' | 'outline' = 'outline';
+ * @prop export let ariaLabel = 'bars 3';
  */
 export default class Menu extends SvelteComponentTyped<MenuProps, MenuEvents, MenuSlots> {
 }

package/dist/navbar/NavBrand.svelte

@@ -7,35 +7,8 @@ export let href = '';
 </a>
 
 <!--
-  @component
-  [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
-  ## Props
-  @prop href: string = '';
-  ## Example
-  ```
-  <script>
-    import { Navbar, NavBrand, NavLi, NavUl, NavHamburger } from 'flowbite-svelte'
-  </script>
-
-  <Navbar let:hidden let:toggle>
-    <NavBrand href="/">
-      <img
-        src="/images/flowbite-svelte-icon-logo.svg"
-        class="mr-3 h-6 sm:h-9"
-        alt="Flowbite Logo"
-      />
-      <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
-        Flowbite
-      </span>
-    </NavBrand>
-    <NavHamburger on:click={toggle} />
-    <NavUl {hidden}>
-      <NavLi href="/" active={true}>Home</NavLi>
-      <NavLi href="/about">About</NavLi>
-      <NavLi href="/services">Services</NavLi>
-      <NavLi href="/pricing">Pricing</NavLi>
-      <NavLi href="/contact">Contact</NavLi>
-    </NavUl>
-  </Navbar>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let href: string = '';
 -->

package/dist/navbar/NavBrand.svelte.d.ts

@@ -15,36 +15,9 @@ export type NavBrandProps = typeof __propDef.props;
 export type NavBrandEvents = typeof __propDef.events;
 export type NavBrandSlots = typeof __propDef.slots;
 /**
- * [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop href: string = '';
- * ## Example
- * ```
- * <script>
- *   import { Navbar, NavBrand, NavLi, NavUl, NavHamburger } from 'flowbite-svelte'
- * </script>
- *
- * <Navbar let:hidden let:toggle>
- *   <NavBrand href="/">
- *     <img
- *       src="/images/flowbite-svelte-icon-logo.svg"
- *       class="mr-3 h-6 sm:h-9"
- *       alt="Flowbite Logo"
- *     />
- *     <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
- *       Flowbite
- *     </span>
- *   </NavBrand>
- *   <NavHamburger on:click={toggle} />
- *   <NavUl {hidden}>
- *     <NavLi href="/" active={true}>Home</NavLi>
- *     <NavLi href="/about">About</NavLi>
- *     <NavLi href="/services">Services</NavLi>
- *     <NavLi href="/pricing">Pricing</NavLi>
- *     <NavLi href="/contact">Contact</NavLi>
- *   </NavUl>
- * </Navbar>
- * ```
+ * @prop export let href: string = '';
  */
 export default class NavBrand extends SvelteComponentTyped<NavBrandProps, NavBrandEvents, NavBrandSlots> {
 }

package/dist/navbar/NavBrand.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBrand.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavBrand.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgBD,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+BG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"NavBrand.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavBrand.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgBD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/navbar/NavHamburger.svelte

@@ -10,35 +10,9 @@ export let menuClass = 'h-6 w-6 shrink-0';
 </ToolbarButton>
 
 <!--
-  @component
-  [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
-  ## Props
-  @prop btnClass: string = 'ml-3 md:hidden';
-  ## Example
-  ```
-  <script>
-    import { Navbar, NavBrand, NavLi, NavUl, NavHamburger } from 'flowbite-svelte'
-  </script>
-
-  <Navbar let:hidden let:toggle>
-    <NavBrand href="/">
-      <img
-        src="/images/flowbite-svelte-icon-logo.svg"
-        class="mr-3 h-6 sm:h-9"
-        alt="Flowbite Logo"
-      />
-      <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
-        Flowbite
-      </span>
-    </NavBrand>
-    <NavHamburger on:click={toggle} />
-    <NavUl {hidden}>
-      <NavLi href="/" active={true}>Home</NavLi>
-      <NavLi href="/about">About</NavLi>
-      <NavLi href="/services">Services</NavLi>
-      <NavLi href="/pricing">Pricing</NavLi>
-      <NavLi href="/contact">Contact</NavLi>
-    </NavUl>
-  </Navbar>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let btnClass: string = 'ml-3 md:hidden';
+@prop export let menuClass: string = 'h-6 w-6 shrink-0';
 -->

package/dist/navbar/NavHamburger.svelte.d.ts

@@ -16,36 +16,10 @@ export type NavHamburgerProps = typeof __propDef.props;
 export type NavHamburgerEvents = typeof __propDef.events;
 export type NavHamburgerSlots = typeof __propDef.slots;
 /**
- * [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop btnClass: string = 'ml-3 md:hidden';
- * ## Example
- * ```
- * <script>
- *   import { Navbar, NavBrand, NavLi, NavUl, NavHamburger } from 'flowbite-svelte'
- * </script>
- *
- * <Navbar let:hidden let:toggle>
- *   <NavBrand href="/">
- *     <img
- *       src="/images/flowbite-svelte-icon-logo.svg"
- *       class="mr-3 h-6 sm:h-9"
- *       alt="Flowbite Logo"
- *     />
- *     <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
- *       Flowbite
- *     </span>
- *   </NavBrand>
- *   <NavHamburger on:click={toggle} />
- *   <NavUl {hidden}>
- *     <NavLi href="/" active={true}>Home</NavLi>
- *     <NavLi href="/about">About</NavLi>
- *     <NavLi href="/services">Services</NavLi>
- *     <NavLi href="/pricing">Pricing</NavLi>
- *     <NavLi href="/contact">Contact</NavLi>
- *   </NavUl>
- * </Navbar>
- * ```
+ * @prop export let btnClass: string = 'ml-3 md:hidden';
+ * @prop export let menuClass: string = 'h-6 w-6 shrink-0';
  */
 export default class NavHamburger extends SvelteComponentTyped<NavHamburgerProps, NavHamburgerEvents, NavHamburgerSlots> {
 }

package/dist/navbar/NavHamburger.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
+{"version":3,"file":"NavHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/navbar/NavLi.svelte

@@ -21,40 +21,10 @@ $: liClass = twMerge('block py-2 pr-4 pl-3 md:p-0 rounded md:border-0', active ?
 </li>
 
 <!--
-  @component
-  ## Features
-  [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
-  ## Props
-  @prop href: string = '';
-  @prop active: boolean = false;
-  @prop activeClass: string | undefined = undefined;
-  @prop nonActiveClass: string | undefined = undefined;
-  ## Event 
-  - on:blur
-  - on:change
-  - on:click
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
-  ## Example
-  ```
-  <Navbar let:hidden let:toggle>
-    <NavBrand href="/">
-      <img src="/images/flowbite-svelte-icon-logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite Logo" />
-      <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white"> Flowbite </span>
-    </NavBrand>
-    <NavHamburger on:click={toggle} />
-    <NavUl {hidden}>
-      <NavLi href="/" active={true}>Home</NavLi>
-      <NavLi href="/about">About</NavLi>
-      <NavLi href="/services">Services</NavLi>
-      <NavLi href="/pricing">Pricing</NavLi>
-      <NavLi href="/contact">Contact</NavLi>
-    </NavUl>
-  </Navbar>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let href: string = '';
+@prop export let activeClass: string | undefined = undefined;
+@prop export let nonActiveClass: string | undefined = undefined;
 -->

package/dist/navbar/NavLi.svelte.d.ts

@@ -28,41 +28,11 @@ export type NavLiProps = typeof __propDef.props;
 export type NavLiEvents = typeof __propDef.events;
 export type NavLiSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop href: string = '';
- * @prop active: boolean = false;
- * @prop activeClass: string | undefined = undefined;
- * @prop nonActiveClass: string | undefined = undefined;
- * ## Event
- * - on:blur
- * - on:change
- * - on:click
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
- * ## Example
- * ```
- * <Navbar let:hidden let:toggle>
- *   <NavBrand href="/">
- *     <img src="/images/flowbite-svelte-icon-logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite Logo" />
- *     <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white"> Flowbite </span>
- *   </NavBrand>
- *   <NavHamburger on:click={toggle} />
- *   <NavUl {hidden}>
- *     <NavLi href="/" active={true}>Home</NavLi>
- *     <NavLi href="/about">About</NavLi>
- *     <NavLi href="/services">Services</NavLi>
- *     <NavLi href="/pricing">Pricing</NavLi>
- *     <NavLi href="/contact">Contact</NavLi>
- *   </NavUl>
- * </Navbar>
- * ```
+ * @prop export let href: string = '';
+ * @prop export let activeClass: string | undefined = undefined;
+ * @prop export let nonActiveClass: string | undefined = undefined;
  */
 export default class NavLi extends SvelteComponentTyped<NavLiProps, NavLiEvents, NavLiSlots> {
 }

package/dist/navbar/NavLi.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavLi.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavLi.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsCD,QAAA,MAAM,SAAS;;;;sBAD2G,MAAM,GAAG,SAAS;yBAAmB,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;CACnG,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"NavLi.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavLi.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsCD,QAAA,MAAM,SAAS;;;;sBAD2G,MAAM,GAAG,SAAS;yBAAmB,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;CACnG,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/navbar/NavSidebarHamburger.svelte

@@ -10,35 +10,9 @@ export let sideMenuClass = 'h-6 w-6 shrink-0';
 </ToolbarButton>
 
 <!--
-  @component
-  [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
-  ## Props
-  @prop btnClass: string = 'ml-3 md:hidden';
-  ## Example
-  ```
-  <script>
-    import { Navbar, NavBrand, NavLi, NavUl, NavHamburger } from 'flowbite-svelte'
-  </script>
-
-  <Navbar let:hidden let:toggle>
-    <NavBrand href="/">
-      <img
-        src="/images/flowbite-svelte-icon-logo.svg"
-        class="mr-3 h-6 sm:h-9"
-        alt="Flowbite Logo"
-      />
-      <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
-        Flowbite
-      </span>
-    </NavBrand>
-    <NavHamburger on:click={toggle} />
-    <NavUl {hidden}>
-      <NavLi href="/" active={true}>Home</NavLi>
-      <NavLi href="/about">About</NavLi>
-      <NavLi href="/services">Services</NavLi>
-      <NavLi href="/pricing">Pricing</NavLi>
-      <NavLi href="/contact">Contact</NavLi>
-    </NavUl>
-  </Navbar>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let btnClass: string = 'ml-3 md:hidden';
+@prop export let sideMenuClass: string = 'h-6 w-6 shrink-0';
 -->

package/dist/navbar/NavSidebarHamburger.svelte.d.ts

@@ -16,36 +16,10 @@ export type NavSidebarHamburgerProps = typeof __propDef.props;
 export type NavSidebarHamburgerEvents = typeof __propDef.events;
 export type NavSidebarHamburgerSlots = typeof __propDef.slots;
 /**
- * [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop btnClass: string = 'ml-3 md:hidden';
- * ## Example
- * ```
- * <script>
- *   import { Navbar, NavBrand, NavLi, NavUl, NavHamburger } from 'flowbite-svelte'
- * </script>
- *
- * <Navbar let:hidden let:toggle>
- *   <NavBrand href="/">
- *     <img
- *       src="/images/flowbite-svelte-icon-logo.svg"
- *       class="mr-3 h-6 sm:h-9"
- *       alt="Flowbite Logo"
- *     />
- *     <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
- *       Flowbite
- *     </span>
- *   </NavBrand>
- *   <NavHamburger on:click={toggle} />
- *   <NavUl {hidden}>
- *     <NavLi href="/" active={true}>Home</NavLi>
- *     <NavLi href="/about">About</NavLi>
- *     <NavLi href="/services">Services</NavLi>
- *     <NavLi href="/pricing">Pricing</NavLi>
- *     <NavLi href="/contact">Contact</NavLi>
- *   </NavUl>
- * </Navbar>
- * ```
+ * @prop export let btnClass: string = 'ml-3 md:hidden';
+ * @prop export let sideMenuClass: string = 'h-6 w-6 shrink-0';
  */
 export default class NavSidebarHamburger extends SvelteComponentTyped<NavSidebarHamburgerProps, NavSidebarHamburgerEvents, NavSidebarHamburgerSlots> {
 }

package/dist/navbar/NavSidebarHamburger.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavSidebarHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavSidebarHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,oBAAoB,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CACnJ"}
+{"version":3,"file":"NavSidebarHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavSidebarHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,oBAAoB,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CACnJ"}