flowbite-svelte 1.8.6 → 1.10.0

package/dist/rating/index.d.ts

@@ -1,11 +1,10 @@
-import AdvancedRating from "./AdvancedRating.svelte";
-import Heart from "./Heart.svelte";
-import Rating from "./Rating.svelte";
-import RatingComment from "./RatingComment.svelte";
-import Review from "./Review.svelte";
-import ScoreRating from "./ScoreRating.svelte";
-import Star from "./Star.svelte";
-import Thumbup from "./Thumbup.svelte";
-import CustomIcon from "./CustomIcon.svelte";
-import { advancedrating, rating, review, scorerating } from "./theme";
-export { AdvancedRating, advancedrating, Heart, Rating, rating, RatingComment, Review, review, ScoreRating, scorerating, Star, Thumbup, CustomIcon };
+export { default as AdvancedRating } from "./AdvancedRating.svelte";
+export { default as Heart } from "./Heart.svelte";
+export { default as Rating } from "./Rating.svelte";
+export { default as RatingComment } from "./RatingComment.svelte";
+export { default as Review } from "./Review.svelte";
+export { default as ScoreRating } from "./ScoreRating.svelte";
+export { default as Star } from "./Star.svelte";
+export { default as Thumbup } from "./Thumbup.svelte";
+export { default as CustomIcon } from "./CustomIcon.svelte";
+export { advancedRating, rating, review, scoreRating, type AdvancedRatingTheme, type RatingTheme, type ReviewTheme, type ScoreRatingTheme } from "./theme";

package/dist/rating/index.js

@@ -1,11 +1,10 @@
-import AdvancedRating from "./AdvancedRating.svelte";
-import Heart from "./Heart.svelte";
-import Rating from "./Rating.svelte";
-import RatingComment from "./RatingComment.svelte";
-import Review from "./Review.svelte";
-import ScoreRating from "./ScoreRating.svelte";
-import Star from "./Star.svelte";
-import Thumbup from "./Thumbup.svelte";
-import CustomIcon from "./CustomIcon.svelte";
-import { advancedrating, rating, review, scorerating } from "./theme";
-export { AdvancedRating, advancedrating, Heart, Rating, rating, RatingComment, Review, review, ScoreRating, scorerating, Star, Thumbup, CustomIcon };
+export { default as AdvancedRating } from "./AdvancedRating.svelte";
+export { default as Heart } from "./Heart.svelte";
+export { default as Rating } from "./Rating.svelte";
+export { default as RatingComment } from "./RatingComment.svelte";
+export { default as Review } from "./Review.svelte";
+export { default as ScoreRating } from "./ScoreRating.svelte";
+export { default as Star } from "./Star.svelte";
+export { default as Thumbup } from "./Thumbup.svelte";
+export { default as CustomIcon } from "./CustomIcon.svelte";
+export { advancedRating, rating, review, scoreRating } from "./theme";

package/dist/rating/theme.d.ts

@@ -1,4 +1,4 @@
-export declare const advancedrating: import("tailwind-variants").TVReturnType<{
+export declare const advancedRating: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             base?: import("tailwind-variants").ClassValue;
@@ -47,6 +47,8 @@ export declare const advancedrating: import("tailwind-variants").TVReturnType<{
     div3: string;
     span2: string;
 }, undefined, unknown, unknown, undefined>>;
+export type AdvancedRatingSlots = keyof typeof advancedRating.slots;
+export type AdvancedRatingTheme = Partial<Record<AdvancedRatingSlots, string>>;
 export declare const rating: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -78,28 +80,30 @@ export declare const rating: import("tailwind-variants").TVReturnType<{
     base: string;
     p: string;
 }, undefined, unknown, unknown, undefined>>;
+export type RatingSlots = keyof typeof rating.slots;
+export type RatingTheme = Partial<Record<RatingSlots, string>>;
 export declare const review: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             div?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
             img?: import("tailwind-variants").ClassValue;
+            li?: import("tailwind-variants").ClassValue;
             ul?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
             div3?: import("tailwind-variants").ClassValue;
-            article?: import("tailwind-variants").ClassValue;
-            li?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             div?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
             img?: import("tailwind-variants").ClassValue;
+            li?: import("tailwind-variants").ClassValue;
             ul?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
             div3?: import("tailwind-variants").ClassValue;
-            article?: import("tailwind-variants").ClassValue;
-            li?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -114,12 +118,12 @@ export declare const review: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             div?: import("tailwind-variants").ClassValue;
+            article?: import("tailwind-variants").ClassValue;
             img?: import("tailwind-variants").ClassValue;
+            li?: import("tailwind-variants").ClassValue;
             ul?: import("tailwind-variants").ClassValue;
             div2?: import("tailwind-variants").ClassValue;
             div3?: import("tailwind-variants").ClassValue;
-            article?: import("tailwind-variants").ClassValue;
-            li?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
@@ -139,13 +143,14 @@ export declare const review: import("tailwind-variants").TVReturnType<{
     ul: string;
     li: string;
 }, undefined, unknown, unknown, undefined>>;
-export declare const scorerating: import("tailwind-variants").TVReturnType<{
+export type ReviewSlots = keyof typeof review.slots;
+export type ReviewTheme = Partial<Record<ReviewSlots, string>>;
+export declare const scoreRating: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             link?: import("tailwind-variants").ClassValue;
             desc1?: import("tailwind-variants").ClassValue;
             desc2?: import("tailwind-variants").ClassValue;
-            desc3?: import("tailwind-variants").ClassValue;
             desc3span?: import("tailwind-variants").ClassValue;
             desc3p?: import("tailwind-variants").ClassValue;
             bar?: import("tailwind-variants").ClassValue;
@@ -157,7 +162,6 @@ export declare const scorerating: import("tailwind-variants").TVReturnType<{
             link?: import("tailwind-variants").ClassValue;
             desc1?: import("tailwind-variants").ClassValue;
             desc2?: import("tailwind-variants").ClassValue;
-            desc3?: import("tailwind-variants").ClassValue;
             desc3span?: import("tailwind-variants").ClassValue;
             desc3p?: import("tailwind-variants").ClassValue;
             bar?: import("tailwind-variants").ClassValue;
@@ -166,7 +170,6 @@ export declare const scorerating: import("tailwind-variants").TVReturnType<{
 } | {}, {
     desc1: string;
     desc2: string;
-    desc3: string;
     desc3span: string;
     desc3p: string;
     link: string;
@@ -177,7 +180,6 @@ export declare const scorerating: import("tailwind-variants").TVReturnType<{
             link?: import("tailwind-variants").ClassValue;
             desc1?: import("tailwind-variants").ClassValue;
             desc2?: import("tailwind-variants").ClassValue;
-            desc3?: import("tailwind-variants").ClassValue;
             desc3span?: import("tailwind-variants").ClassValue;
             desc3p?: import("tailwind-variants").ClassValue;
             bar?: import("tailwind-variants").ClassValue;
@@ -186,7 +188,6 @@ export declare const scorerating: import("tailwind-variants").TVReturnType<{
 } | {}, {
     desc1: string;
     desc2: string;
-    desc3: string;
     desc3span: string;
     desc3p: string;
     link: string;
@@ -194,9 +195,10 @@ export declare const scorerating: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnType<unknown, {
     desc1: string;
     desc2: string;
-    desc3: string;
     desc3span: string;
     desc3p: string;
     link: string;
     bar: string;
 }, undefined, unknown, unknown, undefined>>;
+export type ScoreRatingSlots = keyof typeof scoreRating.slots;
+export type ScoreRatingTheme = Partial<Record<ScoreRatingSlots, string>>;

package/dist/rating/theme.js

@@ -1,5 +1,5 @@
 import { tv } from "tailwind-variants";
-export const advancedrating = tv({
+export const advancedRating = tv({
     // divClass = 'flex items-center mt-4', spanClass = 'text-sm font-medium text-gray-600 dark:text-gray-500', div2Class = 'mx-4 w-2/4 h-5 bg-gray-200 rounded-sm dark:bg-gray-700', div3Class = 'h-5 bg-yellow-400 rounded-sm', span2Class = 'text-sm font-medium text-gray-600 dark:text-gray-500',
     slots: {
         base: "flex items-center mt-4",
@@ -26,11 +26,10 @@ export const review = tv({
         li: "flex items-center"
     }
 });
-export const scorerating = tv({
+export const scoreRating = tv({
     slots: {
         desc1: "bg-primary-100 w-8 text-primary-800 text-sm font-semibold inline-flex items-center p-1.5 rounded-sm dark:bg-primary-200 dark:text-primary-800",
         desc2: "ms-2 font-medium text-gray-900 dark:text-white",
-        desc3: "mx-2 w-1 h-1 mx-2 bg-gray-900 rounded-full dark:bg-gray-500",
         desc3span: "text-sm w-24 font-medium text-gray-500 dark:text-gray-400",
         desc3p: "text-sm w-24 font-medium text-gray-500 dark:text-gray-400",
         link: "ms-auto w-32 text-sm font-medium text-primary-600 hover:underline dark:text-primary-500",

package/dist/sidebar/Sidebar.svelte

@@ -3,13 +3,16 @@
   import { fly } from "svelte/transition";
   import { writable } from "svelte/store";
   import { sineIn } from "svelte/easing";
-  import { sidebar } from ".";
+  import { sidebar, type SidebarTheme } from ".";
   import { trapFocus, type SidebarProps, type SidebarCtxType } from "..";
-  import { twMerge } from "tailwind-merge";
+  import { cn } from "..";
+  import { getTheme } from "../theme/themeUtils";
   import clsx from "clsx";
 
   let { children, isOpen = false, closeSidebar, isSingle = true, breakpoint = "md", alwaysOpen = false, position = "fixed", activateClickOutside = true, backdrop = true, backdropClass, transition = fly, params, divClass, ariaLabel, nonActiveClass, activeClass, activeUrl = "", class: className, ...restProps }: SidebarProps = $props();
 
+  const theme = getTheme("sidebar");
+
   const breakpointValues = {
     sm: 640,
     md: 768,
@@ -35,10 +38,10 @@
       return closeSidebar;
     },
     get activeClass() {
-      return twMerge(active(), clsx(activeClass));
+      return cn(active(), clsx(activeClass), (theme as SidebarTheme)?.active);
     },
     get nonActiveClass() {
-      return twMerge(nonactive(), clsx(nonActiveClass));
+      return cn(nonactive(), clsx(nonActiveClass), (theme as SidebarTheme)?.nonactive);
     },
     isSingle
   };
@@ -58,17 +61,17 @@
 {#if isOpen || isLargeScreen}
   {#if isOpen && !alwaysOpen}
     {#if backdrop && activateClickOutside}
-      <div role="presentation" class={twMerge(backdropCls(), clsx(backdropClass))} onclick={closeSidebar}></div>
+      <div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)} onclick={closeSidebar}></div>
     {:else if backdrop && !activateClickOutside}
-      <div role="presentation" class={twMerge(backdropCls(), clsx(backdropClass))}></div>
+      <div role="presentation" class={cn(backdropCls(), clsx(backdropClass), (theme as SidebarTheme)?.backdrop)}></div>
     {:else if !backdrop && activateClickOutside}
       <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full" onclick={closeSidebar}></div>
     {:else if !backdrop && !activateClickOutside}
       <div role="presentation" class="fixed start-0 top-0 z-50 h-full w-full"></div>
     {/if}
   {/if}
-  <aside use:trapFocus={!isLargeScreen && isOpen && !alwaysOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={!alwaysOpen ? transitionParams : undefined} {...restProps} class={twMerge(base(), clsx(clsx(className)))} aria-label={ariaLabel}>
-    <div class={twMerge(div(), clsx(divClass))}>
+  <aside use:trapFocus={!isLargeScreen && isOpen && !alwaysOpen ? { onEscape: closeSidebar ? handleEscape : undefined } : null} transition:transition={!alwaysOpen ? transitionParams : undefined} {...restProps} class={cn(base(), clsx(clsx(className)), (theme as SidebarTheme)?.base)} aria-label={ariaLabel}>
+    <div class={cn(div(), clsx(divClass), (theme as SidebarTheme)?.base)}>
       {@render children()}
     </div>
   </aside>
@@ -78,7 +81,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1350)
+[SidebarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1348)
 ## Props
 @prop children
 @prop isOpen = false

package/dist/sidebar/Sidebar.svelte.d.ts

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

package/dist/sidebar/SidebarBrand.svelte

@@ -1,18 +1,21 @@
 <script lang="ts">
-  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
-  import { sitebarbrand } from ".";
+  import { sidebarBrand, type SidebarBrandTheme } from ".";
   import type { SidebarBrandProps } from "../types";
+  import { cn } from "..";
+  import { getTheme } from "../theme/themeUtils";
 
   let { children, site, imgClass, spanClass, class: className, ...restProps }: SidebarBrandProps = $props();
 
-  const { base, img, span } = $derived(sitebarbrand());
+  const theme = getTheme("sidebarBrand");
+
+  const { base, img, span } = $derived(sidebarBrand());
 </script>
 
-<a {...restProps} href={site?.href ? site.href : "/"} class={twMerge(base(), clsx(className))}>
+<a {...restProps} href={site?.href ? site.href : "/"} class={cn(base(), clsx(className), (theme as SidebarBrandTheme)?.base)}>
   {#if site}
-    <img src={site.img} class={twMerge(img(), clsx(imgClass))} alt={site.name} />
-    <span class={twMerge(span(), clsx(spanClass))}>{site.name}</span>
+    <img src={site.img} class={cn(img(), clsx(imgClass), (theme as SidebarBrandTheme)?.img)} alt={site.name} />
+    <span class={cn(span(), clsx(spanClass), (theme as SidebarBrandTheme)?.span)}>{site.name}</span>
   {:else if children}
     {@render children()}
   {/if}
@@ -22,7 +25,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1385)
+[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1383)
 ## Props
 @prop children
 @prop site

package/dist/sidebar/SidebarBrand.svelte.d.ts

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

package/dist/sidebar/SidebarButton.svelte

@@ -1,11 +1,15 @@
 <script lang="ts">
-  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
-  import { sidebarbutton } from ".";
+  import { sidebarButton } from ".";
   import type { SidebarButtonProps } from "../types";
+  import { cn } from "..";
+  import { getTheme } from "../theme/themeUtils";
+
   let { breakpoint = "md", class: className, ...restProps }: SidebarButtonProps = $props();
 
-  const base = $derived(twMerge(sidebarbutton({ breakpoint }), clsx(className)));
+  const theme = getTheme("sidebarButton");
+
+  const base = $derived(cn(sidebarButton({ breakpoint }), clsx(className), theme));
 </script>
 
 <button {...restProps} type="button" class={base}>
@@ -19,7 +23,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1368)
+[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1366)
 ## Props
 @prop breakpoint = "md"
 @prop class: className

package/dist/sidebar/SidebarButton.svelte.d.ts

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

package/dist/sidebar/SidebarCta.svelte

@@ -1,16 +1,20 @@
 <script lang="ts">
-  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
-  import { sidebarcta } from ".";
+  import { sidebarCta, type SidebarCtaTheme } from ".";
   import type { SidebarCtaProps } from "../types";
+  import { cn } from "..";
+  import { getTheme } from "../theme/themeUtils";
 
   let { children, icon, divClass, spanClass, label, class: className, ...restProps }: SidebarCtaProps = $props();
-  const { base, div, span } = $derived(sidebarcta());
+
+  const theme = getTheme("sidebarCta");
+
+  const { base, div, span } = $derived(sidebarCta());
 </script>
 
-<div {...restProps} id="dropdown-cta" class={twMerge(base(), clsx(className))} role="alert">
-  <div class={twMerge(div(), clsx(divClass))}>
-    <span class={twMerge(span(), clsx(spanClass))}>{label}</span>
+<div {...restProps} id="dropdown-cta" class={cn(base(), clsx(className), (theme as SidebarCtaTheme)?.base)} role="alert">
+  <div class={cn(div(), clsx(divClass), (theme as SidebarCtaTheme)?.div)}>
+    <span class={cn(span(), clsx(spanClass), (theme as SidebarCtaTheme)?.span)}>{label}</span>
     {#if icon}
       {@render icon()}
     {/if}
@@ -22,7 +26,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1372)
+[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1370)
 ## Props
 @prop children
 @prop icon

package/dist/sidebar/SidebarCta.svelte.d.ts

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

package/dist/sidebar/SidebarDropdownWrapper.svelte

@@ -3,10 +3,11 @@
   import { writable, type Writable } from "svelte/store";
   import { slide } from "svelte/transition";
   import { uiHelpers } from "..";
-  import { sidebardropdownwrapper } from ".";
+  import { sidebarDropdownWrapper, type SidebarDropdownWrapperTheme } from ".";
   import type { SidebarDropdownWrapperProps, ParamsType } from "../types";
-  import { twMerge } from "tailwind-merge";
   import clsx from "clsx";
+  import { cn } from "..";
+  import { getTheme } from "../theme/themeUtils";
 
   type SidebarContext = {
     selected?: Writable<object | null>;
@@ -15,7 +16,9 @@
 
   let { children, arrowup, arrowdown, icon, isOpen = $bindable(false), btnClass, label, spanClass, ulClass, transition = slide, params, svgClass, class: className, onclick, ...restProps }: SidebarDropdownWrapperProps = $props();
 
-  const { base, btn, span, svg, ul } = sidebardropdownwrapper();
+  const theme = getTheme("sidebarDropdownWrapper");
+
+  const { base, btn, span, svg, ul } = sidebarDropdownWrapper();
 
   let sidebarDropdown = uiHelpers();
   sidebarDropdown.isOpen = isOpen;
@@ -49,30 +52,30 @@
   }
 </script>
 
-<li class={twMerge(base(), clsx(className))}>
-  <button {...restProps} onclick={handleDropdown} type="button" class={twMerge(btn(), clsx(btnClass))} aria-controls="sidebar-dropdown">
+<li class={cn(base(), clsx(className), (theme as SidebarDropdownWrapperTheme)?.base)}>
+  <button {...restProps} onclick={handleDropdown} type="button" class={cn(btn(), clsx(btnClass), (theme as SidebarDropdownWrapperTheme)?.btn)} aria-controls="sidebar-dropdown">
     {#if icon}
       {@render icon()}
     {/if}
-    <span class={twMerge(span(), clsx(spanClass))}>{label}</span>
+    <span class={cn(span(), clsx(spanClass), (theme as SidebarDropdownWrapperTheme)?.span)}>{label}</span>
     {#if isOpen}
       {#if arrowup}
         {@render arrowup()}
       {:else}
-        <svg class={twMerge(svg(), clsx(svgClass))} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
+        <svg class={cn(svg(), clsx(svgClass), (theme as SidebarDropdownWrapperTheme)?.svg)} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
           <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5" />
         </svg>
       {/if}
     {:else if arrowdown}
       {@render arrowdown()}
     {:else}
-      <svg class={twMerge(svg(), clsx(svgClass))} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
+      <svg class={cn(svg(), clsx(svgClass), (theme as SidebarDropdownWrapperTheme)?.svg)} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />
       </svg>
     {/if}
   </button>
   {#if isOpen}
-    <ul class={twMerge(ul(), clsx(ulClass))} transition:transition={params as ParamsType}>
+    <ul class={cn(ul(), clsx(ulClass), (theme as SidebarDropdownWrapperTheme)?.ul)} transition:transition={params as ParamsType}>
       {@render children()}
     </ul>
   {/if}
@@ -82,7 +85,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1391)
+[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1389)
 ## Props
 @prop children
 @prop arrowup

package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts

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

package/dist/sidebar/SidebarGroup.svelte

@@ -13,7 +13,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1408)
+[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1406)
 ## Props
 @prop children
 @prop class: className = "space-y-2"

package/dist/sidebar/SidebarGroup.svelte.d.ts

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

package/dist/sidebar/SidebarItem.svelte

@@ -38,7 +38,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1414)
+[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1412)
 ## Props
 @prop icon
 @prop subtext

package/dist/sidebar/SidebarItem.svelte.d.ts

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

package/dist/sidebar/index.d.ts

@@ -1,11 +1,10 @@
-import Sidebar from "./Sidebar.svelte";
-import SidebarWrapper from "./SidebarWrapper.svelte";
-import SidebarDropdownWrapper from "./SidebarDropdownWrapper.svelte";
-import SidebarGroup from "./SidebarGroup.svelte";
-import SidebarItem from "./SidebarItem.svelte";
-import SidebarDropdownItem from "./SidebarItem.svelte";
-import SidebarButton from "./SidebarButton.svelte";
-import SidebarCta from "./SidebarCta.svelte";
-import SidebarBrand from "./SidebarBrand.svelte";
-import { sidebar, sidebarbutton, sidebarcta, sitebarbrand, sidebardropdownwrapper } from "./theme";
-export { Sidebar, sidebar, SidebarDropdownItem, SidebarDropdownWrapper, SidebarWrapper, sidebardropdownwrapper, SidebarGroup, SidebarItem, SidebarButton, sidebarbutton, SidebarCta, sidebarcta, SidebarBrand, sitebarbrand };
+export { default as Sidebar } from "./Sidebar.svelte";
+export { default as SidebarWrapper } from "./SidebarWrapper.svelte";
+export { default as SidebarDropdownWrapper } from "./SidebarDropdownWrapper.svelte";
+export { default as SidebarGroup } from "./SidebarGroup.svelte";
+export { default as SidebarItem } from "./SidebarItem.svelte";
+export { default as SidebarDropdownItem } from "./SidebarItem.svelte";
+export { default as SidebarButton } from "./SidebarButton.svelte";
+export { default as SidebarCta } from "./SidebarCta.svelte";
+export { default as SidebarBrand } from "./SidebarBrand.svelte";
+export { sidebar, sidebarButton, sidebarCta, sidebarBrand, sidebarDropdownWrapper, type SidebarTheme, type SidebarButtonTheme, type SidebarCtaTheme, type SidebarBrandTheme, type SidebarDropdownWrapperTheme } from "./theme";

package/dist/sidebar/index.js

@@ -1,11 +1,10 @@
-import Sidebar from "./Sidebar.svelte";
-import SidebarWrapper from "./SidebarWrapper.svelte";
-import SidebarDropdownWrapper from "./SidebarDropdownWrapper.svelte";
-import SidebarGroup from "./SidebarGroup.svelte";
-import SidebarItem from "./SidebarItem.svelte";
-import SidebarDropdownItem from "./SidebarItem.svelte";
-import SidebarButton from "./SidebarButton.svelte";
-import SidebarCta from "./SidebarCta.svelte";
-import SidebarBrand from "./SidebarBrand.svelte";
-import { sidebar, sidebarbutton, sidebarcta, sitebarbrand, sidebardropdownwrapper } from "./theme";
-export { Sidebar, sidebar, SidebarDropdownItem, SidebarDropdownWrapper, SidebarWrapper, sidebardropdownwrapper, SidebarGroup, SidebarItem, SidebarButton, sidebarbutton, SidebarCta, sidebarcta, SidebarBrand, sitebarbrand };
+export { default as Sidebar } from "./Sidebar.svelte";
+export { default as SidebarWrapper } from "./SidebarWrapper.svelte";
+export { default as SidebarDropdownWrapper } from "./SidebarDropdownWrapper.svelte";
+export { default as SidebarGroup } from "./SidebarGroup.svelte";
+export { default as SidebarItem } from "./SidebarItem.svelte";
+export { default as SidebarDropdownItem } from "./SidebarItem.svelte";
+export { default as SidebarButton } from "./SidebarButton.svelte";
+export { default as SidebarCta } from "./SidebarCta.svelte";
+export { default as SidebarBrand } from "./SidebarBrand.svelte";
+export { sidebar, sidebarButton, sidebarCta, sidebarBrand, sidebarDropdownWrapper } from "./theme";