flowbite-svelte 1.10.20 → 1.10.21

package/dist/gallery/theme.d.ts

@@ -1,9 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type GalleryVariants = VariantProps<typeof gallery> & Classes<typeof gallery>;
-export type GallerySlots = keyof typeof gallery.slots;
-export type GalleryTheme = Partial<Record<GallerySlots, ClassValue>>;
 export declare const gallery: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {

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#L991)
+[IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L992)
 ## 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#L991)
+ * [IndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L992)
  * ## Props
  * @prop children
  * @prop color = "primary"

package/dist/indicator/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Indicator } from "./Indicator.svelte";
-export { indicator, type IndicatorTheme } from "./theme";
+export { indicator } from "./theme";

package/dist/indicator/theme.d.ts

@@ -1,5 +1,4 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 export type IndicatorVariants = VariantProps<typeof indicator>;
 export declare const indicator: import("tailwind-variants").TVReturnType<{
     color: {
@@ -176,4 +175,3 @@ export declare const indicator: import("tailwind-variants").TVReturnType<{
         false: {};
     };
 }, undefined, "shrink-0", unknown, unknown, undefined>>;
-export type IndicatorTheme = ClassValue;

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#L1002)
+[KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1003)
 ## 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#L1002)
+ * [KbdProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1003)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/kbd/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Kbd } from "./Kbd.svelte";
-export { kbd, type KbdTheme } from "./theme";
+export { kbd } from "./theme";

package/dist/kbd/theme.d.ts

@@ -1,3 +1 @@
-import type { ClassValue } from "svelte/elements";
 export declare const kbd: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500", unknown, unknown, undefined>>;
-export type KbdTheme = ClassValue;

package/dist/list-group/Listgroup.svelte

@@ -7,7 +7,7 @@
 
   let { children, items, active, onclick, horizontal, rounded, border, class: className, itemClass, iconClass, ...restProps }: ListgroupProps = $props();
 
-  const theme = getTheme("listgroup");
+  const theme = getTheme("listGroup");
 
   const base = $derived(listGroup({ rounded, border, horizontal, class: clsx(theme, className) }));
 
@@ -37,7 +37,7 @@
         <ListgroupItem href={item.href} class={clsx(itemClass)} iconClass={clsx(iconClass)} {active} {horizontal} {...item} onclick={item.onclick ?? createItemClickHandler(item)} />
       {/if}
     {/each}
-  {:else}
+  {:else if children && items?.length}
     {@render children?.(items?.[0])}
   {/if}
 </svelte:element>
@@ -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#L1021)
+[ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1022)
 ## 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#L1021)
+ * [ListgroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1022)
  * ## Props
  * @prop children
  * @prop items

package/dist/list-group/ListgroupItem.svelte

@@ -7,7 +7,7 @@
 
   let { children, active, current, disabled, horizontal, name, Icon, class: className, iconClass = "me-2.5 h-15 w-15", ...restProps }: ListgroupItemProps = $props();
 
-  const theme = getTheme("listgroupItem");
+  const theme = getTheme("listGroupItem");
 
   active = active ?? getContext("listGrpActive");
   horizontal = horizontal ?? getContext("listGrpHorizontal");
@@ -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#L1032)
+[ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1033)
 ## 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#L1032)
+ * [ListgroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1033)
  * ## Props
  * @prop children
  * @prop active

package/dist/list-group/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Listgroup } from "./Listgroup.svelte";
 export { default as ListgroupItem } from "./ListgroupItem.svelte";
-export { listGroup, listGroupItem, type ListGroupTheme, type ListGroupItemTheme } from "./theme";
+export { listGroup, listGroupItem } from "./theme";

package/dist/list-group/theme.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 export type ListgroupVariants = VariantProps<typeof listGroup>;
+export type ListgroupItemVariants = VariantProps<typeof listGroupItem>;
 export declare const listGroup: import("tailwind-variants").TVReturnType<{
     rounded: {
         true: string;
@@ -41,8 +41,6 @@ export declare const listGroup: import("tailwind-variants").TVReturnType<{
         false: string;
     };
 }, undefined, "flex bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 divide-gray-200 dark:divide-gray-600", unknown, unknown, undefined>>;
-export type ListGroupTheme = ClassValue;
-export type ListgroupItemVariants = VariantProps<typeof listGroupItem>;
 export declare const listGroupItem: import("tailwind-variants").TVReturnType<{
     state: {
         normal: string;
@@ -86,4 +84,3 @@ export declare const listGroupItem: import("tailwind-variants").TVReturnType<{
         false: string;
     };
 }, undefined, "py-2 px-4 w-full text-sm font-medium list-none flex items-center text-left gap-2", unknown, unknown, undefined>>;
-export type ListGroupItemTheme = ClassValue;

package/dist/mega-menu/MegaMenu.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { megamenu, type MegaMenuTheme } from "./theme";
+  import { megamenu } from "./theme";
   import clsx from "clsx";
   import { type MegaMenuProps, type LinkType, Popper } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
@@ -10,7 +10,7 @@
   warnThemeDeprecation("MegaMenu", { ulClass, extraClass }, { ulClass: "ul", extraClass: "extra" });
   const styling = $derived(classes ?? { ul: ulClass, extra: extraClass });
 
-  const theme = getTheme("megaMenu");
+  const theme = getTheme("megamenu");
 
   /* eslint-disable  @typescript-eslint/no-explicit-any */
   interface LinkTypeLike extends LinkType {
@@ -20,9 +20,9 @@
   const { base, div, ul, extra: extraCls } = $derived(megamenu({ full, hasExtra: !!extra }));
 </script>
 
-<Popper color={full ? "default" : "dropdown"} arrow={false} bind:isOpen trigger="click" placement="bottom" yOnly={full} {...restProps} class={base({ class: clsx((theme as MegaMenuTheme)?.base, className) })}>
-  <div class={div({ class: clsx((theme as MegaMenuTheme)?.div, classes?.div) })}>
-    <ul class={ul({ class: clsx((theme as MegaMenuTheme)?.ul, styling.ul) })}>
+<Popper color={full ? "default" : "dropdown"} arrow={false} bind:isOpen trigger="click" placement="bottom" yOnly={full} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+  <div class={div({ class: clsx(theme?.div, classes?.div) })}>
+    <ul class={ul({ class: clsx(theme?.ul, styling.ul) })}>
       {#each items as item, index}
         <li>
           {@render children({ item, index })}
@@ -31,7 +31,7 @@
         {@render children({ item: items[0], index: 0 })}
       {/each}
     </ul>
-    {#if full && extra}<div class={extraCls({ class: clsx((theme as MegaMenuTheme)?.extra, styling.extra) })}>{@render extra()}</div>{/if}
+    {#if full && extra}<div class={extraCls({ class: clsx(theme?.extra, styling.extra) })}>{@render extra()}</div>{/if}
   </div>
 </Popper>
 
@@ -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#L1043)
+[MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1044)
 ## 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#L1043)
+ * [MegaMenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1044)
  * ## Props
  * @prop children
  * @prop extra

package/dist/mega-menu/index.d.ts

@@ -1,2 +1,2 @@
 export { default as MegaMenu } from "./MegaMenu.svelte";
-export { megamenu, type MegaMenuTheme } from "./theme";
+export { megamenu } from "./theme";

package/dist/mega-menu/theme.d.ts

@@ -1,9 +1,6 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type MegaMenuVariants = VariantProps<typeof megamenu> & Classes<typeof megamenu>;
-export type MegaMenuSlots = keyof typeof megamenu.slots;
-export type MegaMenuTheme = Partial<Record<MegaMenuSlots, ClassValue>>;
 export declare const megamenu: import("tailwind-variants").TVReturnType<{
     full: {
         true: {

package/dist/modal/Modal.svelte

@@ -3,10 +3,10 @@
   import clsx from "clsx";
   import { sineIn } from "svelte/easing";
   import { fade } from "svelte/transition";
-  import { modal as modalStyle, type ModalTheme } from ".";
+  import { modal as modalStyle } from ".";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
-  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, ...restProps }: ModalProps = $props();
+  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();
 
   // form, header, footer, body, close
   warnThemeDeprecation("Modal", { headerClass, bodyClass, footerClass, closeBtnClass }, { bodyClass: "body", headerClass: "header", footerClass: "footer", closeBtnClass: "close" });
@@ -88,7 +88,7 @@
 
 {#snippet content()}
   {#if title || header}
-    <div class={headerCls({ class: clsx((theme as ModalTheme)?.header, styling.header) })}>
+    <div class={headerCls({ class: clsx(theme?.header, styling.header) })}>
       {#if title}
         <h3>{title}</h3>
         {#if dismissable && !permanent}
@@ -99,23 +99,23 @@
       {/if}
     </div>
   {/if}
-  <div class={body({ class: clsx((theme as ModalTheme)?.body, styling.body) })}>
+  <div class={body({ class: clsx(theme?.body, styling.body) })}>
     {@render children?.()}
   </div>
   {#if footer}
-    <div class={footerCls({ class: clsx((theme as ModalTheme)?.footer, styling.footer) })}>
+    <div class={footerCls({ class: clsx(theme?.footer, styling.footer) })}>
       {@render footer()}
     </div>
   {/if}
   {#if dismissable && !permanent && !title}
-    <CloseButton type="submit" formnovalidate onclick={close_handler(form)} class={closeCls({ class: clsx((theme as ModalTheme)?.close, styling.close) })} />
+    <CloseButton type="submit" formnovalidate onclick={close_handler(form)} class={closeCls({ class: clsx(theme?.close, styling.close) })} />
   {/if}
 {/snippet}
 
 {#if open}
-  <dialog {@attach init} use:focusTrap class={base({ class: clsx((theme as ModalTheme)?.base, className) })} tabindex="-1" onsubmit={_onsubmit} oncancel={_oncancel} onclick={_onclick} ontoggle={_ontoggle} transition:transition|global={paramsOptions as ParamsType} {...restProps}>
+  <dialog {@attach init} 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 as ModalTheme)?.form) })}>
+      <form method="dialog" class={formCls({ class: clsx(theme?.form) })}>
         {@render content()}
       </form>
     {:else}
@@ -128,7 +128,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1054)
+[ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1055)
 ## Props
 @prop children
 @prop onaction = ()
@@ -156,5 +156,6 @@
 @prop classes
 @prop params
 @prop transition = fade
+@prop fullscreen = false
 @prop ...restProps
 -->

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

@@ -2,7 +2,7 @@ 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#L1054)
+ * [ModalProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1055)
  * ## Props
  * @prop children
  * @prop onaction = ()
@@ -30,6 +30,7 @@ import { type ModalProps } from "..";
  * @prop classes
  * @prop params
  * @prop transition = fade
+ * @prop fullscreen = false
  * @prop ...restProps
  */
 declare const Modal: import("svelte").Component<ModalProps, {}, "open">;

package/dist/modal/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Modal } from "./Modal.svelte";
-export { modal, type ModalTheme } from "./theme";
+export { modal } from "./theme";

package/dist/modal/theme.d.ts

@@ -1,10 +1,12 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
 import type { Classes } from "../theme/themeUtils";
 export type ModalVariants = VariantProps<typeof modal> & Classes<typeof modal>;
-export type ModalSlots = keyof typeof modal.slots;
-export type ModalTheme = Partial<Record<ModalSlots, ClassValue>>;
 export declare const modal: import("tailwind-variants").TVReturnType<{
+    fullscreen: {
+        true: {
+            base: string;
+        };
+    };
     placement: {
         "top-left": {
             base: string;
@@ -35,6 +37,9 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
+        none: {
+            base: string;
+        };
         xs: {
             base: string;
         };
@@ -59,6 +64,11 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
     body: string;
     close: string;
 }, undefined, {
+    fullscreen: {
+        true: {
+            base: string;
+        };
+    };
     placement: {
         "top-left": {
             base: string;
@@ -89,6 +99,9 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
+        none: {
+            base: string;
+        };
         xs: {
             base: string;
         };
@@ -113,6 +126,11 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
     body: string;
     close: string;
 }, import("tailwind-variants").TVReturnType<{
+    fullscreen: {
+        true: {
+            base: string;
+        };
+    };
     placement: {
         "top-left": {
             base: string;
@@ -143,6 +161,9 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
+        none: {
+            base: string;
+        };
         xs: {
             base: string;
         };

package/dist/modal/theme.js

@@ -9,6 +9,11 @@ export const modal = tv({
         close: "absolute top-3 end-2.5"
     },
     variants: {
+        fullscreen: {
+            true: {
+                base: "fixed inset-0 w-screen h-screen max-w-none max-h-none m-0 p-0 border-none rounded-none bg-white dark:bg-gray-900"
+            }
+        },
         placement: {
             "top-left": { base: "top-0 left-0" },
             "top-center": { base: "top-0 left-1/2 -translate-x-1/2" },
@@ -21,6 +26,7 @@ export const modal = tv({
             "bottom-right": { base: "top-full -translate-y-full left-full -translate-x-full" }
         },
         size: {
+            none: { base: "" },
             xs: { base: "max-w-md" },
             sm: { base: "max-w-lg" },
             md: { base: "max-w-2xl" },

package/dist/navbar/Menu.svelte

@@ -1,12 +1,9 @@
 <script lang="ts">
   import type { MenuProps } from "../types";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
 
   let { size = "24", color = "currentColor", variation = "outline", ariaLabel = "bars 3", class: className, ...restProps }: MenuProps = $props();
 
-  const theme = getTheme("memu");
-
   let viewBox: string = $state("0 0 24 24");
   let svgpath: string = $state("");
   let svgoutline = `<path stroke="${color}" stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path> `;
@@ -28,7 +25,7 @@
   });
 </script>
 
-<svg xmlns="http://www.w3.org/2000/svg" role="button" tabindex="0" width={size} height={size} class={clsx(theme, className)} {...restProps} aria-label={ariaLabel} fill="none" {viewBox} stroke-width="2">
+<svg xmlns="http://www.w3.org/2000/svg" role="button" tabindex="0" width={size} height={size} class={clsx(className)} {...restProps} aria-label={ariaLabel} fill="none" {viewBox} stroke-width="2">
   {@html svgpath}
 </svg>
 
@@ -36,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#L1075)
+[MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1076)
 ## 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#L1075)
+ * [MenuProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1076)
  * ## Props
  * @prop size = "24"
  * @prop color = "currentColor"

package/dist/navbar/NavBrand.svelte

@@ -6,7 +6,7 @@
 
   let { children, class: className, ...restProps }: NavBrandProps = $props();
 
-  const theme = getTheme("navBrand");
+  const theme = getTheme("navbarBrand");
 </script>
 
 <a {...restProps} class={navbarBrand({ class: clsx(theme, className) })}>
@@ -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#L1095)
+[NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1096)
 ## Props
 @prop children
 @prop class: className

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

@@ -2,7 +2,7 @@ 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#L1095)
+ * [NavBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1096)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/navbar/NavContainer.svelte

@@ -6,7 +6,7 @@
 
   let { children, fluid, class: clasName, ...restProps }: NavContainerProps = $props();
 
-  const theme = getTheme("navContainer");
+  const theme = getTheme("navbarContainer");
 </script>
 
 <div {...restProps} class={navbarContainer({ fluid, class: clsx(theme, clasName) })}>
@@ -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#L1097)
+[NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1098)
 ## 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#L1097)
+ * [NavContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1098)
  * ## Props
  * @prop children
  * @prop fluid

package/dist/navbar/NavHamburger.svelte

@@ -3,7 +3,7 @@
   import { getContext } from "svelte";
   import ToolbarButton from "../toolbar/ToolbarButton.svelte";
   import Menu from "./Menu.svelte";
-  import { navbarHamburger, type NavbarHamburgerTheme } from "./theme";
+  import { navbarHamburger } from "./theme";
   import type { NavbarState, NavHamburgerProps } from "../types";
   import type { MouseEventHandler } from "svelte/elements";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
@@ -13,7 +13,7 @@
   warnThemeDeprecation("NavHamburger", { menuClass }, { menuClass: "menu" });
   const styling = $derived(classes ?? { menu: menuClass });
 
-  const theme = getTheme("navHamburger");
+  const theme = getTheme("navbarHamburger");
 
   let { base, menu } = navbarHamburger();
 
@@ -23,15 +23,15 @@
   };
 </script>
 
-<ToolbarButton {name} onclick={onclick || toggle} {...restProps} class={base({ class: clsx((theme as NavbarHamburgerTheme)?.base, className) })}>
-  <Menu class={menu({ class: clsx((theme as NavbarHamburgerTheme)?.menu, styling.menu) })} />
+<ToolbarButton {name} onclick={onclick || toggle} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+  <Menu class={menu({ class: clsx(theme?.menu, styling.menu) })} />
 </ToolbarButton>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1101)
+[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1102)
 ## 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#L1101)
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1102)
  * ## Props
  * @prop children
  * @prop onclick

package/dist/navbar/NavLi.svelte

@@ -9,7 +9,7 @@
 
   let { children, activeClass, nonActiveClass, class: className, ...restProps }: NavLiProps = $props();
 
-  const theme = getTheme("navLi");
+  const theme = getTheme("navbarLi");
 
   const activeUrlStore = getContext("activeUrl") as { subscribe: (callback: (value: string) => void) => void };
 
@@ -38,7 +38,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1122)
+[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1123)
 ## Props
 @prop children
 @prop activeClass

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#L1122)
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1123)
  * ## Props
  * @prop children
  * @prop activeClass