flowbite-svelte 0.44.1 → 0.44.4

package/dist/navbar/NavUl.svelte

@@ -43,31 +43,14 @@ $$props.classUl);
 {/if}
 
 <!--
-  @component
-  ## Features
-  [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
-  ## Props
-  @prop divClass: string = 'w-full md:block md:w-auto';
-  @prop ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium';
-  @prop hidden: boolean = true;
-  @prop slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
-  @prop activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
-  @prop nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
-  ## 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 activeUrl: string = '';
+@prop export let divClass: string = 'w-full md:block md:w-auto';
+@prop export let ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium';
+@prop export let hidden: boolean = true;
+@prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
+@prop export let activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
+@prop export let nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
 -->

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

@@ -28,32 +28,15 @@ export type NavUlProps = typeof __propDef.props;
 export type NavUlEvents = typeof __propDef.events;
 export type NavUlSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'w-full md:block md:w-auto';
- * @prop ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium';
- * @prop hidden: boolean = true;
- * @prop slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
- * @prop activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
- * @prop nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
- * ## 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 activeUrl: string = '';
+ * @prop export let divClass: string = 'w-full md:block md:w-auto';
+ * @prop export let ulClass: string = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium';
+ * @prop export let hidden: boolean = true;
+ * @prop export let slideParams: SlideParams = { delay: 250, duration: 500, easing: quintOut };
+ * @prop export let activeClass: string = 'text-white bg-primary-700 md:bg-transparent md:text-primary-700 md:dark:text-white dark:bg-primary-600 md:dark:bg-transparent';
+ * @prop export let nonActiveClass: string = 'text-gray-700 hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-primary-700 dark:text-gray-400 md:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent';
  */
 export default class NavUl extends SvelteComponentTyped<NavUlProps, NavUlEvents, NavUlSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"NavUl.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavUl.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAIJ,OAAO,EAAS,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA6D5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"NavUl.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/NavUl.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAIJ,OAAO,EAAS,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA6D5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/navbar/Navbar.svelte

@@ -20,37 +20,10 @@ let toggle = () => {
 </Frame>
 
 <!--
-  @component
-  [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
-  ## Props
-  @prop navClass: string = 'px-2 sm:px-4 py-2.5 w-full';
-  @prop navDivClass: string = 'mx-auto flex flex-wrap justify-between items-center ';
-  @prop fluid: boolean = false;
-  ## 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 navClass: string = 'px-2 sm:px-4 py-2.5 w-full';
+@prop export let navDivClass: string = 'mx-auto flex flex-wrap justify-between items-center ';
+@prop export let fluid: boolean = false;
 -->

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

@@ -248,38 +248,11 @@ export type NavbarProps = typeof __propDef.props;
 export type NavbarEvents = typeof __propDef.events;
 export type NavbarSlots = typeof __propDef.slots;
 /**
- * [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop navClass: string = 'px-2 sm:px-4 py-2.5 w-full';
- * @prop navDivClass: string = 'mx-auto flex flex-wrap justify-between items-center ';
- * @prop fluid: boolean = false;
- * ## 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 navClass: string = 'px-2 sm:px-4 py-2.5 w-full';
+ * @prop export let navDivClass: string = 'mx-auto flex flex-wrap justify-between items-center ';
+ * @prop export let fluid: boolean = false;
  */
 export default class Navbar extends SvelteComponentTyped<NavbarProps, NavbarEvents, NavbarSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Navbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/Navbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Navbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/Navbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/navbar/SidebarMenu.svelte

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

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

@@ -18,38 +18,12 @@ export type SidebarMenuProps = typeof __propDef.props;
 export type SidebarMenuEvents = typeof __propDef.events;
 export type SidebarMenuSlots = typeof __propDef.slots;
 /**
- * [Go to Navbar](https://flowbite-svelte.com/docs/components/navbar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop size = '20';
- * @prop color = 'currentColor';
- * @prop variation: 'solid' | 'outline' = 'outline';
- * ## 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 size = '20';
+ * @prop export let color = 'currentColor';
+ * @prop export let variation: 'solid' | 'outline' = 'outline';
+ * @prop export let ariaLabel = 'bars 3';
  */
 export default class SidebarMenu extends SvelteComponentTyped<SidebarMenuProps, SidebarMenuEvents, SidebarMenuSlots> {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/SidebarMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"SidebarMenu.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/navbar/SidebarMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,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;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/paginations/Pagination.svelte

@@ -41,72 +41,13 @@ const next = () => {
 </nav>
 
 <!--
-  @component
-  ## Features
-  [Go to Pagination](https://flowbite-svelte.com/docs/components/pagination)
-  - Setup
-  - Default pagination
-  - Pagination with icons
-  - Previous and next
-  - Previous and next with icons
-  - Table data pagination
-  - Table data pagination with icons
-  - Event example
-  ## Props
-  @prop pages: LinkType[] = [];
-  @prop activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
-  @prop normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
-  @prop ulClass: string = 'inline-flex -space-x-px items-center';
-  @prop table: boolean = false;
-  ## Event
-  - on:blur
-  - on:change
-  - on:click
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
-  ## Example
-  ```
-  <script>
-    import { page } from '$app/stores';
-    import { Pagination } from 'flowbite-svelte'
-
-    $: activeUrl = $page.url.searchParams.get('page')
-    let pages = [
-      { name: 1, href: '/components/pagination?page=1'},
-      { name: 2, href: '/components/pagination?page=2'},
-      { name: 3, href: '/components/pagination?page=3'},
-      { name: 4, href: '/components/pagination?page=4'},
-      { name: 5, href: '/components/pagination?page=5'}
-    ];
-
-    $:{ 
-        pages.forEach((page)=>{
-        let splitUrl = page.href.split('?');
-        let queryString = splitUrl.slice(1).join('?');
-        const hrefParams = new URLSearchParams(queryString);
-        let hrefValue = hrefParams.get('page');
-        if ( hrefValue === activeUrl){
-          page.active=true
-        }else{
-          page.active=false
-        }
-      })
-        pages=pages
-    }
-
-    const previous = () => {
-      alert('Previous btn clicked. Make a call to your server to fetch data.');
-    };
-    const next = () => {
-      alert('Next btn clicked. Make a call to your server to fetch data.');
-    };
-  </script>
-
-  <Pagination {pages} on:previous={previous} on:next={next} />
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let pages: LinkType[] = [];
+@prop export let activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
+@prop export let normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
+@prop export let ulClass: string = 'inline-flex -space-x-px items-center';
+@prop export let table: boolean = false;
+@prop export let large: boolean = false;
 -->

package/dist/paginations/Pagination.svelte.d.ts

@@ -35,73 +35,14 @@ export type PaginationProps = typeof __propDef.props;
 export type PaginationEvents = typeof __propDef.events;
 export type PaginationSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Pagination](https://flowbite-svelte.com/docs/components/pagination)
- * - Setup
- * - Default pagination
- * - Pagination with icons
- * - Previous and next
- * - Previous and next with icons
- * - Table data pagination
- * - Table data pagination with icons
- * - Event example
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop pages: LinkType[] = [];
- * @prop activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
- * @prop normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
- * @prop ulClass: string = 'inline-flex -space-x-px items-center';
- * @prop table: boolean = false;
- * ## Event
- * - on:blur
- * - on:change
- * - on:click
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
- * ## Example
- * ```
- * <script>
- *   import { page } from '$app/stores';
- *   import { Pagination } from 'flowbite-svelte'
- *
- *   $: activeUrl = $page.url.searchParams.get('page')
- *   let pages = [
- *     { name: 1, href: '/components/pagination?page=1'},
- *     { name: 2, href: '/components/pagination?page=2'},
- *     { name: 3, href: '/components/pagination?page=3'},
- *     { name: 4, href: '/components/pagination?page=4'},
- *     { name: 5, href: '/components/pagination?page=5'}
- *   ];
- *
- *   $:{
- *       pages.forEach((page)=>{
- *       let splitUrl = page.href.split('?');
- *       let queryString = splitUrl.slice(1).join('?');
- *       const hrefParams = new URLSearchParams(queryString);
- *       let hrefValue = hrefParams.get('page');
- *       if ( hrefValue === activeUrl){
- *         page.active=true
- *       }else{
- *         page.active=false
- *       }
- *     })
- *       pages=pages
- *   }
- *
- *   const previous = () => {
- *     alert('Previous btn clicked. Make a call to your server to fetch data.');
- *   };
- *   const next = () => {
- *     alert('Next btn clicked. Make a call to your server to fetch data.');
- *   };
- * </script>
- *
- * <Pagination {pages} on:previous={previous} on:next={next} />
- * ```
+ * @prop export let pages: LinkType[] = [];
+ * @prop export let activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
+ * @prop export let normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
+ * @prop export let ulClass: string = 'inline-flex -space-x-px items-center';
+ * @prop export let table: boolean = false;
+ * @prop export let large: boolean = false;
  */
 export default class Pagination extends SvelteComponentTyped<PaginationProps, PaginationEvents, PaginationSlots> {
 }

package/dist/paginations/Pagination.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/paginations/Pagination.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAuDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/paginations/Pagination.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAuDzC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/paginations/PaginationItem.svelte

@@ -19,63 +19,12 @@ table ? '' : 'border', active ? activeClass : normalClass, $$props.class);
 </svelte:element>
 
 <!--
-  @component
-  ## Features
-  [Go to Pagination](https://flowbite-svelte.com/docs/components/pagination)
-  ## Props
-  @prop href: string | undefined = undefined;
-  @prop active: boolean = false;
-  @prop activeClass: string = '';
-  @prop normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
-  ## Event
-  - on:blur
-  - on:change
-  - on:click
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
-  ## Example
-  ```
-  <script>
-    import { page } from '$app/stores';
-    import { Pagination } from 'flowbite-svelte'
-
-    $: activeUrl = $page.url.searchParams.get('page')
-    let pages = [
-      { name: 1, href: '/components/pagination?page=1'},
-      { name: 2, href: '/components/pagination?page=2'},
-      { name: 3, href: '/components/pagination?page=3'},
-      { name: 4, href: '/components/pagination?page=4'},
-      { name: 5, href: '/components/pagination?page=5'}
-    ];
-
-    $:{ 
-        pages.forEach((page)=>{
-        let splitUrl = page.href.split('?');
-        let queryString = splitUrl.slice(1).join('?');
-        const hrefParams = new URLSearchParams(queryString);
-        let hrefValue = hrefParams.get('page');
-        if ( hrefValue === activeUrl){
-          page.active=true
-        }else{
-          page.active=false
-        }
-      })
-        pages=pages
-    }
-
-    const previous = () => {
-      alert('Previous btn clicked. Make a call to your server to fetch data.');
-    };
-    const next = () => {
-      alert('Next btn clicked. Make a call to your server to fetch data.');
-    };
-  </script>
-
-  <Pagination {pages} on:previous={previous} on:next={next} />
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let href: string | undefined = undefined;
+@prop export let active: boolean = false;
+@prop export let activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
+@prop export let normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
+@prop export let large: boolean = false;
 -->

package/dist/paginations/PaginationItem.svelte.d.ts

@@ -30,64 +30,13 @@ export type PaginationItemProps = typeof __propDef.props;
 export type PaginationItemEvents = typeof __propDef.events;
 export type PaginationItemSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Pagination](https://flowbite-svelte.com/docs/components/pagination)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop href: string | undefined = undefined;
- * @prop active: boolean = false;
- * @prop activeClass: string = '';
- * @prop normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
- * ## Event
- * - on:blur
- * - on:change
- * - on:click
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
- * ## Example
- * ```
- * <script>
- *   import { page } from '$app/stores';
- *   import { Pagination } from 'flowbite-svelte'
- *
- *   $: activeUrl = $page.url.searchParams.get('page')
- *   let pages = [
- *     { name: 1, href: '/components/pagination?page=1'},
- *     { name: 2, href: '/components/pagination?page=2'},
- *     { name: 3, href: '/components/pagination?page=3'},
- *     { name: 4, href: '/components/pagination?page=4'},
- *     { name: 5, href: '/components/pagination?page=5'}
- *   ];
- *
- *   $:{
- *       pages.forEach((page)=>{
- *       let splitUrl = page.href.split('?');
- *       let queryString = splitUrl.slice(1).join('?');
- *       const hrefParams = new URLSearchParams(queryString);
- *       let hrefValue = hrefParams.get('page');
- *       if ( hrefValue === activeUrl){
- *         page.active=true
- *       }else{
- *         page.active=false
- *       }
- *     })
- *       pages=pages
- *   }
- *
- *   const previous = () => {
- *     alert('Previous btn clicked. Make a call to your server to fetch data.');
- *   };
- *   const next = () => {
- *     alert('Next btn clicked. Make a call to your server to fetch data.');
- *   };
- * </script>
- *
- * <Pagination {pages} on:previous={previous} on:next={next} />
- * ```
+ * @prop export let href: string | undefined = undefined;
+ * @prop export let active: boolean = false;
+ * @prop export let activeClass: string = 'text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white';
+ * @prop export let normalClass: string = 'text-gray-500 bg-white hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white';
+ * @prop export let large: boolean = false;
  */
 export default class PaginationItem extends SvelteComponentTyped<PaginationItemProps, PaginationItemEvents, PaginationItemSlots> {
 }

package/dist/paginations/PaginationItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/paginations/PaginationItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsCD,QAAA,MAAM,SAAS;;;eAD+G,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAClE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
+{"version":3,"file":"PaginationItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/paginations/PaginationItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsCD,QAAA,MAAM,SAAS;;;eAD+G,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAClE,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

package/dist/popover/Popover.svelte

@@ -17,21 +17,9 @@ export let defaultClass = 'py-2 px-3';
 </Popper>
 
 <!--
-  @component
-  ## Features
-  [Go to Popover](https://flowbite-svelte.com/docs/components/popover)
-  ## Props
-  @prop title: string = '';
-  @prop defaultClass: string = 'py-2 px-3';
-  ## Example
-  ```
-  <script>
-    import { Popover, Button } from 'flowbite-svelte'
-  </script>
-
-  <Button  id="b1">Default popover</Button>
-  <Popover class="w-64 text-sm font-light " title="Popover title" triggeredBy="#b1">
-      And here's some amazing content. It's very engaging. Right?
-  </Popover>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let title: string = '';
+@prop export let defaultClass: string = 'py-2 px-3';
 -->