flowbite-svelte 1.29.1 → 1.30.1

package/dist/buttons/GradientButton.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { getContext } from "svelte";
   import { gradientButton } from "./theme";
   import clsx from "clsx";
-  import type { GradientButtonProps, SizeType } from "..";
+  import type { GradientButtonProps } from "..";
   import Button from "./Button.svelte";
   import { getTheme } from "../theme/themeUtils";
+  import { getButtonGroupContext } from "../context";
 
-  const group: SizeType = getContext("group");
+  const group = getButtonGroupContext()?.size;
 
   let { children, outline, pill, color = "blue", shadow, class: className, href, disabled, size, btnClass, ...restProps }: GradientButtonProps = $props();
 
@@ -31,7 +31,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GradientButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L353)
+[GradientButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L340)
 ## Props
 @prop children
 @prop outline

package/dist/buttons/GradientButton.svelte.d.ts

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

package/dist/card/Card.svelte

@@ -3,10 +3,15 @@
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
   import { card } from "./theme";
+  import { untrack } from "svelte";
 
   let { children, color = "gray", horizontal = false, shadow = "md", reverse = false, img, size = "sm", class: className, classes, imgClass, ...restProps }: CardProps = $props();
 
-  warnThemeDeprecation("Card", { imgClass }, { imgClass: "image" });
+  warnThemeDeprecation(
+    "Card",
+    untrack(() => ({ imgClass })),
+    { imgClass: "image" }
+  );
 
   const styling = $derived(classes ?? { image: imgClass });
 
@@ -58,7 +63,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L394)
+[CardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L461)
 ## Props
 @prop children
 @prop color = "gray"

package/dist/card/Card.svelte.d.ts

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

package/dist/carousel/Carousel.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
-  import { type CarouselProps, type CarouselState } from "..";
+  import { type CarouselProps, type CarouselContextType } from "..";
   import Slide from "./Slide.svelte";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { onMount, setContext } from "svelte";
+  import { onMount } from "svelte";
+  import { setCarouselContext } from "../context";
   import { canChangeSlide } from "./CarouselSlide";
   import { carousel } from "./theme";
+  import { untrack } from "svelte";
 
   const SLIDE_DURATION_RATIO = 0.25;
 
@@ -28,11 +30,15 @@
     ...restProps
   }: CarouselProps = $props();
 
-  warnThemeDeprecation("Carousel", { imgClass }, { imgClass: "slide" });
+  warnThemeDeprecation(
+    "Carousel",
+    untrack(() => ({ imgClass })),
+    { imgClass: "slide" }
+  );
 
   const styling = $derived(classes ?? { slide: imgClass });
 
-  // // Theme context
+  // Theme context
   const theme = getTheme("carousel");
 
   let { base, slide: slideCls } = $derived(carousel());
@@ -52,19 +58,16 @@
     onchange?.(images[_state.index]);
   };
 
-  const _state: CarouselState = $state({ images, index: index ?? 0, forward: true, slideDuration, lastSlideChange: Date.now(), changeSlide });
-
-  setContext("state", _state);
-
-  let initialized = false;
-
+  const _state: CarouselContextType = $state({ images: [], index: 0, forward: true, slideDuration: 500, lastSlideChange: Date.now(), changeSlide });
   $effect(() => {
+    _state.images = images;
+    _state.slideDuration = slideDuration;
     changeSlide(index);
   });
 
-  $effect(() => {
-    _state.slideDuration = slideDuration;
-  });
+  setCarouselContext(_state);
+
+  let initialized = false;
 
   onMount(() => {
     onchange?.(images[index]);
@@ -218,7 +221,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CarouselProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L412)
+[CarouselProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L470)
 ## Props
 @prop children
 @prop slide

package/dist/carousel/Carousel.svelte.d.ts

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

package/dist/carousel/CarouselIndicators.svelte

@@ -1,41 +1,43 @@
 <script lang="ts">
-  import type { IndicatorsProps, CarouselState } from "..";
+  import type { IndicatorsProps } from "..";
   import Indicator from "../indicator/Indicator.svelte";
   import { getTheme } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { getContext } from "svelte";
+  import { getCarouselContext } from "../context";
   import { carouselIndicators } from "./theme";
 
   let { children, activeClass, inactiveClass, position = "bottom", class: className, ...restProps }: IndicatorsProps = $props();
 
   const theme = getTheme("carouselIndicators");
 
-  const _state = getContext<CarouselState>("state");
+  const _state = getCarouselContext();
   const { base, indicator } = $derived(carouselIndicators({ position }));
 
   function goToIndex(newIndex: number) {
-    _state.changeSlide(newIndex);
+    _state?.changeSlide(newIndex);
   }
 </script>
 
-<div class={base({ class: clsx(theme?.base, className) })} {...restProps}>
-  {#each _state.images as _, idx (idx)}
-    {@const selected = _state.index === idx}
-    <button type="button" onclick={() => goToIndex(idx)} aria-current={selected ? "true" : undefined} aria-label={`Go to slide ${idx + 1}`}>
-      {#if children}
-        {@render children({ selected, index: idx })}
-      {:else}
-        <Indicator class={indicator({ selected, class: clsx(selected ? activeClass : inactiveClass, theme?.indicator) })} />
-      {/if}
-    </button>
-  {/each}
-</div>
+{#if _state}
+  <div class={base({ class: clsx(theme?.base, className) })} {...restProps}>
+    {#each _state.images as _, idx (idx)}
+      {@const selected = _state.index === idx}
+      <button type="button" onclick={() => goToIndex(idx)} aria-current={selected ? "true" : undefined} aria-label={`Go to slide ${idx + 1}`}>
+        {#if children}
+          {@render children({ selected, index: idx })}
+        {:else}
+          <Indicator class={indicator({ selected, class: clsx(selected ? activeClass : inactiveClass, theme?.indicator) })} />
+        {/if}
+      </button>
+    {/each}
+  </div>
+{/if}
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[IndicatorsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L427)
+[IndicatorsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L485)
 ## Props
 @prop children
 @prop activeClass

package/dist/carousel/CarouselIndicators.svelte.d.ts

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

package/dist/carousel/ControlButton.svelte

@@ -6,7 +6,7 @@
 
   let { children, forward, name, class: className, spanClass, ...restProps }: ControlButtonProps = $props();
 
-  const { base, span } = controlButton({ forward });
+  const { base, span } = $derived(controlButton({ forward }));
 
   const theme = getTheme("controlButton");
 </script>
@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ControlButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L434)
+[ControlButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L492)
 ## Props
 @prop children
 @prop forward

package/dist/carousel/ControlButton.svelte.d.ts

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

package/dist/carousel/Controls.svelte

@@ -1,17 +1,18 @@
 <script lang="ts">
-  import type { ControlsProps, CarouselState } from "..";
+  import type { ControlsProps } from "..";
   import ControlButton from "./ControlButton.svelte";
   import { getTheme } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { getContext } from "svelte";
+  import { getCarouselContext } from "../context";
 
   let { children, class: className, ...restProps }: ControlsProps = $props();
 
   const theme = getTheme("controlButton");
 
-  const _state = getContext<CarouselState>("state");
+  const _state = getCarouselContext();
 
   function changeSlide(forward: boolean) {
+    if (!_state) return;
     _state.changeSlide(forward ? _state.index + 1 : _state.index - 1);
   }
 </script>
@@ -28,7 +29,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ControlsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L440)
+[ControlsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L498)
 ## Props
 @prop children
 @prop class: className

package/dist/carousel/Controls.svelte.d.ts

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

package/dist/carousel/Slide.svelte

@@ -1,31 +1,31 @@
 <script lang="ts">
-  import type { SlideProps, CarouselState } from "..";
+  import type { SlideProps } from "..";
   import { getTheme } from "../theme/themeUtils";
   import clsx from "clsx";
-  import { getContext } from "svelte";
+  import { getCarouselContext } from "../context";
   import { fly } from "svelte/transition";
   import { slide } from "./theme";
 
-  const _state = getContext<CarouselState>("state");
+  const _state = getCarouselContext();
 
   let { image, transition, fit, class: className, ...restProps }: SlideProps = $props();
 
   const theme = getTheme("slide");
 
   let transitionSlideIn = $derived({
-    x: _state.forward ? "100%" : "-100%",
+    x: _state?.forward ? "100%" : "-100%",
     opacity: 1,
     width: "100%",
     height: "100%",
-    duration: _state.slideDuration
+    duration: _state?.slideDuration ?? 1000
   });
 
   let transitionSlideOut = $derived({
-    x: _state.forward ? "-100%" : "100%",
+    x: _state?.forward ? "-100%" : "100%",
     opacity: 0.9,
     width: "100%",
     height: "100%",
-    duration: _state.slideDuration
+    duration: _state?.slideDuration ?? 1000
   });
 
   let imgClass = $derived(slide({ fit, class: clsx(theme, className) }));
@@ -45,7 +45,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SlideProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L457)
+[SlideProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L515)
 ## Props
 @prop image
 @prop transition

package/dist/carousel/Slide.svelte.d.ts

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

package/dist/carousel/Thumbnail.svelte

@@ -15,7 +15,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ThumbnailProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L444)
+[ThumbnailProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L502)
 ## Props
 @prop selected
 @prop class: className

package/dist/carousel/Thumbnail.svelte.d.ts

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

package/dist/carousel/Thumbnails.svelte

@@ -47,7 +47,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ThumbnailsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L448)
+[ThumbnailsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L506)
 ## Props
 @prop children
 @prop images = []

package/dist/carousel/Thumbnails.svelte.d.ts

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

package/dist/clipboard/Clipboard.svelte

@@ -46,7 +46,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ClipboardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L469)
+[ClipboardProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L527)
 ## Props
 @prop children
 @prop embedded = false

package/dist/clipboard/Clipboard.svelte.d.ts

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

package/dist/clipboard-manager/ClipboardManager.svelte

@@ -36,7 +36,12 @@
 
   const styles = $derived(clipboardManager());
 
-  let items = $state<ClipboardItem[]>(initialItems);
+  let items = $state<ClipboardItem[]>([]);
+  $effect(() => {
+    if (initialItems.length > 0) {
+      items = initialItems;
+    }
+  });
   let newText = $state("");
   let searchQuery = $state("");
   let toast = $state<{ message: string; type: "success" | "error" | "info" } | null>(null);
@@ -49,7 +54,7 @@
     text: string;
   }>({ show: false, x: 0, y: 0, text: "" });
 
-  const STORAGE_KEY = storageKey ?? "flowbite-clipboard-manager";
+  const STORAGE_KEY = $derived(storageKey ?? "flowbite-clipboard-manager");
 
   // Save to localStorage whenever items change (but skip the initial load)
   let isFirstLoad = true;

package/dist/command-palette/CommandPalette.svelte

@@ -194,7 +194,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2233)
+[CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2312)
 ## Props
 @prop open = $bindable(false)
 @prop items = []

package/dist/command-palette/CommandPalette.svelte.d.ts

@@ -2,7 +2,7 @@ import type { CommandPaletteProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2233)
+ * [CommandPaletteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2312)
  * ## Props
  * @prop open = $bindable(false)
  * @prop items = []

package/dist/context.d.ts

@@ -0,0 +1,47 @@
+import type { AccordionContextType, BottomNavContextType, CarouselContextType, DrawerContextType, DropdownContextType, PaginationContextType, ButtonToggleContextType, ListContextType, ToolbarContextType, ListGroupContextType, ButtonGroupContextType, NavbarState, NavbarBreakpoint, SidebarContextType, TableContextType, TabsContextType } from "./types";
+import type { SplitPaneContext } from "./types";
+import type { ThemeConfig } from "./theme";
+declare const getAccordionContext: () => AccordionContextType | undefined, setAccordionContext: (context: AccordionContextType) => AccordionContextType;
+export { getAccordionContext, setAccordionContext };
+declare const getBottomNavContext: () => BottomNavContextType | undefined, setBottomNavContext: (context: BottomNavContextType) => BottomNavContextType;
+export { getBottomNavContext, setBottomNavContext };
+declare const getCarouselContext: () => CarouselContextType | undefined, setCarouselContext: (context: CarouselContextType) => CarouselContextType;
+export { getCarouselContext, setCarouselContext };
+declare const getDrawerContext: () => DrawerContextType | undefined, setDrawerContext: (context: DrawerContextType) => DrawerContextType;
+export { getDrawerContext, setDrawerContext };
+declare const getDropdownContext: () => DropdownContextType | undefined, setDropdownContext: (context: DropdownContextType) => DropdownContextType;
+export { getDropdownContext, setDropdownContext };
+declare const getPaginationContext: () => PaginationContextType | undefined, setPaginationContext: (context: PaginationContextType) => PaginationContextType;
+export { getPaginationContext, setPaginationContext };
+declare const getButtonToggleContext: () => ButtonToggleContextType | undefined, setButtonToggleContext: (context: ButtonToggleContextType) => ButtonToggleContextType;
+export { getButtonToggleContext, setButtonToggleContext };
+declare const getListContext: () => ListContextType | undefined, setListContext: (context: ListContextType) => ListContextType;
+export { getListContext, setListContext };
+declare const getToolbarContext: () => ToolbarContextType | undefined, setToolbarContext: (context: ToolbarContextType) => ToolbarContextType;
+export { getToolbarContext, setToolbarContext };
+declare const getThemeContext: () => ThemeConfig | undefined, setThemeContext: (context: ThemeConfig) => ThemeConfig;
+export { getThemeContext, setThemeContext };
+declare const getListGroupContext: () => ListGroupContextType | undefined, setListGroupContext: (context: ListGroupContextType) => ListGroupContextType;
+export { getListGroupContext, setListGroupContext };
+declare const getButtonGroupContext: () => ButtonGroupContextType | undefined, setButtonGroupContext: (context: ButtonGroupContextType) => ButtonGroupContextType;
+export { getButtonGroupContext, setButtonGroupContext };
+declare const getNavbarStateContext: () => NavbarState | undefined, setNavbarStateContext: (context: NavbarState) => NavbarState;
+export { getNavbarStateContext, setNavbarStateContext };
+declare const getNavbarBreakpointContext: () => NavbarBreakpoint | undefined, setNavbarBreakpointContext: (context: NavbarBreakpoint) => NavbarBreakpoint;
+export { getNavbarBreakpointContext, setNavbarBreakpointContext };
+declare const getSidebarContext: () => SidebarContextType | undefined, setSidebarContext: (context: SidebarContextType) => SidebarContextType;
+export { getSidebarContext, setSidebarContext };
+declare const getActiveUrlContext: () => {
+    value: string;
+} | undefined, setActiveUrlContext: (context: {
+    value: string;
+}) => {
+    value: string;
+};
+export { getActiveUrlContext, setActiveUrlContext };
+declare const getTableContext: () => TableContextType | undefined, setTableContext: (context: TableContextType) => TableContextType;
+export { getTableContext, setTableContext };
+declare const getSplitPaneContext: () => SplitPaneContext | undefined, setSplitPaneContext: (context: SplitPaneContext) => SplitPaneContext;
+export { getSplitPaneContext, setSplitPaneContext };
+declare const getTabsContext: () => TabsContextType | undefined, setTabsContext: (context: TabsContextType) => TabsContextType;
+export { getTabsContext, setTabsContext };

package/dist/context.js

@@ -0,0 +1,72 @@
+import { createContext } from "svelte";
+/**
+ * Helper function to create a context with safe getter that returns undefined instead of throwing
+ * when accessed outside of the context provider.
+ */
+function createSafeContext() {
+    const [getRaw, set] = createContext();
+    function get() {
+        try {
+            return getRaw();
+        }
+        catch {
+            return undefined;
+        }
+    }
+    return [get, set];
+}
+// Accordion
+const [getAccordionContext, setAccordionContext] = createSafeContext();
+export { getAccordionContext, setAccordionContext };
+// BottomNav
+const [getBottomNavContext, setBottomNavContext] = createSafeContext();
+export { getBottomNavContext, setBottomNavContext };
+// Carousel
+const [getCarouselContext, setCarouselContext] = createSafeContext();
+export { getCarouselContext, setCarouselContext };
+// Drawer
+const [getDrawerContext, setDrawerContext] = createSafeContext();
+export { getDrawerContext, setDrawerContext };
+// Dropdown
+const [getDropdownContext, setDropdownContext] = createSafeContext();
+export { getDropdownContext, setDropdownContext };
+// Pagination
+const [getPaginationContext, setPaginationContext] = createSafeContext();
+export { getPaginationContext, setPaginationContext };
+// ButtonToggle
+const [getButtonToggleContext, setButtonToggleContext] = createSafeContext();
+export { getButtonToggleContext, setButtonToggleContext };
+// List
+const [getListContext, setListContext] = createSafeContext();
+export { getListContext, setListContext };
+// Toolbar
+const [getToolbarContext, setToolbarContext] = createSafeContext();
+export { getToolbarContext, setToolbarContext };
+// Theme
+const [getThemeContext, setThemeContext] = createSafeContext();
+export { getThemeContext, setThemeContext };
+// ListGroup
+const [getListGroupContext, setListGroupContext] = createSafeContext();
+export { getListGroupContext, setListGroupContext };
+// ButtonGroup
+const [getButtonGroupContext, setButtonGroupContext] = createSafeContext();
+export { getButtonGroupContext, setButtonGroupContext };
+// Navbar
+const [getNavbarStateContext, setNavbarStateContext] = createSafeContext();
+export { getNavbarStateContext, setNavbarStateContext };
+const [getNavbarBreakpointContext, setNavbarBreakpointContext] = createSafeContext();
+export { getNavbarBreakpointContext, setNavbarBreakpointContext };
+// Sidebar
+const [getSidebarContext, setSidebarContext] = createSafeContext();
+export { getSidebarContext, setSidebarContext };
+const [getActiveUrlContext, setActiveUrlContext] = createSafeContext();
+export { getActiveUrlContext, setActiveUrlContext };
+// Table
+const [getTableContext, setTableContext] = createSafeContext();
+export { getTableContext, setTableContext };
+// SplitPane
+const [getSplitPaneContext, setSplitPaneContext] = createSafeContext();
+export { getSplitPaneContext, setSplitPaneContext };
+// Tabs
+const [getTabsContext, setTabsContext] = createSafeContext();
+export { getTabsContext, setTabsContext };

package/dist/darkmode/DarkMode.svelte

@@ -64,7 +64,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DarkmodeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L478)
+[DarkmodeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L536)
 ## Props
 @prop class: className
 @prop lightIcon

package/dist/darkmode/DarkMode.svelte.d.ts

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