flowbite-svelte 2.0.0-next.2 → 2.0.0-next.3

package/dist/theme-selector/themes.d.ts

@@ -0,0 +1,39 @@
+export type ThemeId = "default" | "minimal" | "enterprise" | "playful" | "mono";
+export interface FlowbiteTheme {
+    id: ThemeId;
+    name: string;
+    cssPath: string;
+    fontUrl: string;
+    colors: string[];
+}
+export declare const themeConfigs: readonly [{
+    readonly id: "default";
+    readonly name: "Default";
+    readonly cssPath: any;
+    readonly fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
+    readonly colors: ["bg-gray-100 dark:bg-gray-700", "bg-blue-50 dark:bg-blue-900", "bg-blue-200 dark:bg-blue-800", "bg-blue-700 dark:bg-blue-700"];
+}, {
+    readonly id: "minimal";
+    readonly name: "Minimal";
+    readonly cssPath: any;
+    readonly fontUrl: "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";
+    readonly colors: ["bg-stone-50 dark:bg-stone-600", "bg-stone-100 dark:bg-stone-700", "bg-stone-300 dark:bg-stone-800", "bg-stone-900 dark:bg-stone-900"];
+}, {
+    readonly id: "enterprise";
+    readonly name: "Enterprise";
+    readonly cssPath: any;
+    readonly fontUrl: "https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";
+    readonly colors: ["bg-zinc-100 dark:bg-zinc-700", "bg-cyan-50 dark:bg-cyan-900", "bg-cyan-100 dark:bg-cyan-800", "bg-cyan-700 dark:bg-cyan-700"];
+}, {
+    readonly id: "playful";
+    readonly name: "Playful";
+    readonly cssPath: any;
+    readonly fontUrl: "https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap";
+    readonly colors: ["bg-slate-100 dark:bg-slate-700", "bg-pink-50 dark:bg-pink-900", "bg-pink-100 dark:bg-pink-800", "bg-pink-700 dark:bg-pink-700"];
+}, {
+    readonly id: "mono";
+    readonly name: "Mono";
+    readonly cssPath: any;
+    readonly fontUrl: "https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;400;500;600;700&display=swap";
+    readonly colors: ["bg-neutral-100 dark:bg-neutral-700", "bg-indigo-50 dark:bg-indigo-900", "bg-indigo-100 dark:bg-indigo-800", "bg-indigo-700 dark:bg-indigo-700"];
+}];

package/dist/theme-selector/themes.js

@@ -0,0 +1,43 @@
+// Import CSS files as URLs - Vite will process these and give us the actual URLs
+import defaultCss from "./themes/default-runtime.css?url";
+import minimalCss from "./themes/minimal-runtime.css?url";
+import enterpriseCss from "./themes/enterprise-runtime.css?url";
+import playfulCss from "./themes/playful-runtime.css?url";
+import monoCss from "./themes/mono-runtime.css?url";
+export const themeConfigs = [
+    {
+        id: "default",
+        name: "Default",
+        cssPath: defaultCss, // Now this is a real URL
+        fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap",
+        colors: ["bg-gray-100 dark:bg-gray-700", "bg-blue-50 dark:bg-blue-900", "bg-blue-200 dark:bg-blue-800", "bg-blue-700 dark:bg-blue-700"]
+    },
+    {
+        id: "minimal",
+        name: "Minimal",
+        cssPath: minimalCss, // Now this is a real URL
+        fontUrl: "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap",
+        colors: ["bg-stone-50 dark:bg-stone-600", "bg-stone-100 dark:bg-stone-700", "bg-stone-300 dark:bg-stone-800", "bg-stone-900 dark:bg-stone-900"]
+    },
+    {
+        id: "enterprise",
+        name: "Enterprise",
+        cssPath: enterpriseCss, // Now this is a real URL
+        fontUrl: "https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap",
+        colors: ["bg-zinc-100 dark:bg-zinc-700", "bg-cyan-50 dark:bg-cyan-900", "bg-cyan-100 dark:bg-cyan-800", "bg-cyan-700 dark:bg-cyan-700"]
+    },
+    {
+        id: "playful",
+        name: "Playful",
+        cssPath: playfulCss, // Now this is a real URL
+        fontUrl: "https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap",
+        colors: ["bg-slate-100 dark:bg-slate-700", "bg-pink-50 dark:bg-pink-900", "bg-pink-100 dark:bg-pink-800", "bg-pink-700 dark:bg-pink-700"]
+    },
+    {
+        id: "mono",
+        name: "Mono",
+        cssPath: monoCss, // Now this is a real URL
+        fontUrl: "https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;400;500;600;700&display=swap",
+        colors: ["bg-neutral-100 dark:bg-neutral-700", "bg-indigo-50 dark:bg-indigo-900", "bg-indigo-100 dark:bg-indigo-800", "bg-indigo-700 dark:bg-indigo-700"]
+    }
+];

package/dist/timeline/Activity.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { activity } from "./theme";
   import type { ActivityProps } from "../types";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, class: className, ...restProps }: ActivityProps = $props();
 
@@ -17,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1745)
+[ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1747)
 ## Props
 @prop children
 @prop class: className

package/dist/timeline/Activity.svelte.d.ts

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

package/dist/timeline/ActivityItem.svelte

@@ -2,7 +2,7 @@
   import { activityItem } from "./theme";
   import type { ActivityItemProps } from "../types";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { activities, class: className, classes, ...restProps }: ActivityItemProps = $props();
 
@@ -38,7 +38,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1749)
+[ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1751)
 ## Props
 @prop activities
 @prop class: className

package/dist/timeline/ActivityItem.svelte.d.ts

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

package/dist/timeline/Group.svelte

@@ -2,7 +2,7 @@
   import { group } from "./theme";
   import type { GroupProps } from "../types";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, date, class: className, classes, ...restProps }: GroupProps = $props();
 
@@ -24,7 +24,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1753)
+[GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1755)
 ## Props
 @prop children
 @prop date

package/dist/timeline/Group.svelte.d.ts

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

package/dist/timeline/GroupItem.svelte

@@ -2,7 +2,7 @@
   import { groupItem } from "./theme";
   import type { GroupItemProps } from "../types";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { timelines, class: className, classes, ...restProps }: GroupItemProps = $props();
 
@@ -56,7 +56,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1758)
+[GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1760)
 ## Props
 @prop timelines
 @prop class: className

package/dist/timeline/GroupItem.svelte.d.ts

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

package/dist/timeline/Timeline.svelte

@@ -3,7 +3,7 @@
   import { timeline, type TimelineVariants } from "./theme";
   import clsx from "clsx";
   import type { TimelineProps } from "../types";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, order = "default", class: className, ...restProps }: TimelineProps = $props();
 
@@ -21,7 +21,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1774)
+[TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1776)
 ## Props
 @prop children
 @prop order = "default"

package/dist/timeline/Timeline.svelte.d.ts

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

package/dist/timeline/TimelineItem.svelte

@@ -3,7 +3,7 @@
   import { timelineItem, type TimelineVariants } from "./theme";
   import type { TimelineItemProps, DateFormat } from "../types";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, orientationSlot, title, date, dateFormat = "month-year", color = "primary", isLast = false, datePrefix, class: className, classes, ...restProps }: TimelineItemProps = $props();
 
@@ -93,7 +93,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1781)
+[TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1783)
 ## Props
 @prop children
 @prop orientationSlot

package/dist/timeline/TimelineItem.svelte.d.ts

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

package/dist/timeline/theme.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from "tailwind-variants";
-import type { Classes } from "../theme/themeUtils";
+import type { Classes } from "../theme-provider/themeUtils";
 export type TimelineVariants = VariantProps<typeof timeline>;
 export type ActivityItemVariants = VariantProps<typeof activityItem> & Classes<typeof activityItem>;
 export type GroupVariants = VariantProps<typeof group> & Classes<typeof group>;

package/dist/toast/Toast.svelte

@@ -3,8 +3,9 @@
   import type { ParamsType, ToastProps } from "../types";
   import { toast } from "./theme";
   import { fly } from "svelte/transition";
+  import { prefersReducedMotion } from "svelte/motion";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import { createDismissableContext } from "../utils/dismissable";
 
   let {
@@ -28,6 +29,12 @@
 
   const { base, icon: iconVariants, content, close } = $derived(toast({ color, position, align }));
 
+  // Check if running in browser to avoid SSR issues
+  const isBrowser = typeof window !== "undefined";
+
+  // Respect reduced motion preference by setting duration to 0
+  const effectiveParams = $derived(isBrowser && prefersReducedMotion.current ? { ...params, duration: 0 } : params);
+
   let ref: HTMLDivElement | undefined = $state(undefined);
 
   function _close() {
@@ -40,7 +47,7 @@
 </script>
 
 {#if toastStatus}
-  <div role="alert" bind:this={ref} transition:transition={params as ParamsType} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
+  <div role="alert" bind:this={ref} transition:transition={effectiveParams as ParamsType} {...restProps} class={base({ class: clsx(theme?.base, className) })}>
     {#if icon}
       <div class={iconVariants({ class: clsx(theme?.icon, styling?.icon) })}>
         {@render icon()}
@@ -61,7 +68,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1793)
+[ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1795)
 ## Props
 @prop children
 @prop icon

package/dist/toast/Toast.svelte.d.ts

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

package/dist/toast/ToastContainer.svelte

@@ -2,7 +2,7 @@
   import type { ToastContainerProps } from "../types";
   import clsx from "clsx";
   import { toastContainer } from "./theme";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, position = "top-right", class: className, ...restProps }: ToastContainerProps = $props();
 
@@ -26,7 +26,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1806)
+[ToastContainerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1808)
 ## Props
 @prop children
 @prop position = "top-right"

package/dist/toast/ToastContainer.svelte.d.ts

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

package/dist/toast/theme.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from "tailwind-variants";
-import type { Classes } from "../theme/themeUtils";
+import type { Classes } from "../theme-provider/themeUtils";
 export type ToastVaraints = VariantProps<typeof toast> & Classes<typeof toast>;
 export declare const toast: import("tailwind-variants").TVReturnType<{
     position: {

package/dist/toolbar/Toolbar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import type { ToolbarProps } from "../types";
   import clsx from "clsx";
   import { setToolbarContext } from "../context";
@@ -52,7 +52,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1115)
+[ToolbarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1117)
 ## Props
 @prop children
 @prop end

package/dist/toolbar/Toolbar.svelte.d.ts

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

package/dist/toolbar/ToolbarButton.svelte

@@ -2,7 +2,7 @@
   import { toolbarButton } from "./theme";
   import type { ToolbarButtonProps } from "../types";
   import clsx from "clsx";
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
 
   let { children, color, name, "aria-label": ariaLabel, "aria-expanded": ariaExpanded, size, class: className, ...restProps }: ToolbarButtonProps = $props();
 
@@ -34,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1121)
+[ToolbarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1123)
 ## Props
 @prop children
 @prop color

package/dist/toolbar/ToolbarButton.svelte.d.ts

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

package/dist/toolbar/ToolbarGroup.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getTheme } from "../theme/themeUtils";
+  import { getTheme } from "../theme-provider/themeUtils";
   import type { ToolbarGroupProps } from "../types";
   import clsx from "clsx";
   import { getToolbarContext } from "../context";
@@ -24,7 +24,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1119)
+[ToolbarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1121)
 ## Props
 @prop children
 @prop spacing

package/dist/toolbar/ToolbarGroup.svelte.d.ts

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

package/dist/toolbar/theme.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from "tailwind-variants";
-import type { Classes } from "../theme/themeUtils";
+import type { Classes } from "../theme-provider/themeUtils";
 export type ToolbarVariants = VariantProps<typeof toolbar> & Classes<typeof toolbar>;
 export type ToolbarGroupVariants = VariantProps<typeof toolbarGroup>;
 export declare const toolbar: import("tailwind-variants").TVReturnType<{

package/dist/toolbar/theme.js

@@ -8,7 +8,7 @@ export const toolbar = tv({
         embedded: {
             true: {},
             false: {
-                base: "py-2 px-3 rounded-lg dark:border"
+                base: "py-2 px-3 rounded-base dark:border"
             }
         },
         color: {

package/dist/tooltip/Tooltip.svelte

@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1813)
+[TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1815)
 ## Props
 @prop type = "dark"
 @prop color = undefined

package/dist/tooltip/Tooltip.svelte.d.ts

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

package/dist/types.d.ts

@@ -28,7 +28,7 @@ import type { SidebarVariants, SidebarCtaVariants, SidebarBrandVariants, Sidebar
 import type { CardPlaceholderVariants, ImagePlaceholderVariants, ListPlaceholderVariants, SkeletonVariants, TestimonialPlaceholderVariants, TextPlaceholderVariants, VideoPlaceholderVariants, WidgetPlaceholderVariants } from "./skeleton/theme";
 import type { SpeedDialVariants, SpeedDialButtonVariants } from "./speed-dial/theme";
 import type { SpinnerVariants } from "./spinner/theme";
-import type { StepIndicatorVariants } from "./step-indicator/theme";
+import type { StepIndicatorVariants } from "./extend/step-indicator/theme";
 import type { StepperVariants, ProgressStepperVariants, DetailedStepperVariants, VerticalStepperVariants, BreadcrumbStepperVariants, TimelineStepperVariants } from "./stepper/theme";
 import type { PaginationItemVariants, PaginationVariants } from "./pagination/theme";
 import type { ProgressbarVariants, ProgressradialVariants } from "./progress/theme";
@@ -69,13 +69,13 @@ import type { BreadcrumbItemVariants, BreadcrumbVariants } from "./breadcrumb/th
 import type { ButtonGroupVariants } from "./button-group/theme";
 import type { AndroidVariants, DefaultMockupVariants, DesktopVariants, IosVariants, LaptopVariants, SmartwatchVariants, TabletVariants } from "./device-mockups/theme";
 import type { ApexOptions } from "apexcharts";
-import type { ButtonToggleVariants } from "./forms/button-toggle/theme";
-import type { TagsVariants } from "./forms/tags/theme";
-import type { VirtualListVariants } from "./virtuallist/theme";
-import type { KanbanBoardVariants, KanbanCardVariants } from "./kanban/theme";
-import type { TourVariants } from "./tour/theme";
-import type { CommandPaletteVariants } from "./command-palette/theme";
-import type { ScrollSpyVariants } from "./scroll-spy/theme";
+import type { ButtonToggleVariants } from "./extend/button-toggle/theme";
+import type { TagsVariants } from "./extend/tags/theme";
+import type { VirtualListVariants } from "./extend/virtuallist/theme";
+import type { KanbanBoardVariants, KanbanCardVariants } from "./extend/kanban/theme";
+import type { TourVariants } from "./extend/tour/theme";
+import type { CommandPaletteVariants } from "./extend/command-palette/theme";
+import type { ScrollSpyVariants } from "./extend/scroll-spy/theme";
 import type { CloseButtonVariants } from "./utils/theme";
 import type { DialogVariants } from "./dialog/theme";
 export declare const xs = "xs";
@@ -149,6 +149,7 @@ export interface AccordionProps extends AccordionVariants, Omit<HTMLAttributes<H
     activeClass?: ClassValue;
     inactiveClass?: ClassValue;
     transitionType?: TransitionFunc | "none";
+    respectReducedMotion?: boolean;
     classes?: Partial<{
         button?: ClassValue;
         contentWrapper?: ClassValue;
@@ -263,6 +264,7 @@ export interface GradientButtonProps extends GradientButtonVariants, HTMLButtonO
 export interface AccordionContextType {
     flush?: boolean;
     transitionType?: TransitionFunc | "none";
+    respectReducedMotion?: boolean;
     classes?: Partial<{
         button?: ClassValue;
         contentWrapper?: ClassValue;
@@ -1464,7 +1466,7 @@ export interface TabsContextType {
     registerTab: (tab: SelectedTab) => void;
     unregisterTab: (tabId: string) => void;
 }
-export type { ThemeConfig } from "./theme";
+export type { ThemeConfig } from "./theme-provider";
 export interface ActivityType {
     id?: string | number;
     title: HTMLElement | string;
@@ -1816,7 +1818,7 @@ export interface ScrollSpyProps extends ScrollSpyVariants, HTMLAttributes<HTMLEl
     /** Callback when navigation item is clicked */
     onNavigate?: (itemId: string) => void;
 }
-import type { VirtualMasonryVariants } from "./virtual-masonry/theme";
+import type { VirtualMasonryVariants } from "./extend/virtual-masonry/theme";
 export interface VirtualMasonryProps<T = unknown> extends VirtualMasonryVariants, Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     children: Snippet<[item: T, index: number]>;
     items?: T[];
@@ -1830,7 +1832,7 @@ export interface VirtualMasonryProps<T = unknown> extends VirtualMasonryVariants
     ariaLabel?: string;
     class?: ClassValue | null;
 }
-import type { ClipboardManagerVariants } from "./clipboard-manager/theme";
+import type { ClipboardManagerVariants } from "./extend/clipboard-manager/theme";
 export interface ClipboardItem {
     id: number;
     text: string;

package/dist/typography/a/A.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { anchor } from "./theme";
   import type { AnchorProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, color = "primary", asButton = false, onclick, href = "#", class: className, ...restProps }: AnchorProps = $props();
 
@@ -43,7 +43,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1817)
+[AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1819)
 ## Props
 @prop children
 @prop color = "primary"

package/dist/typography/a/A.svelte.d.ts

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

package/dist/typography/blockquote/Blockquote.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { blockquote } from "./theme";
   import type { BlockquoteProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, class: className, border, italic = true, bg, alignment = "left", size = "lg", ...restProps }: BlockquoteProps = $props();
 
@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1846)
+[BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1848)
 ## Props
 @prop children
 @prop class: className

package/dist/typography/blockquote/Blockquote.svelte.d.ts

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

package/dist/typography/descriptionlist/DescriptionList.svelte

@@ -2,7 +2,7 @@
   import clsx from "clsx";
   import { descriptionList } from "./theme";
   import type { DescriptionListProps } from "../../types";
-  import { getTheme } from "../../theme/themeUtils";
+  import { getTheme } from "../../theme-provider/themeUtils";
 
   let { children, tag, class: className, ...restProps }: DescriptionListProps = $props();
 
@@ -24,7 +24,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1856)
+[DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1858)
 ## Props
 @prop children
 @prop tag