flowbite-svelte 1.10.19 → 1.10.21

package/dist/modal/theme.d.ts

@@ -1,7 +1,12 @@
 import { type VariantProps } from "tailwind-variants";
-import type { ClassValue } from "svelte/elements";
-export type ModalVariants = VariantProps<typeof modal>;
+import type { Classes } from "../theme/themeUtils";
+export type ModalVariants = VariantProps<typeof modal> & Classes<typeof modal>;
 export declare const modal: import("tailwind-variants").TVReturnType<{
+    fullscreen: {
+        true: {
+            base: string;
+        };
+    };
     placement: {
         "top-left": {
             base: string;
@@ -32,6 +37,9 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
+        none: {
+            base: string;
+        };
         xs: {
             base: string;
         };
@@ -54,8 +62,13 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
     header: string;
     footer: string;
     body: string;
-    closebutton: string;
+    close: string;
 }, undefined, {
+    fullscreen: {
+        true: {
+            base: string;
+        };
+    };
     placement: {
         "top-left": {
             base: string;
@@ -86,6 +99,9 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
+        none: {
+            base: string;
+        };
         xs: {
             base: string;
         };
@@ -108,8 +124,13 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
     header: string;
     footer: string;
     body: string;
-    closebutton: string;
+    close: string;
 }, import("tailwind-variants").TVReturnType<{
+    fullscreen: {
+        true: {
+            base: string;
+        };
+    };
     placement: {
         "top-left": {
             base: string;
@@ -140,6 +161,9 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
+        none: {
+            base: string;
+        };
         xs: {
             base: string;
         };
@@ -162,7 +186,5 @@ export declare const modal: import("tailwind-variants").TVReturnType<{
     header: string;
     footer: string;
     body: string;
-    closebutton: string;
+    close: string;
 }, undefined, unknown, unknown, undefined>>;
-export type ModalSlots = keyof typeof modal.slots;
-export type ModalTheme = Partial<Record<ModalSlots, ClassValue>>;

package/dist/modal/theme.js

@@ -6,9 +6,14 @@ export const modal = tv({
         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",
-        closebutton: "absolute top-3 end-2.5"
+        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#L1068)
+[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#L1068)
+ * [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#L1088)
+[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#L1088)
+ * [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#L1090)
+[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#L1090)
+ * [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,14 +3,17 @@
   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 } from "../theme/themeUtils";
+  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
-  let { children, onclick, menuClass, class: className, name = "Open main menu", ...restProps }: NavHamburgerProps = $props();
+  let { children, onclick, menuClass, class: className, classes, name = "Open main menu", ...restProps }: NavHamburgerProps = $props();
 
-  const theme = getTheme("navHamburger");
+  warnThemeDeprecation("NavHamburger", { menuClass }, { menuClass: "menu" });
+  const styling = $derived(classes ?? { menu: menuClass });
+
+  const theme = getTheme("navbarHamburger");
 
   let { base, menu } = navbarHamburger();
 
@@ -20,20 +23,21 @@
   };
 </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, menuClass) })} />
+<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#L1094)
+[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1102)
 ## Props
 @prop children
 @prop onclick
 @prop menuClass
 @prop class: className
+@prop classes
 @prop name = "Open main menu"
 @prop ...restProps
 -->

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

@@ -1,12 +1,13 @@
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1094)
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1102)
  * ## Props
  * @prop children
  * @prop onclick
  * @prop menuClass
  * @prop class: className
+ * @prop classes
  * @prop name = "Open main menu"
  * @prop ...restProps
  */
@@ -14,7 +15,67 @@ declare const NavHamburger: import("svelte").Component<import("../toolbar/theme"
     href?: undefined;
 } & import("svelte/elements").HTMLButtonAttributes & {
     name?: string;
-} & {
+} & import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            menu?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            menu?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    menu: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            menu?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    menu: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    menu: string;
+}, undefined, unknown, unknown, undefined>>> & import("../theme/themeUtils").Classes<import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            menu?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            menu?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    menu: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+            menu?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    menu: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    menu: string;
+}, undefined, unknown, unknown, undefined>>> & {
     href?: undefined;
     menuClass?: import("svelte/elements").ClassValue;
 }, {}, "">;

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

package/dist/navbar/NavUl.svelte

@@ -5,15 +5,18 @@
   import { writable } from "svelte/store";
   import { slide, fly, fade, scale } from "svelte/transition";
   import clsx from "clsx";
-  import { navbarUl, type NavbarUlTheme } from "./theme";
+  import { navbarUl } from "./theme";
   import type { NavbarState, NavUlProps } from "../types";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
 
   let navState = getContext<NavbarState>("navState");
 
-  let { children, activeUrl, ulClass, slideParams, transition = slide, transitionParams, activeClass, nonActiveClass, respectMotionPreference = true, class: clasName, ...restProps }: NavUlProps = $props();
+  let { children, activeUrl, ulClass, slideParams, transition = slide, transitionParams, activeClass, nonActiveClass, respectMotionPreference = true, class: clasName, classes, ...restProps }: NavUlProps = $props();
 
-  const theme = getTheme("navUl");
+  warnThemeDeprecation("NavUl", { ulClass, activeClass, nonActiveClass }, { ulClass: "ul", activeClass: "active", nonActiveClass: "nonActive" });
+  const styling = $derived(classes ?? { ul: ulClass, active: activeClass, nonActive: nonActiveClass });
+
+  const theme = getTheme("navbarUl");
 
   // Default parameters for different transitions
   const getDefaultParams = (transitionFn: any) => {
@@ -43,8 +46,8 @@
   let { base, ul, active, nonActive } = $derived(navbarUl({ hidden }));
 
   $effect(() => {
-    navState.activeClass = active({ class: clsx((theme as NavbarUlTheme)?.active, activeClass) });
-    navState.nonActiveClass = nonActive({ class: clsx((theme as NavbarUlTheme)?.nonActive, nonActiveClass) });
+    navState.activeClass = active({ class: clsx(theme?.active, styling.active) });
+    navState.nonActiveClass = nonActive({ class: clsx(theme?.nonActive, styling.nonActive) });
   });
 
   $effect(() => {
@@ -52,8 +55,8 @@
   });
   setContext("activeUrl", activeUrlStore);
 
-  let divCls: string = $derived(base({ class: clsx((theme as NavbarUlTheme)?.base, clasName) }));
-  let ulCls: string = $derived(ul({ class: clsx((theme as NavbarUlTheme)?.ul, ulClass) }));
+  let divCls: string = $derived(base({ class: clsx(theme?.base, clasName) }));
+  let ulCls: string = $derived(ul({ class: clsx(theme?.ul, styling.ul) }));
 </script>
 
 {#if !hidden}
@@ -74,7 +77,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1099)
+[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1108)
 ## Props
 @prop children
 @prop activeUrl
@@ -86,5 +89,6 @@
 @prop nonActiveClass
 @prop respectMotionPreference = true
 @prop class: clasName
+@prop classes
 @prop ...restProps
 -->

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#L1099)
+ * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1108)
  * ## Props
  * @prop children
  * @prop activeUrl
@@ -14,6 +14,7 @@ import type { NavUlProps } from "../types";
  * @prop nonActiveClass
  * @prop respectMotionPreference = true
  * @prop class: clasName
+ * @prop classes
  * @prop ...restProps
  */
 declare const NavUl: import("svelte").Component<NavUlProps, {}, "">;

package/dist/navbar/Navbar.svelte

@@ -45,7 +45,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1081)
+[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1089)
 ## 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#L1081)
+ * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1089)
  * ## Props
  * @prop children
  * @prop fluid

package/dist/navbar/index.d.ts

@@ -4,4 +4,4 @@ export { default as NavLi } from "./NavLi.svelte";
 export { default as NavUl } from "./NavUl.svelte";
 export { default as NavHamburger } from "./NavHamburger.svelte";
 export { default as NavContainer } from "./NavContainer.svelte";
-export { navbar, navbarUl, navbarBrand, navbarLi, navbarHamburger, type NavbarTheme, type NavbarUlTheme, type NavbarBrandTheme, type NavbarLiTheme, type NavbarHamburgerTheme } from "./theme";
+export { navbar, navbarUl, navbarBrand, navbarLi, navbarHamburger, navbarContainer } from "./theme";

package/dist/navbar/index.js

@@ -4,4 +4,4 @@ export { default as NavLi } from "./NavLi.svelte";
 export { default as NavUl } from "./NavUl.svelte";
 export { default as NavHamburger } from "./NavHamburger.svelte";
 export { default as NavContainer } from "./NavContainer.svelte";
-export { navbar, navbarUl, navbarBrand, navbarLi, navbarHamburger } from "./theme";
+export { navbar, navbarUl, navbarBrand, navbarLi, navbarHamburger, navbarContainer } from "./theme";

package/dist/navbar/theme.d.ts

@@ -1,8 +1,9 @@
-import type { ClassValue } from "svelte/elements";
+import { type VariantProps } from "tailwind-variants";
+import type { Classes } from "../theme/themeUtils";
+export type NavbarUlVariants = VariantProps<typeof navbarUl> & Classes<typeof navbarUl>;
+export type NavbarHamburgerVariants = VariantProps<typeof navbarHamburger> & Classes<typeof navbarHamburger>;
 export declare const navbar: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative w-full px-2 py-2.5 sm:px-4", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative w-full px-2 py-2.5 sm:px-4", unknown, unknown, undefined>>;
-export type NavbarTheme = ClassValue;
 export declare const navbarBrand: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center", unknown, unknown, undefined>>;
-export type NavbarBrandTheme = ClassValue;
 export declare const navbarContainer: import("tailwind-variants").TVReturnType<{
     fluid: {
         true: string;
@@ -65,8 +66,6 @@ export declare const navbarUl: import("tailwind-variants").TVReturnType<{
     active: string;
     nonActive: string;
 }, undefined, unknown, unknown, undefined>>;
-export type NavbarUlSlots = keyof typeof navbarUl.slots;
-export type NavbarUlTheme = Partial<Record<NavbarUlSlots, ClassValue>>;
 export declare const navbarLi: import("tailwind-variants").TVReturnType<{
     hidden: {
         false: string;
@@ -80,7 +79,6 @@ export declare const navbarLi: import("tailwind-variants").TVReturnType<{
         false: string;
     };
 }, undefined, "block py-2 pe-4 ps-3 md:p-2 rounded-sm md:border-0", unknown, unknown, undefined>>;
-export type NavbarLiTheme = ClassValue;
 export declare const navbarHamburger: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -112,5 +110,3 @@ export declare const navbarHamburger: import("tailwind-variants").TVReturnType<{
     base: string;
     menu: string;
 }, undefined, unknown, unknown, undefined>>;
-export type NavbarHamburgerSlots = keyof typeof navbarHamburger.slots;
-export type NavbarHamburgerTheme = Partial<Record<NavbarHamburgerSlots, ClassValue>>;

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#L1179)
+[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1188)
 ## 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#L1179)
+ * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1188)
  * ## 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#L1150)
+[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1159)
 ## 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#L1150)
+ * [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1159)
  * ## Props
  * @prop children
  * @prop size

package/dist/pagination/PaginationItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { paginationItem, type PaginationItemTheme } from ".";
+  import { paginationItem } from ".";
   import type { PaginationItemProps } from "../types";
   import { getContext } from "svelte";
   import { getTheme } from "../theme/themeUtils";
@@ -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#L1175)
+[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1184)
 ## 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#L1175)
+ * [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1184)
  * ## Props
  * @prop children
  * @prop size