flowbite-svelte 1.11.8 → 1.12.0

package/dist/modal/Modal.svelte

@@ -1,13 +1,12 @@
 <script lang="ts">
-  import { type ModalProps, type ParamsType, CloseButton, trapFocus } from "..";
+  import { type ModalProps, type ParamsType, CloseButton, Dialog } from "..";
+  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
   import { sineIn } from "svelte/easing";
   import { fade } from "svelte/transition";
   import { modal as modalStyle } from ".";
-  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
-  import { createDismissableContext } from "../utils/dismissable";
 
-  let { children, onaction = () => true, oncancel, onsubmit, ontoggle, form = false, modal = true, autoclose = false, focustrap = false, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, outsideclose = true, size = "md", placement, class: className, classes, params, transition = fade, fullscreen = false, ...restProps }: ModalProps = $props();
+  let { children, header, footer, title, open = $bindable(false), permanent = false, dismissable = true, closeBtnClass, headerClass, bodyClass, footerClass, outsideclose = true, size = "md", placement, class: className, classes, transitionParams, transition = fade, fullscreen = false, ...restProps }: ModalProps = $props();
 
   // form, header, footer, body, close
   warnThemeDeprecation("Modal", { headerClass, bodyClass, footerClass, closeBtnClass }, { bodyClass: "body", headerClass: "header", footerClass: "footer", closeBtnClass: "close" });
@@ -16,90 +15,12 @@
   const theme = getTheme("modal");
 
   const paramsDefault = { duration: 100, easing: sineIn };
-  const paramsOptions = $derived(params ?? paramsDefault);
-
-  const { base, form: formCls, header: headerCls, footer: footerCls, body, close: closeCls } = $derived(modalStyle({ placement, size }));
-
-  const close = (dlg: HTMLDialogElement) => (open = false);
-  // @ts-expect-error: dlg.requestClose may not be supported
-  const cancel = (dlg: HTMLDialogElement) => (typeof dlg.requestClose === "function" ? dlg.requestClose() : close());
-
-  function _oncancel(ev: Event & { currentTarget: HTMLDialogElement }) {
-    if (ev.target !== ev.currentTarget) {
-      return; // ignore if not on dialog
-    }
-
-    // this event gets called when user canceled the dialog:
-    // pressesed ESC key, clicked outside, pressed submit button with no 'value' like close button
-    oncancel?.(ev);
-    if (ev.defaultPrevented) return;
-
-    ev.preventDefault(); // prevent anyway, we need clean close
-    if (!permanent) close(ev.currentTarget);
-  }
-
-  function _onclick(ev: Event & { currentTarget: HTMLDialogElement }) {
-    const dlg: HTMLDialogElement = ev.currentTarget;
-    if (outsideclose && ev.target === dlg) {
-      return cancel(dlg);
-    }
-
-    if (autoclose && ev.target instanceof HTMLButtonElement && !permanent) {
-      return close(dlg);
-    }
-  }
-
-  function _onsubmit(ev: SubmitEvent & { currentTarget: HTMLDialogElement }) {
-    // When dialog contains the <form method="dialog"> and when child with type="submit" was pressed
-
-    onsubmit?.(ev);
-    if (ev.defaultPrevented) return;
-
-    ev.preventDefault(); // stop dialog.close()
-
-    const dlg: HTMLDialogElement = ev.currentTarget;
+  const paramsOptions = $derived(transitionParams ?? paramsDefault);
 
-    if (ev.submitter instanceof HTMLButtonElement || ev.submitter instanceof HTMLInputElement) {
-      dlg.returnValue = ev.submitter.value;
-    }
-
-    if (!dlg.returnValue) {
-      return cancel(dlg); // if no action - treat that as cancel
-    }
-
-    // explicit false from onaction blocks the form closing
-    if (typeof onaction === "function" && onaction({ action: dlg.returnValue, data: new FormData(ev.target as HTMLFormElement) }) === false) return;
-
-    close(dlg);
-  }
-
-  function _ontoggle(ev: ToggleEvent & { currentTarget: HTMLDialogElement }) {
-    ontoggle?.(ev);
-    open = ev.newState === "open"; // for cases when toggle by other means
-  }
-
-  function init(dlg: HTMLDialogElement) {
-    modal ? dlg.showModal() : dlg.show();
-    return () => dlg.close();
-  }
-
-  const focusTrap = (node: HTMLElement) => (focustrap ? trapFocus(node) : undefined);
-
-  let ref: HTMLDialogElement | undefined = $state(undefined);
-
-  function close_handler(ev: MouseEvent) {
-    if (form) {
-      // dialog/form mechanism will close the dialog
-      return;
-    }
-
-    ref?.dispatchEvent(new Event("cancel", { bubbles: true, cancelable: true }));
-  }
-
-  createDismissableContext(close_handler);
+  const { base, header: headerCls, footer: footerCls, body } = $derived(modalStyle({ placement, size }));
 </script>
 
-{#snippet content()}
+<Dialog bind:open {transition} dismissable={dismissable && !title && !permanent} transitionParams={paramsOptions} {...restProps} class={base({ fullscreen, class: clsx(theme?.base, className) })}>
   {#if title || header}
     <div class={headerCls({ class: clsx(theme?.header, styling.header) })}>
       {#if title}
@@ -120,38 +41,15 @@
       {@render footer()}
     </div>
   {/if}
-  {#if dismissable && !permanent && !title}
-    <CloseButton type="submit" formnovalidate class={closeCls({ class: clsx(theme?.close, styling.close) })} />
-  {/if}
-{/snippet}
-
-{#if open}
-  <dialog {@attach init} bind:this={ref} use:focusTrap class={base({ fullscreen, class: clsx(theme?.base, className) })} tabindex="-1" onsubmit={_onsubmit} oncancel={_oncancel} onclick={_onclick} ontoggle={_ontoggle} transition:transition|global={paramsOptions as ParamsType} {...restProps}>
-    {#if form}
-      <form method="dialog" class={formCls({ class: clsx(theme?.form) })}>
-        {@render content()}
-      </form>
-    {:else}
-      {@render content()}
-    {/if}
-  </dialog>
-{/if}
+</Dialog>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1038)
+[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1045)
 ## Props
 @prop children
-@prop onaction = ()
-@prop oncancel
-@prop onsubmit
-@prop ontoggle
-@prop form = false
-@prop modal = true
-@prop autoclose = false
-@prop focustrap = false
 @prop header
 @prop footer
 @prop title
@@ -167,7 +65,7 @@
 @prop placement
 @prop class: className
 @prop classes
-@prop params
+@prop transitionParams
 @prop transition = fade
 @prop fullscreen = false
 @prop ...restProps

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

@@ -2,17 +2,9 @@ import { type ModalProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1038)
+ * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1045)
  * ## Props
  * @prop children
- * @prop onaction = ()
- * @prop oncancel
- * @prop onsubmit
- * @prop ontoggle
- * @prop form = false
- * @prop modal = true
- * @prop autoclose = false
- * @prop focustrap = false
  * @prop header
  * @prop footer
  * @prop title
@@ -28,7 +20,7 @@ import { type ModalProps } from "..";
  * @prop placement
  * @prop class: className
  * @prop classes
- * @prop params
+ * @prop transitionParams
  * @prop transition = fade
  * @prop fullscreen = false
  * @prop ...restProps

package/dist/modal/theme.d.ts

@@ -1,6 +1,7 @@
 import { type VariantProps } from "tailwind-variants";
 import type { Classes } from "../theme/themeUtils";
-export type ModalVariants = VariantProps<typeof modal> & Classes<typeof modal>;
+import { dialog } from "../dialog";
+export type ModalVariants = VariantProps<typeof modal> & Classes<typeof modal> & Classes<typeof dialog>;
 export declare const modal: import("tailwind-variants").TVReturnType<{
     fullscreen: {
         true: {
@@ -62,129 +63,20 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
     header: string;
     footer: string;
     body: string;
+}, undefined, {}, {
+    base: string;
+    form: string;
     close: string;
-}, undefined, {
-    fullscreen: {
-        true: {
-            base: string;
-        };
-    };
-    placement: {
-        "top-left": {
-            base: string;
-        };
-        "top-center": {
-            base: string;
-        };
-        "top-right": {
-            base: string;
-        };
-        "center-left": {
-            base: string;
-        };
-        center: {
-            base: string;
-        };
-        "center-right": {
-            base: string;
-        };
-        "bottom-left": {
-            base: string;
-        };
-        "bottom-center": {
-            base: string;
-        };
-        "bottom-right": {
-            base: string;
-        };
-    };
-    size: {
-        none: {
-            base: string;
-        };
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-    };
-}, {
+}, import("tailwind-variants").TVReturnType<{}, {
     base: string;
     form: string;
-    header: string;
-    footer: string;
-    body: string;
     close: string;
-}, import("tailwind-variants").TVReturnType<{
-    fullscreen: {
-        true: {
-            base: string;
-        };
-    };
-    placement: {
-        "top-left": {
-            base: string;
-        };
-        "top-center": {
-            base: string;
-        };
-        "top-right": {
-            base: string;
-        };
-        "center-left": {
-            base: string;
-        };
-        center: {
-            base: string;
-        };
-        "center-right": {
-            base: string;
-        };
-        "bottom-left": {
-            base: string;
-        };
-        "bottom-center": {
-            base: string;
-        };
-        "bottom-right": {
-            base: string;
-        };
-    };
-    size: {
-        none: {
-            base: string;
-        };
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-    };
-}, {
+}, undefined, {}, {
+    base: string;
+    form: string;
+    close: string;
+}, import("tailwind-variants").TVReturnType<{}, {
     base: string;
     form: string;
-    header: string;
-    footer: string;
-    body: string;
     close: string;
-}, undefined, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>>;

package/dist/modal/theme.js

@@ -1,12 +1,13 @@
 import { tv } from "tailwind-variants";
+import { dialog } from "../dialog";
 export const modal = tv({
+    extend: dialog,
     slots: {
-        base: "backdrop:bg-black/80 open:flex flex-col w-full max-h-[90hv] rounded-lg divide-y text-gray-500 dark:text-gray-400 border-gray-300 dark:border-gray-800 divide-gray-300 dark:divide-gray-700 bg-white dark:bg-gray-800 pointer-events-auto",
-        form: "flex flex-col rounded-lg divide-y",
+        base: "w-full rounded-lg divide-y text-gray-500 dark:text-gray-400 border-gray-300 dark:border-gray-700 divide-gray-300 dark:divide-gray-700 bg-white dark:bg-gray-800 pointer-events-auto",
+        form: "rounded-lg divide-y",
         header: "flex items-center p-4 md:p-5 justify-between rounded-t-lg shrink-0 text-xl font-semibold text-gray-900 dark:text-white",
         footer: "flex items-center p-4 md:p-5 space-x-3 rtl:space-x-reverse rounded-b-lg shrink-0",
-        body: "p-4 md:p-5 space-y-4 overflow-y-auto overscroll-contain",
-        close: "absolute top-3 end-2.5"
+        body: "p-4 md:p-5 space-y-4 overflow-y-auto overscroll-contain"
     },
     variants: {
         fullscreen: {
@@ -15,15 +16,15 @@ export const modal = tv({
             }
         },
         placement: {
-            "top-left": { base: "top-0 left-0" },
-            "top-center": { base: "top-0 left-1/2 -translate-x-1/2" },
-            "top-right": { base: "top-0 left-full -translate-x-full" },
-            "center-left": { base: "top-1/2 left-0 -translate-y-1/2" },
-            center: { base: "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" },
-            "center-right": { base: "top-1/2 left-full -translate-x-full -translate-y-1/2" },
-            "bottom-left": { base: "top-full -translate-y-full left-0" },
-            "bottom-center": { base: "top-full -translate-y-full left-1/2 -translate-x-1/2" },
-            "bottom-right": { base: "top-full -translate-y-full left-full -translate-x-full" }
+            "top-left": { base: "mb-auto mr-auto" },
+            "top-center": { base: "mb-auto mx-auto" },
+            "top-right": { base: "mb-auto ml-auto" },
+            "center-left": { base: "my-auto mr-auto" },
+            center: { base: "my-auto mx-auto" },
+            "center-right": { base: "my-auto ml-auto" },
+            "bottom-left": { base: "mt-auto mr-auto" },
+            "bottom-center": { base: "mt-auto mx-auto" },
+            "bottom-right": { base: "mt-auto ml-auto" }
         },
         size: {
             none: { base: "" },

package/dist/navbar/Menu.svelte

@@ -33,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1059)
+[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1056)
 ## Props
 @prop size = "24"
 @prop color = "currentColor"

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

@@ -2,7 +2,7 @@ import type { MenuProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1059)
+ * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1056)
  * ## Props
  * @prop size = "24"
  * @prop color = "currentColor"

package/dist/navbar/NavBrand.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1083)
+[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1080)
 ## Props
 @prop children
 @prop class: className

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

@@ -1,7 +1,7 @@
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1083)
+ * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1080)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/navbar/NavContainer.svelte

@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1085)
+[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1082)
 ## Props
 @prop children
 @prop fluid

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

@@ -2,7 +2,7 @@ import type { NavContainerProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1085)
+ * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1082)
  * ## Props
  * @prop children
  * @prop fluid

package/dist/navbar/NavHamburger.svelte

@@ -31,7 +31,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1089)
+[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1086)
 ## Props
 @prop children
 @prop onclick

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

@@ -1,7 +1,7 @@
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1089)
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1086)
  * ## Props
  * @prop children
  * @prop onclick

package/dist/navbar/NavLi.svelte

@@ -44,7 +44,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1110)
+[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
 ## Props
 @prop children
 @prop onclick

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

@@ -2,7 +2,7 @@ import type { NavLiProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1110)
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1107)
  * ## Props
  * @prop children
  * @prop onclick

package/dist/navbar/NavUl.svelte

@@ -71,7 +71,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1095)
+[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1092)
 ## Props
 @prop children
 @prop activeUrl = $bindable()

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

@@ -2,7 +2,7 @@ import type { NavUlProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1095)
+ * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1092)
  * ## Props
  * @prop children
  * @prop activeUrl = $bindable()

package/dist/navbar/Navbar.svelte

@@ -44,7 +44,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1075)
+[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1072)
 ## Props
 @prop children
 @prop fluid

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

@@ -2,7 +2,7 @@ import type { NavbarProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1075)
+ * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1072)
  * ## Props
  * @prop children
  * @prop fluid

package/dist/pagination/Pagination.svelte

@@ -54,7 +54,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1175)
+[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1172)
 ## Props
 @prop pages = []
 @prop previous

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

@@ -2,7 +2,7 @@ import type { PaginationProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1175)
+ * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1172)
  * ## Props
  * @prop pages = []
  * @prop previous

package/dist/pagination/PaginationButton.svelte

@@ -50,7 +50,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1146)
+[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1143)
 ## Props
 @prop children
 @prop size

package/dist/pagination/PaginationButton.svelte.d.ts

@@ -2,7 +2,7 @@ import type { PaginationButtonProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1146)
+ * [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1143)
  * ## Props
  * @prop children
  * @prop size

package/dist/pagination/PaginationItem.svelte

@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1171)
+[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1168)
 ## Props
 @prop children
 @prop size

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

@@ -2,7 +2,7 @@ import type { PaginationItemProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1171)
+ * [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1168)
  * ## Props
  * @prop children
  * @prop size

package/dist/pagination/PaginationNav.svelte

@@ -105,7 +105,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1152)
+[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1149)
 ## Props
 @prop currentPage = 1
 @prop totalPages = 1

package/dist/pagination/PaginationNav.svelte.d.ts

@@ -2,7 +2,7 @@ import { type PaginationNavProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1152)
+ * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1149)
  * ## Props
  * @prop currentPage = 1
  * @prop totalPages = 1

package/dist/popover/Popover.svelte

@@ -33,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1185)
+[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1182)
 ## Props
 @prop title: titleSlot
 @prop color = "default"

package/dist/popover/Popover.svelte.d.ts

@@ -2,7 +2,7 @@ import type { PopoverProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1185)
+ * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1182)
  * ## Props
  * @prop title: titleSlot
  * @prop color = "default"

package/dist/progress/Progressbar.svelte

@@ -53,7 +53,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1195)
+[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1192)
 ## Props
 @prop progress = "45"
 @prop precision = 0

package/dist/progress/Progressbar.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ProgressbarProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1195)
+ * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1192)
  * ## Props
  * @prop progress = "45"
  * @prop precision = 0

package/dist/progress/Progressradial.svelte

@@ -65,7 +65,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1206)
+[ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1203)
 ## Props
 @prop progress = 45
 @prop radius = 42