flowbite-svelte 1.29.1 → 1.30.1

package/dist/navbar/NavHamburger.svelte

@@ -1,24 +1,31 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { getContext } from "svelte";
   import ToolbarButton from "../toolbar/ToolbarButton.svelte";
   import Menu from "./Menu.svelte";
   import { navbarHamburger } from "./theme";
-  import type { NavbarState, NavHamburgerProps, NavbarBreakpoint } from "../types";
+  import type { NavHamburgerProps } from "../types";
   import type { MouseEventHandler } from "svelte/elements";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
+  import { getNavbarStateContext, getNavbarBreakpointContext } from "../context";
+  import { untrack } from "svelte";
 
   let { children, onclick, menuClass, class: className, classes, name = "Open main menu", ...restProps }: NavHamburgerProps = $props();
 
-  warnThemeDeprecation("NavHamburger", { menuClass }, { menuClass: "menu" });
+  warnThemeDeprecation(
+    "NavHamburger",
+    untrack(() => ({ menuClass })),
+    { menuClass: "menu" }
+  );
+
   const styling = $derived(classes ?? { menu: menuClass });
 
   const theme = getTheme("navbarHamburger");
-  const navState = getContext<NavbarState>("navState");
-  const navBreakpoint = getContext<NavbarBreakpoint>("breakpoint");
-  const { base, menu } = navbarHamburger({ breakpoint: navBreakpoint });
+  const navState = getNavbarStateContext();
+  const navBreakpoint = getNavbarBreakpointContext();
+  const { base, menu } = navbarHamburger({ breakpoint: navBreakpoint ?? "md" });
 
   const toggle: MouseEventHandler<HTMLButtonElement> = () => {
+    if (!navState) return;
     navState.hidden = !navState.hidden;
   };
 </script>
@@ -31,7 +38,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1145)
+[NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1203)
 ## 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#L1145)
+ * [NavHamburgerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1203)
  * ## Props
  * @prop children
  * @prop onclick

package/dist/navbar/NavLi.svelte

@@ -1,25 +1,29 @@
 <script lang="ts">
   import { getTheme } from "../theme/themeUtils";
-  import type { NavbarState, NavLiProps, NavbarBreakpoint } from "../types";
+  import type { NavLiProps } from "../types";
   import clsx from "clsx";
-  import { getContext } from "svelte";
   import { navbarLi } from "./theme";
+  import { getNavbarStateContext, getNavbarBreakpointContext } from "../context";
 
-  let navState = getContext<NavbarState>("navState");
-  let navBreakpoint = getContext<NavbarBreakpoint>("breakpoint");
+  let navState = getNavbarStateContext();
+  let navBreakpoint = getNavbarBreakpointContext();
 
   let { children, onclick, activeClass, nonActiveClass, class: className, ...restProps }: NavLiProps = $props();
 
   const theme = getTheme("navbarLi");
 
-  let active = $derived(navState.activeUrl ? restProps.href === navState.activeUrl : false);
+  let active = $derived(navState?.activeUrl ? restProps.href === navState.activeUrl : false);
   let liClass = $derived(
-    navbarLi({ breakpoint: navBreakpoint, hidden: navState.hidden, class: clsx(active ? (activeClass ?? navState.activeClass) : (nonActiveClass ?? navState.nonActiveClass), theme, className) })
+    navbarLi({
+      breakpoint: navBreakpoint ?? "md",
+      hidden: navState?.hidden ?? true,
+      class: clsx(active ? (activeClass ?? navState?.activeClass) : (nonActiveClass ?? navState?.nonActiveClass), theme, className)
+    })
   );
 
   function handleClick(event: MouseEvent) {
     // Close the mobile menu when a link is clicked
-    if (restProps.href !== undefined && !navState.hidden) {
+    if (navState && restProps.href !== undefined && !navState.hidden) {
       navState.hidden = true;
     }
 
@@ -47,7 +51,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1166)
+[NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1224)
 ## 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#L1166)
+ * [NavLiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1224)
  * ## Props
  * @prop children
  * @prop onclick

package/dist/navbar/NavUl.svelte

@@ -1,15 +1,16 @@
 <script lang="ts">
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
-  import type { NavbarState, NavUlProps, NavbarBreakpoint } from "../types";
+  import type { NavUlProps } from "../types";
   import clsx from "clsx";
-  import { getContext } from "svelte";
   import { sineIn } from "svelte/easing";
   import { prefersReducedMotion } from "svelte/motion";
   import { fade, fly, scale, slide } from "svelte/transition";
   import { navbarUl } from "./theme";
+  import { getNavbarStateContext, getNavbarBreakpointContext } from "../context";
+  import { untrack } from "svelte";
 
-  let navState = getContext<NavbarState>("navState");
-  let navBreakpoint = getContext<NavbarBreakpoint>("breakpoint");
+  let navState = getNavbarStateContext();
+  let navBreakpoint = getNavbarBreakpointContext();
 
   let {
     children,
@@ -26,7 +27,12 @@
     ...restProps
   }: NavUlProps = $props();
 
-  warnThemeDeprecation("NavUl", { ulClass, activeClass, nonActiveClass }, { ulClass: "ul", activeClass: "active", nonActiveClass: "nonActive" });
+  warnThemeDeprecation(
+    "NavUl",
+    untrack(() => ({ ulClass, activeClass, nonActiveClass })),
+    { ulClass: "ul", activeClass: "active", nonActiveClass: "nonActive" }
+  );
+
   const styling = $derived(classes ?? { ul: ulClass, active: activeClass, nonActive: nonActiveClass });
 
   const theme = getTheme("navbarUl");
@@ -52,11 +58,12 @@
     return finalParams;
   });
 
-  let hidden: boolean = $derived(navState.hidden ?? true);
+  let hidden: boolean = $derived(navState?.hidden ?? true);
 
-  let { base, ul, active, nonActive } = $derived(navbarUl({ hidden, breakpoint: navBreakpoint }));
+  let { base, ul, active, nonActive } = $derived(navbarUl({ hidden, breakpoint: navBreakpoint ?? "md" }));
 
   $effect(() => {
+    if (!navState) return;
     navState.activeClass = active({ class: clsx(theme?.active, styling.active) });
     navState.nonActiveClass = nonActive({ class: clsx(theme?.nonActive, styling.nonActive) });
     navState.activeUrl = activeUrl;
@@ -84,7 +91,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1151)
+[NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1209)
 ## 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#L1151)
+ * [NavUlProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1209)
  * ## Props
  * @prop children
  * @prop activeUrl = $bindable()

package/dist/navbar/Navbar.svelte

@@ -1,18 +1,21 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { setContext } from "svelte";
   import NavContainer from "./NavContainer.svelte";
   import { navbar } from "./theme";
   import type { NavbarState, NavbarProps } from "../types";
   import { getTheme } from "../theme/themeUtils";
+  import { setNavbarStateContext, setNavbarBreakpointContext } from "../context";
 
   let { children, fluid, navContainerClass, class: className, closeOnClickOutside = true, breakpoint = "md", ...restProps }: NavbarProps = $props();
 
   const theme = getTheme("navbar");
 
-  let navState = $state({ hidden: true });
-  setContext<NavbarState>("navState", navState);
-  setContext("breakpoint", breakpoint);
+  let navState = $state<NavbarState>({ hidden: true });
+  setNavbarStateContext(navState);
+
+  $effect(() => {
+    setNavbarBreakpointContext(breakpoint);
+  });
 
   // Add reference to the navbar element
   let navbarElement: HTMLElement;
@@ -44,7 +47,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1131)
+[NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1189)
 ## 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#L1131)
+ * [NavbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1189)
  * ## Props
  * @prop children
  * @prop fluid

package/dist/pagination/Pagination.svelte

@@ -1,18 +1,30 @@
 <script lang="ts">
-  import { setContext } from "svelte";
   import { pagination } from "./theme";
   import PaginationItem from "./PaginationItem.svelte";
-  import type { PaginationProps } from "../types";
+  import type { PaginationProps, PaginationContextType } from "../types";
   import { getTheme } from "../theme/themeUtils";
+  import { setPaginationContext } from "../context";
   import clsx from "clsx";
 
   let { pages = [], previous, next, prevContent, nextContent, table, size, ariaLabel, ...restProps }: PaginationProps = $props();
 
   const theme = getTheme("pagination");
 
-  setContext("group", true);
-  setContext("table", table);
-  setContext("size", size);
+  // Create context object
+  const ctx: PaginationContextType = {
+    get group() {
+      return true;
+    },
+    get table() {
+      return table;
+    },
+    get size() {
+      return size;
+    }
+  };
+
+  // Set context during initialization
+  setPaginationContext(ctx);
 
   const paginationCls = $derived(pagination({ table, size, class: clsx(theme) }));
 </script>
@@ -55,7 +67,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1238)
+[PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1296)
 ## 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#L1238)
+ * [PaginationProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1296)
  * ## Props
  * @prop pages = []
  * @prop previous

package/dist/pagination/PaginationButton.svelte

@@ -2,35 +2,34 @@
   import clsx from "clsx";
   import { paginationButton } from "./theme";
   import type { PaginationButtonProps } from "../types";
-  import { getContext } from "svelte";
+  import { getPaginationContext } from "../context";
   import { getTheme } from "../theme/themeUtils";
 
   let { children, size, onclick, disabled = false, class: className, href, active = false, ...restProps }: PaginationButtonProps = $props();
 
   const theme = getTheme("paginationButton");
 
-  const group = getContext<boolean>("group");
-  const table = getContext<boolean>("table");
-  const activeClasses = getContext<string>("activeClasses");
+  // Get context - it will be undefined if used outside Pagination
+  const ctx = getPaginationContext();
 
   const paginationCls = $derived.by(() => {
-    if (active && activeClasses) {
+    if (active && ctx?.activeClasses) {
       return paginationButton({
-        size: getContext("size") ?? size,
+        size: ctx?.size ?? size,
         active: false, // Set to false to avoid theme's active styles
-        group,
-        table,
+        group: ctx?.group ?? false,
+        table: ctx?.table ?? false,
         disabled,
-        class: clsx(theme, activeClasses, className)
+        class: clsx(theme, ctx.activeClasses, className)
       });
     }
 
     // Use default theme styles
     return paginationButton({
-      size: getContext("size") ?? size,
+      size: ctx?.size ?? size,
       active: active,
-      group,
-      table,
+      group: ctx?.group ?? false,
+      table: ctx?.table ?? false,
       disabled,
       class: clsx(theme, className)
     });
@@ -63,7 +62,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1202)
+[PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1260)
 ## 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#L1202)
+ * [PaginationButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1260)
  * ## Props
  * @prop children
  * @prop size

package/dist/pagination/PaginationItem.svelte

@@ -2,16 +2,25 @@
   import clsx from "clsx";
   import { paginationItem } from "./theme";
   import type { PaginationItemProps } from "../types";
-  import { getContext } from "svelte";
+  import { getPaginationContext } from "../context";
   import { getTheme } from "../theme/themeUtils";
 
   let { children, size, class: className, href, active, ...restProps }: PaginationItemProps = $props();
 
   const theme = getTheme("paginationItem");
 
-  const group = getContext<boolean>("group");
-  const table = getContext<boolean>("table");
-  const paginationCls = $derived(paginationItem({ size: getContext("size") ?? size, active, group, table, class: clsx(theme, className) }));
+  // Get context - it will be undefined if used outside Pagination
+  const ctx = getPaginationContext();
+
+  const paginationCls = $derived(
+    paginationItem({
+      size: ctx?.size ?? size,
+      active,
+      group: ctx?.group ?? false,
+      table: ctx?.table ?? false,
+      class: clsx(theme, className)
+    })
+  );
 </script>
 
 {#if href}
@@ -32,7 +41,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1234)
+[PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1292)
 ## 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#L1234)
+ * [PaginationItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1292)
  * ## Props
  * @prop children
  * @prop size

package/dist/pagination/PaginationNav.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
   import clsx from "clsx";
-  import { setContext } from "svelte";
   import { paginationNav } from "./theme";
-  import type { PaginationNavProps } from "..";
+  import type { PaginationNavProps, PaginationContextType } from "..";
   import PaginationButton from "./PaginationButton.svelte";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
+  import { setPaginationContext } from "../context";
+  import { untrack } from "svelte";
 
   function paginationRange(start: number, end: number): number[] {
     return Array.from({ length: end - start + 1 }, (_, i) => start + i);
@@ -31,18 +32,34 @@
     ...restProps
   }: PaginationNavProps = $props();
 
-  warnThemeDeprecation("PaginationNav", { prevClass, nextClass, spanClass, tableDivClass }, { prevClass: "prev", nextClass: "next", spanClass: "span", tableDivClass: "tableDiv" });
+  warnThemeDeprecation(
+    "PaginationNav",
+    untrack(() => ({ prevClass, nextClass, spanClass, tableDivClass })),
+    { prevClass: "prev", nextClass: "next", spanClass: "span", tableDivClass: "tableDiv" }
+  );
+
   const styling = $derived(classes ?? { prev: prevClass, next: nextClass, span: spanClass, tableDiv: tableDivClass });
 
   const theme = getTheme("paginationNav");
 
-  // Set context values for child components
-  setContext("group", true);
-  setContext("size", size);
-  setContext("table", layout === "table");
-  if (classes?.active) {
-    setContext("activeClasses", classes.active);
-  }
+  // Create context object
+  const ctx: PaginationContextType = {
+    get group() {
+      return true;
+    },
+    get size() {
+      return size;
+    },
+    get table() {
+      return layout === "table";
+    },
+    get activeClasses() {
+      return classes?.active;
+    }
+  };
+
+  // Set context during initialization
+  setPaginationContext(ctx);
 
   // Calculate visible pages range using Svelte 5 derived values
   const halfVisiblePages = $derived(Math.floor(visiblePages / 2));
@@ -109,7 +126,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1208)
+[PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1266)
 ## 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#L1208)
+ * [PaginationNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1266)
  * ## Props
  * @prop currentPage = 1
  * @prop totalPages = 1

package/dist/popover/Popover.svelte

@@ -4,6 +4,7 @@
   import { popover } from "./theme";
   import type { PopoverProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
+  import { untrack } from "svelte";
 
   let {
     title: titleSlot,
@@ -19,8 +20,12 @@
     ...restProps
   }: PopoverProps = $props();
 
-  // content, title, h3
-  warnThemeDeprecation("Popover", { defaultClass }, { defaultClass: "content" });
+  warnThemeDeprecation(
+    "Popover",
+    untrack(() => ({ defaultClass })),
+    { defaultClass: "content" }
+  );
+
   const styling = $derived(classes ?? { content: defaultClass });
 
   const theme = getTheme("popover");
@@ -45,7 +50,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1248)
+[PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1306)
 ## 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#L1248)
+ * [PopoverProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1306)
  * ## Props
  * @prop title: titleSlot
  * @prop color = "default"

package/dist/progress/Progressbar.svelte

@@ -23,10 +23,12 @@
 
   const theme = getTheme("progressbar");
 
-  let _progress = new Tween(0, {
-    duration: animate ? tweenDuration : 0,
-    easing
-  });
+  let _progress = $derived(
+    new Tween(0, {
+      duration: animate ? tweenDuration : 0,
+      easing
+    })
+  );
   const {
     base,
     label: labelInsideCls,
@@ -66,7 +68,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1258)
+[ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1316)
 ## 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#L1258)
+ * [ProgressbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1316)
  * ## Props
  * @prop progress = "45"
  * @prop precision = 0

package/dist/progress/Progressradial.svelte

@@ -26,10 +26,12 @@
 
   const theme = getTheme("progressradial");
 
-  const _progress = new Tween(0, {
-    duration: animate ? tweenDuration : 0,
-    easing
-  });
+  const _progress = $derived(
+    new Tween(0, {
+      duration: animate ? tweenDuration : 0,
+      easing
+    })
+  );
 
   const { base, label, background, foreground, outside, span, progressCls } = $derived(
     progressradial({
@@ -43,7 +45,7 @@
   });
 
   // Calculate the circle properties
-  let circumference = 2 * Math.PI * radius;
+  let circumference = $derived(2 * Math.PI * radius);
   // let strokeDashoffset = $state()
   // Calculate the stroke-dashoffset based on progress
   let strokeDashoffset = $derived(circumference - (_progress.current / 100) * circumference);
@@ -91,7 +93,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1269)
+[ProgressradialProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1327)
 ## Props
 @prop progress = 45
 @prop radius = 42

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

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

package/dist/rating/AdvancedRating.svelte

@@ -3,14 +3,16 @@
   import { advancedRating } from "./theme";
   import type { AdvancedRatingProps } from "../types";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
+  import { untrack } from "svelte";
 
   let { rating, globalText, ratings, divClass, spanClass, div2Class, div3Class, span2Class, class: className, classes, unit }: AdvancedRatingProps = $props();
 
   warnThemeDeprecation(
     "AdvancedRating",
-    { divClass, spanClass, div2Class, div3Class, span2Class },
+    untrack(() => ({ divClass, spanClass, div2Class, div3Class, span2Class })),
     { divClass: "class", spanClass: "span", div2Class: "div2", div3Class: "div3", span2Class: "span2" }
   );
+
   const styling = $derived(
     classes ?? {
       span: spanClass,
@@ -45,7 +47,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1286)
+[AdvancedRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1344)
 ## Props
 @prop rating
 @prop globalText

package/dist/rating/AdvancedRating.svelte.d.ts

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