flowbite-svelte 1.11.6 → 1.12.0

package/dist/forms/tags/Tags.svelte.d.ts

@@ -2,7 +2,7 @@ import { type TagsProps } from "../..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L872)
+ * [TagsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L879)
  * ## Props
  * @prop value = $bindable([])
  * @prop placeholder = "Enter tags"

package/dist/forms/textarea/Textarea.svelte

@@ -75,7 +75,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L925)
+[TextareaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L932)
 ## Props
 @prop header
 @prop footer

package/dist/forms/textarea/Textarea.svelte.d.ts

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

package/dist/forms/timepicker/Timepicker.svelte

@@ -269,7 +269,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L896)
+[TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L903)
 ## Props
 @prop id = "time"
 @prop endId = "end-time"

package/dist/forms/timepicker/Timepicker.svelte.d.ts

@@ -2,7 +2,7 @@ import { type TimepickerProps } from "../..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L896)
+ * [TimepickerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L903)
  * ## Props
  * @prop id = "time"
  * @prop endId = "end-time"

package/dist/forms/toggle/Toggle.svelte

@@ -29,7 +29,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L947)
+[ToggleProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L954)
 ## Props
 @prop children
 @prop size = "default"

package/dist/forms/toggle/Toggle.svelte.d.ts

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

package/dist/gallery/Gallery.svelte

@@ -42,7 +42,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L964)
+[GalleryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L971)
 ## Props
 @prop children
 @prop figure

package/dist/gallery/Gallery.svelte.d.ts

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

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export * from "./clipboard";
 export * from "./darkmode";
 export * from "./datepicker";
 export * from "./device-mockups";
+export * from "./dialog";
 export * from "./dropdown";
 export * from "./drawer";
 export * from "./footer";

package/dist/index.js

@@ -19,6 +19,7 @@ export * from "./clipboard";
 export * from "./darkmode";
 export * from "./datepicker";
 export * from "./device-mockups";
+export * from "./dialog";
 export * from "./dropdown";
 export * from "./drawer";
 export * from "./footer";

package/dist/indicator/Indicator.svelte

@@ -33,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L975)
+[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L982)
 ## Props
 @prop children
 @prop color = "primary"

package/dist/indicator/Indicator.svelte.d.ts

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

package/dist/kbd/Kbd.svelte

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

package/dist/kbd/Kbd.svelte.d.ts

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

package/dist/list-group/Listgroup.svelte

@@ -46,7 +46,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1005)
+[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1012)
 ## Props
 @prop children
 @prop items

package/dist/list-group/Listgroup.svelte.d.ts

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

package/dist/list-group/ListgroupItem.svelte

@@ -45,7 +45,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1016)
+[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1023)
 ## Props
 @prop children
 @prop active

package/dist/list-group/ListgroupItem.svelte.d.ts

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

package/dist/mega-menu/MegaMenu.svelte

@@ -39,7 +39,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1027)
+[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1034)
 ## Props
 @prop children
 @prop extra

package/dist/mega-menu/MegaMenu.svelte.d.ts

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

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,13 +1,12 @@
-import type { NavBrandProps } from "../types";
 /**
  * [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
  * @prop ...restProps
  */
-declare const NavBrand: import("svelte").Component<NavBrandProps, {}, "">;
+declare const NavBrand: import("svelte").Component<import("svelte/elements").HTMLAnchorAttributes, {}, "">;
 type NavBrand = ReturnType<typeof NavBrand>;
 export default NavBrand;

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