flowbite-svelte 0.44.1 → 0.44.4

package/dist/sidebars/SidebarWrapper.svelte.d.ts

@@ -15,68 +15,9 @@ export type SidebarWrapperProps = typeof __propDef.props;
 export type SidebarWrapperEvents = typeof __propDef.events;
 export type SidebarWrapperSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Sidebar](https://flowbite-svelte.com/docs/components/sidebar)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800';
- * ## Example
- * ```
- * <script>
- *   import { page } from '$app/stores';
- *   import { Sidebar, SidebarGroup, SidebarItem, SidebarWrapper } from 'flowbite-svelte';
- *   let spanClass = 'flex-1 ml-3 whitespace-nowrap';
- *   $: activeUrl = $page.url.pathname
- * </script>
- *
- * <Sidebar>
- *   <SidebarWrapper>
- *     <SidebarGroup>
- *       <SidebarItem label="Dashboard">
- *       <svelte:fragment slot="icon">
- *         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6a7.5 7.5 0 107.5 7.5h-7.5V6z" /><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5H21A7.5 7.5 0 0013.5 3v7.5z" /></svg>
- *         </svelte:fragment>
- *       </SidebarItem>
- *       <SidebarItem label="Kanban" {spanClass}>
- *         <svelte:fragment slot="icon">
- *           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z" /></svg>
- *         </svelte:fragment>
- *         <svelte:fragment slot="subtext">
- *           <span
- *             class="inline-flex justify-center items-center px-2 ml-3 text-sm font-medium text-gray-800 bg-gray-200 rounded-full dark:bg-gray-700 dark:text-gray-300"
- *             >Pro</span
- *           >
- *         </svelte:fragment>
- *       </SidebarItem>
- *       <SidebarItem label="Inbox" {spanClass}>
- *       <svelte:fragment slot="icon">
- *         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 3.75H6.912a2.25 2.25 0 00-2.15 1.588L2.35 13.177a2.25 2.25 0 00-.1.661V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 00-2.15-1.588H15M2.25 13.5h3.86a2.25 2.25 0 012.012 1.244l.256.512a2.25 2.25 0 002.013 1.244h3.218a2.25 2.25 0 002.013-1.244l.256-.512a2.25 2.25 0 012.013-1.244h3.859M12 3v8.25m0 0l-3-3m3 3l3-3" /></svg>
- *         </svelte:fragment>
- *         <svelte:fragment slot="subtext">
- *           <span
- *             class="inline-flex justify-center items-center p-3 ml-3 w-3 h-3 text-sm font-medium text-blue-600 bg-blue-200 rounded-full dark:bg-blue-900 dark:text-blue-200"
- *             >3</span
- *           >
- *         </svelte:fragment>
- *       </SidebarItem>
- *       <SidebarItem label="Sidebar" href='/docs/components/sidebar' active={activeUrl === '/docs/components/sidebar'}>
- *         <svelte:fragment slot="icon">
- *           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" /></svg>
- *         </svelte:fragment>
- *       </SidebarItem>
- *       <SidebarItem label="Sign In">
- *         <svelte:fragment slot="icon">
- *           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15M12 9l-3 3m0 0l3 3m-3-3h12.75" /></svg>
- *         </svelte:fragment>
- *       </SidebarItem>
- *       <SidebarItem label="Sign Up">
- *         <svelte:fragment slot="icon">
- *           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12a7.5 7.5 0 0015 0m-15 0a7.5 7.5 0 1115 0m-15 0H3m16.5 0H21m-1.5 0H12m-8.457 3.077l1.41-.513m14.095-5.13l1.41-.513M5.106 17.785l1.15-.964m11.49-9.642l1.149-.964M7.501 19.795l.75-1.3m7.5-12.99l.75-1.3m-6.063 16.658l.26-1.477m2.605-14.772l.26-1.477m0 17.726l-.26-1.477M10.698 4.614l-.26-1.477M16.5 19.794l-.75-1.299M7.5 4.205L12 12m6.894 5.785l-1.149-.964M6.256 7.178l-1.15-.964m15.352 8.864l-1.41-.513M4.954 9.435l-1.41-.514M12.002 12l-3.75 6.495" /></svg>
- *         </svelte:fragment>
- *       </SidebarItem>
- *     </SidebarGroup>
- *   </SidebarWrapper>
- * </Sidebar>
- * ```
+ * @prop export let divClass: string = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800';
  */
 export default class SidebarWrapper extends SvelteComponentTyped<SidebarWrapperProps, SidebarWrapperEvents, SidebarWrapperSlots> {
 }

package/dist/sidebars/SidebarWrapper.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarWrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/sidebars/SidebarWrapper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}
+{"version":3,"file":"SidebarWrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/sidebars/SidebarWrapper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

package/dist/skeleton/CardPlaceholder.svelte

@@ -34,23 +34,9 @@ $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Skeleton Card Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Card_placeholder)
-  ## Props
-  @prop divClass: string =
-    'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
-  @prop size: keyof Sizes = 'sm';
-  ## Example
-  ```
-  <script>
-    import { CardPlaceholder } from 'flowbite-svelte'
-  </script>
-
-  <CardPlaceholder />
-  <CardPlaceholder size='md' class='mt-8'/>
-  <CardPlaceholder size='lg' class='mt-8'/>
-  <CardPlaceholder size='xl' class='mt-8'/>
-  <CardPlaceholder size='xxl' class='mt-8'/>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
+@prop export let size: keyof Sizes = 'sm';
 -->

package/dist/skeleton/CardPlaceholder.svelte.d.ts

@@ -14,24 +14,10 @@ export type CardPlaceholderProps = typeof __propDef.props;
 export type CardPlaceholderEvents = typeof __propDef.events;
 export type CardPlaceholderSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Skeleton Card Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Card_placeholder)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string =
- *   'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
- * @prop size: keyof Sizes = 'sm';
- * ## Example
- * ```
- * <script>
- *   import { CardPlaceholder } from 'flowbite-svelte'
- * </script>
- *
- * <CardPlaceholder />
- * <CardPlaceholder size='md' class='mt-8'/>
- * <CardPlaceholder size='lg' class='mt-8'/>
- * <CardPlaceholder size='xl' class='mt-8'/>
- * <CardPlaceholder size='xxl' class='mt-8'/>
- * ```
+ * @prop export let divClass: string = 'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
+ * @prop export let size: keyof Sizes = 'sm';
  */
 export default class CardPlaceholder extends SvelteComponentTyped<CardPlaceholderProps, CardPlaceholderEvents, CardPlaceholderSlots> {
 }

package/dist/skeleton/CardPlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/CardPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgDD,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;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
+{"version":3,"file":"CardPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/CardPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgDD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/skeleton/ImagePlaceholder.svelte

@@ -22,19 +22,9 @@ export let imgHeight = '48';
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Skeleton Image Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Image_placeholder)
-  ## Props
-  @prop divClass: string = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 md:flex md:items-center';
-  @prop imgHeight: string = '48';
-  ## Example
-  ```
-  <script>
-    import { ImagePlaceholder } from 'flowbite-svelte'
-  </script>
-
-  <ImagePlaceholder />
-  <ImagePlaceholder imgHeight={60} class='mt-8'/>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 md:flex md:items-center';
+@prop export let imgHeight: string = '48';
 -->

package/dist/skeleton/ImagePlaceholder.svelte.d.ts

@@ -14,20 +14,10 @@ export type ImagePlaceholderProps = typeof __propDef.props;
 export type ImagePlaceholderEvents = typeof __propDef.events;
 export type ImagePlaceholderSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Skeleton Image Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Image_placeholder)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 md:flex md:items-center';
- * @prop imgHeight: string = '48';
- * ## Example
- * ```
- * <script>
- *   import { ImagePlaceholder } from 'flowbite-svelte'
- * </script>
- *
- * <ImagePlaceholder />
- * <ImagePlaceholder imgHeight={60} class='mt-8'/>
- * ```
+ * @prop export let divClass: string = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 md:flex md:items-center';
+ * @prop export let imgHeight: string = '48';
  */
 export default class ImagePlaceholder extends SvelteComponentTyped<ImagePlaceholderProps, ImagePlaceholderEvents, ImagePlaceholderSlots> {
 }

package/dist/skeleton/ImagePlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/ImagePlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}
+{"version":3,"file":"ImagePlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/ImagePlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}

package/dist/skeleton/ListPlaceholder.svelte

@@ -42,17 +42,8 @@ export let divClass = 'p-4 space-y-4 max-w-md rounded border border-gray-200 div
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Skeleton List Placeholder](https://flowbite-svelte.com/docs/components/skeleton#List_placeholder)
-  ## Props
-  @prop divClass: string = 'p-4 space-y-4 max-w-md rounded border border-gray-200 divide-y divide-gray-200 shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700';
-  ## Example
-  ```
-  <script>
-    import { ListPlaceholder } from 'flowbite-svelte'
-  </script>
-
-  <ListPlaceholder />
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'p-4 space-y-4 max-w-md rounded border border-gray-200 divide-y divide-gray-200 shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700';
 -->

package/dist/skeleton/ListPlaceholder.svelte.d.ts

@@ -13,18 +13,9 @@ export type ListPlaceholderProps = typeof __propDef.props;
 export type ListPlaceholderEvents = typeof __propDef.events;
 export type ListPlaceholderSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Skeleton List Placeholder](https://flowbite-svelte.com/docs/components/skeleton#List_placeholder)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'p-4 space-y-4 max-w-md rounded border border-gray-200 divide-y divide-gray-200 shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700';
- * ## Example
- * ```
- * <script>
- *   import { ListPlaceholder } from 'flowbite-svelte'
- * </script>
- *
- * <ListPlaceholder />
- * ```
+ * @prop export let divClass: string = 'p-4 space-y-4 max-w-md rounded border border-gray-200 divide-y divide-gray-200 shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700';
  */
 export default class ListPlaceholder extends SvelteComponentTyped<ListPlaceholderProps, ListPlaceholderEvents, ListPlaceholderSlots> {
 }

package/dist/skeleton/ListPlaceholder.svelte.d.ts.map

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

@@ -23,22 +23,9 @@ $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Skeleton](https://flowbite-svelte.com/docs/components/skeleton)
-  ## Props
-  @prop divClass: string = 'animate-pulse';
-  @prop size: keyof Sizes = 'sm';  
-  ## Example
-  ```
-  <script>
-    import { Skeleton } from 'flowbite-svelte'
-  </script>
-
-  <Skeleton size="sm" class="my-8" />
-  <Skeleton size="md" class="my-8" />
-  <Skeleton size="lg" class="my-8" />
-  <Skeleton size="xl" class="my-8" />
-  <Skeleton size="xxl" class="mt-8 mb-2.5" />
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'animate-pulse';
+@prop export let size: keyof Sizes = 'sm';
 -->

package/dist/skeleton/Skeleton.svelte.d.ts

@@ -14,23 +14,10 @@ export type SkeletonProps = typeof __propDef.props;
 export type SkeletonEvents = typeof __propDef.events;
 export type SkeletonSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Skeleton](https://flowbite-svelte.com/docs/components/skeleton)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'animate-pulse';
- * @prop size: keyof Sizes = 'sm';
- * ## Example
- * ```
- * <script>
- *   import { Skeleton } from 'flowbite-svelte'
- * </script>
- *
- * <Skeleton size="sm" class="my-8" />
- * <Skeleton size="md" class="my-8" />
- * <Skeleton size="lg" class="my-8" />
- * <Skeleton size="xl" class="my-8" />
- * <Skeleton size="xxl" class="mt-8 mb-2.5" />
- * ```
+ * @prop export let divClass: string = 'animate-pulse';
+ * @prop export let size: keyof Sizes = 'sm';
  */
 export default class Skeleton extends SvelteComponentTyped<SkeletonProps, SkeletonEvents, SkeletonSlots> {
 }

package/dist/skeleton/Skeleton.svelte.d.ts.map

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

package/dist/skeleton/TestimonialPlaceholder.svelte

@@ -16,17 +16,8 @@ export let divClass = 'animate-pulse';
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Skeleton Testimonial Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Testimonial_placeholder)
-  ## Props
-  @prop divClass: string = 'animate-pulse';
-  ## Example
-  ```
-  <script>
-    import { TestimonialPlaceholder } from 'flowbite-svelte'
-  </script>
-
-  <TestimonialPlaceholder />
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'animate-pulse';
 -->

package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts

@@ -13,18 +13,9 @@ export type TestimonialPlaceholderProps = typeof __propDef.props;
 export type TestimonialPlaceholderEvents = typeof __propDef.events;
 export type TestimonialPlaceholderSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Skeleton Testimonial Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Testimonial_placeholder)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'animate-pulse';
- * ## Example
- * ```
- * <script>
- *   import { TestimonialPlaceholder } from 'flowbite-svelte'
- * </script>
- *
- * <TestimonialPlaceholder />
- * ```
+ * @prop export let divClass: string = 'animate-pulse';
  */
 export default class TestimonialPlaceholder extends SvelteComponentTyped<TestimonialPlaceholderProps, TestimonialPlaceholderEvents, TestimonialPlaceholderSlots> {
 }

package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TestimonialPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/TestimonialPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAyBD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjE,MAAM,MAAM,4BAA4B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnE,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjE;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,oBAAoB,CAAC,2BAA2B,EAAE,4BAA4B,EAAE,2BAA2B,CAAC;CAC/J"}
+{"version":3,"file":"TestimonialPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/TestimonialPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAyBD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjE,MAAM,MAAM,4BAA4B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnE,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjE;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,oBAAoB,CAAC,2BAA2B,EAAE,4BAA4B,EAAE,2BAA2B,CAAC;CAC/J"}

package/dist/skeleton/TextPlaceholder.svelte

@@ -46,22 +46,9 @@ $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Skeleton](https://flowbite-svelte.com/docs/components/skeleton)
-  ## Props
-  @prop divClass: string = 'space-y-2.5 animate-pulse';
-  @prop size: keyof Sizes = 'sm';  
-  ## Example
-  ```
-  <script>
-    import { TextPlaceholder } from 'flowbite-svelte'
-  </script>
-
-  <TextPlaceholder />
-  <TextPlaceholder size='md' class='mt-8'/>
-  <TextPlaceholder size='lg' class='mt-8'/>
-  <TextPlaceholder size='xl' class='mt-8'/>
-  <TextPlaceholder size='xxl' class='mt-8'/>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'space-y-2.5 animate-pulse';
+@prop export let size: keyof Sizes = 'sm';
 -->

package/dist/skeleton/TextPlaceholder.svelte.d.ts

@@ -14,23 +14,10 @@ export type TextPlaceholderProps = typeof __propDef.props;
 export type TextPlaceholderEvents = typeof __propDef.events;
 export type TextPlaceholderSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Skeleton](https://flowbite-svelte.com/docs/components/skeleton)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'space-y-2.5 animate-pulse';
- * @prop size: keyof Sizes = 'sm';
- * ## Example
- * ```
- * <script>
- *   import { TextPlaceholder } from 'flowbite-svelte'
- * </script>
- *
- * <TextPlaceholder />
- * <TextPlaceholder size='md' class='mt-8'/>
- * <TextPlaceholder size='lg' class='mt-8'/>
- * <TextPlaceholder size='xl' class='mt-8'/>
- * <TextPlaceholder size='xxl' class='mt-8'/>
- * ```
+ * @prop export let divClass: string = 'space-y-2.5 animate-pulse';
+ * @prop export let size: keyof Sizes = 'sm';
  */
 export default class TextPlaceholder extends SvelteComponentTyped<TextPlaceholderProps, TextPlaceholderEvents, TextPlaceholderSlots> {
 }

package/dist/skeleton/TextPlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/TextPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4DD,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
+{"version":3,"file":"TextPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/TextPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4DD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/skeleton/VideoPlaceholder.svelte

@@ -19,23 +19,9 @@ $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Skeleton Video Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Video_placeholder)
-  ## Props
-  @prop divClass: string =
-    'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700';
-  @prop size: keyof Sizes = 'sm';  
-  ## Example
-  ```
-  <script>
-    import { VideoPlaceholder } from 'flowbite-svelte'
-  </script>
-
-  <VideoPlaceholder />
-  <VideoPlaceholder size='md' class='mt-8'/>
-  <VideoPlaceholder size='lg' class='mt-8'/>
-  <VideoPlaceholder size='xl' class='mt-8'/>
-  <VideoPlaceholder size='xxl' class='mt-8'/>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700';
+@prop export let size: keyof Sizes = 'sm';
 -->

package/dist/skeleton/VideoPlaceholder.svelte.d.ts

@@ -14,24 +14,10 @@ export type VideoPlaceholderProps = typeof __propDef.props;
 export type VideoPlaceholderEvents = typeof __propDef.events;
 export type VideoPlaceholderSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Skeleton Video Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Video_placeholder)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string =
- *   'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700';
- * @prop size: keyof Sizes = 'sm';
- * ## Example
- * ```
- * <script>
- *   import { VideoPlaceholder } from 'flowbite-svelte'
- * </script>
- *
- * <VideoPlaceholder />
- * <VideoPlaceholder size='md' class='mt-8'/>
- * <VideoPlaceholder size='lg' class='mt-8'/>
- * <VideoPlaceholder size='xl' class='mt-8'/>
- * <VideoPlaceholder size='xxl' class='mt-8'/>
- * ```
+ * @prop export let divClass: string = 'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700';
+ * @prop export let size: keyof Sizes = 'sm';
  */
 export default class VideoPlaceholder extends SvelteComponentTyped<VideoPlaceholderProps, VideoPlaceholderEvents, VideoPlaceholderSlots> {
 }

package/dist/skeleton/VideoPlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/VideoPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}
+{"version":3,"file":"VideoPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/VideoPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}

package/dist/skeleton/WidgetPlaceholder.svelte

@@ -18,17 +18,8 @@ export let divClass = 'p-4 max-w-sm rounded border border-gray-200 shadow animat
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Skeleton Widget Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Widget_placeholder)
-  ## Props
-  @prop divClass: string = 'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
-  ## Example
-  ```
-  <script>
-    import { WidgetPlaceholder } from 'flowbite-svelte'
-  </script>
-
-  <WidgetPlaceholder />
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
 -->

package/dist/skeleton/WidgetPlaceholder.svelte.d.ts

@@ -13,18 +13,9 @@ export type WidgetPlaceholderProps = typeof __propDef.props;
 export type WidgetPlaceholderEvents = typeof __propDef.events;
 export type WidgetPlaceholderSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Skeleton Widget Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Widget_placeholder)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
- * ## Example
- * ```
- * <script>
- *   import { WidgetPlaceholder } from 'flowbite-svelte'
- * </script>
- *
- * <WidgetPlaceholder />
- * ```
+ * @prop export let divClass: string = 'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
  */
 export default class WidgetPlaceholder extends SvelteComponentTyped<WidgetPlaceholderProps, WidgetPlaceholderEvents, WidgetPlaceholderSlots> {
 }

package/dist/skeleton/WidgetPlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/WidgetPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2BD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}
+{"version":3,"file":"WidgetPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/WidgetPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2BD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}

package/dist/speed-dial/SpeedDial.svelte

@@ -51,48 +51,18 @@ $: poperClass = twMerge(popperDefaultClass, ['top', 'bottom'].includes(placement
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Speed Dial](https://flowbite-svelte.com/docs/components/speed-dial)
-  - Default speed dial
-  - Colors
-  - Square speed dial
-  - Text inside button
-  - Text outside button
-  - Dropdown menu
-  - Alternative menu
-  - Alignment - Position
-  - Triggering
-  ## Props
-  @prop defaultClass: string = 'fixed right-6 bottom-6';
-  @prop popperDefaultClass: string = 'flex items-center mb-4 gap-2';
-  @prop placement: Placement = 'top';
-  @prop pill: boolean = true;
-  @prop tooltip: Placement | 'none' = 'left';
-  @prop trigger: 'hover' | 'click' = 'hover';
-  @prop textOutside: boolean = false;
-  @prop id: string = generateId();
-  @prop name: string = 'Open actions menu';
-  @prop gradient: boolean = false;
-  ## Example
-  ```
-  <script>
-    import { SpeedDial, SpeedDialButton } from 'flowbite-svelte'
-  </script>
-
-  <SpeedDial defaultClass="absolute right-6 bottom-6">
-      <SpeedDialButton name="Share">
-          <svg aria-hidden="true" class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"></path></svg>
-      </SpeedDialButton>
-      <SpeedDialButton name="Print">
-          <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 4v3H4a2 2 0 00-2 2v3a2 2 0 002 2h1v2a2 2 0 002 2h6a2 2 0 002-2v-2h1a2 2 0 002-2V9a2 2 0 00-2-2h-1V4a2 2 0 00-2-2H7a2 2 0 00-2 2zm8 0H7v3h6V4zm0 8H7v4h6v-4z" clip-rule="evenodd"></path></svg>
-      </SpeedDialButton>
-      <SpeedDialButton name="Download">
-          <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4 4a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V8a2 2 0 00-2-2h-5L9 4H4zm7 5a1 1 0 00-2 0v1.586l-.293-.293a.999.999 0 10-1.414 1.414l2 2a.999.999 0 001.414 0l2-2a.999.999 0 10-1.414-1.414l-.293.293V9z" fill-rule="evenodd"></path></svg>
-      </SpeedDialButton>
-      <SpeedDialButton name="Copy">
-          <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7 9a2 2 0 012-2h6a2 2 0 012 2v6a2 2 0 01-2 2H9a2 2 0 01-2-2V9z"></path><path d="M5 3a2 2 0 00-2 2v6a2 2 0 002 2V5h8a2 2 0 00-2-2H5z"></path></svg>
-      </SpeedDialButton>
-  </SpeedDial>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let defaultClass: string = 'fixed right-6 bottom-6';
+@prop export let popperDefaultClass: string = 'flex items-center mb-4 gap-2';
+@prop export let placement: Placement = 'top';
+@prop export let pill: boolean = true;
+@prop export let tooltip: Placement | 'none' = 'left';
+@prop export let trigger: 'hover' | 'click' = 'hover';
+@prop export let textOutside: boolean = false;
+@prop export let id: string = generateId();
+@prop export let name: string = 'Open actions menu';
+@prop export let gradient: boolean = false;
+@prop export let open: boolean = false;
 -->