flowbite-svelte 1.4.3 → 1.5.1

package/dist/accordion/Accordion.svelte

@@ -2,8 +2,7 @@
   import { setContext, getContext } from "svelte";
   import { writable } from "svelte/store";
   import { accordion } from "./";
-  import type { AccordionProps, BaseThemes } from "../types";
-  import clsx from "clsx";
+  import { type AccordionProps, type BaseThemes, cn } from "..";
 
   let { children, flush, activeClass, inactiveClass, multiple = false, class: className, transitionType, ...restProps }: AccordionProps = $props();
 
@@ -21,7 +20,7 @@
 
   setContext("ctx", ctx);
   setContext("ctxTransitionType", transitionType);
-  const base = $derived(accordionTheme({ flush, class: clsx(className) }));
+  const base = $derived(cn(accordionTheme({ flush }), className));
 </script>
 
 <div {...restProps} class={base}>

package/dist/accordion/Accordion.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { AccordionProps } from "../types";
+import { type AccordionProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type

package/dist/accordion/AccordionItem.svelte

@@ -1,12 +1,9 @@
 <script lang="ts">
-  import { twMerge } from "tailwind-merge";
   import { slide } from "svelte/transition";
   import { getContext } from "svelte";
   import { writable } from "svelte/store";
-
   import { accordionitem } from ".";
-  import type { AccordionCtxType, AccordionItemProps, ParamsType, BaseThemes } from "../types";
-  import clsx from "clsx";
+  import { type AccordionCtxType, type AccordionItemProps, type ParamsType, type BaseThemes, cn } from "..";
 
   let { children, header, arrowup, arrowdown, open = $bindable(false), activeClass, inactiveClass, transitionType = slide, transitionParams, class: className, headerClass, contentClass }: AccordionItemProps = $props();
 
@@ -33,7 +30,7 @@
 
   const { base, button, content, active, inactive } = $derived(accordionitemTheme({ flush: ctx.flush, open }));
 
-  let buttonClass = $derived(twMerge(button(), open && !ctx.flush && (activeClass || ctx.activeClass || active()), !open && !ctx.flush && (inactiveClass || ctx.inactiveClass || inactive()), clsx(className)));
+  let buttonClass = $derived(cn(button(), open && !ctx.flush && (activeClass || ctx.activeClass || active()), !open && !ctx.flush && (inactiveClass || ctx.inactiveClass || inactive()), className));
 </script>
 
 <h2 class={base({ class: headerClass })}>

package/dist/accordion/AccordionItem.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { AccordionItemProps } from "../types";
+import { type AccordionItemProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type

package/dist/accordion/index.d.ts

@@ -1,4 +1,3 @@
-import Accordion from "./Accordion.svelte";
-import AccordionItem from "./AccordionItem.svelte";
-import { accordion, accordionitem } from "./theme";
-export { AccordionItem, accordionitem, Accordion, accordion };
+export { default as Accordion } from "./Accordion.svelte";
+export { default as AccordionItem } from "./AccordionItem.svelte";
+export { accordion, accordionitem } from "./theme";

package/dist/accordion/index.js

@@ -1,4 +1,3 @@
-import Accordion from "./Accordion.svelte";
-import AccordionItem from "./AccordionItem.svelte";
-import { accordion, accordionitem } from "./theme";
-export { AccordionItem, accordionitem, Accordion, accordion };
+export { default as Accordion } from "./Accordion.svelte";
+export { default as AccordionItem } from "./AccordionItem.svelte";
+export { accordion, accordionitem } from "./theme";

package/dist/alert/Alert.svelte

@@ -1,29 +1,26 @@
 <script lang="ts">
-  import { CloseButton } from "..";
-  import type { ParamsType } from "../types";
   import { getContext } from "svelte";
   import { fade } from "svelte/transition";
   import { alert } from ".";
-  import type { AlertProps, BaseThemes } from "../types";
-  import clsx from "clsx";
+  import { type AlertProps, type BaseThemes, type ParamsType, CloseButton, cn } from "..";
 
   let { children, icon, alertStatus = $bindable(true), closeIcon: CloseIcon, color = "primary", rounded = true, border, class: className, dismissable, transition = fade, params, onclick = () => (alertStatus = false), ...restProps }: AlertProps = $props();
 
-  // Theme context
-
   const context = getContext<BaseThemes>("themeConfig");
   // Use theme context if available, otherwise fallback to default
   const alertTheme = context?.alert || alert;
 
   let divCls = $derived(
-    alertTheme({
-      color,
-      rounded,
-      border,
-      icon: !!icon,
-      dismissable,
-      class: clsx(className)
-    })
+    cn(
+      alertTheme({
+        color,
+        rounded,
+        border,
+        icon: !!icon,
+        dismissable
+      }),
+      className
+    )
   );
 </script>
 
@@ -57,7 +54,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AlertProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L188)
+[AlertProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L186)
 ## Props
 @prop children
 @prop icon

package/dist/alert/Alert.svelte.d.ts

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

package/dist/alert/index.d.ts

@@ -1,3 +1,2 @@
-import Alert from "./Alert.svelte";
-import { alert } from "./theme";
-export { Alert, alert };
+export { default as Alert } from "./Alert.svelte";
+export { alert } from "./theme";

package/dist/alert/index.js

@@ -1,3 +1,2 @@
-import Alert from "./Alert.svelte";
-import { alert } from "./theme";
-export { Alert, alert };
+export { default as Alert } from "./Alert.svelte";
+export { alert } from "./theme";

package/dist/avatar/Avatar.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
-  import { Indicator } from "..";
-  import clsx from "clsx";
   import { getContext } from "svelte";
   import { avatar } from ".";
-  import type { AvatarProps, BaseThemes } from "../types";
+  import { type AvatarProps, type BaseThemes, Indicator, cn } from "..";
 
   let { children, indicator, src, href, target, cornerStyle = "circular", border = false, stacked = false, dot, class: className, alt, size = "md", onclick, ...restProps }: AvatarProps = $props();
 
@@ -15,13 +13,15 @@
   dot = dot && { placement: "top-right", color: "gray", size: "lg", ...dot };
 
   let avatarClass = $derived(
-    avatarTheme({
-      cornerStyle,
-      border,
-      stacked,
-      size,
-      class: clsx(className)
-    })
+    cn(
+      avatarTheme({
+        cornerStyle,
+        border,
+        stacked,
+        size
+      }),
+      className
+    )
   );
 </script>
 
@@ -51,7 +51,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AvatarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L199)
+[AvatarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L197)
 ## Props
 @prop children
 @prop indicator

package/dist/avatar/Avatar.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { AvatarProps } from "../types";
+import { type AvatarProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [AvatarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L199)
+ * [AvatarProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L197)
  * ## Props
  * @prop children
  * @prop indicator

package/dist/avatar/index.d.ts

@@ -1,3 +1,2 @@
-import Avatar from "./Avatar.svelte";
-import { avatar } from "./theme";
-export { Avatar, avatar };
+export { default as Avatar } from "./Avatar.svelte";
+export { avatar } from "./theme";

package/dist/avatar/index.js

@@ -1,3 +1,2 @@
-import Avatar from "./Avatar.svelte";
-import { avatar } from "./theme";
-export { Avatar, avatar };
+export { default as Avatar } from "./Avatar.svelte";
+export { avatar } from "./theme";

package/dist/badge/Badge.svelte

@@ -1,11 +1,8 @@
 <script lang="ts">
   import { getContext } from "svelte";
-  import { badge } from "./index";
-  import type { BadgeProps } from "../types";
-  import { CloseButton } from "..";
+  import { badge } from ".";
   import { fade } from "svelte/transition";
-  import type { ParamsType, BaseThemes } from "../types";
-  import clsx from "clsx";
+  import { type ParamsType, type BaseThemes, type BadgeProps, CloseButton, cn } from "..";
 
   let { children, icon, badgeStatus = $bindable(true), color = "primary", large = false, dismissable = false, class: className, border, href, target, rounded, transition = fade, params, aClass, onclose, ...restProps }: BadgeProps = $props();
 
@@ -23,9 +20,9 @@
 </script>
 
 {#if badgeStatus}
-  <div {...restProps} transition:transition={params as ParamsType} class={base({ class: clsx(className) })}>
+  <div {...restProps} transition:transition={params as ParamsType} class={cn(base(), className)}>
     {#if href}
-      <a {href} {target} class={hrefClass({ class: aClass })}>
+      <a {href} {target} class={cn(hrefClass(), aClass)}>
         {@render children()}
       </a>
     {:else}
@@ -49,7 +46,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BadgeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L215)
+[BadgeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L213)
 ## Props
 @prop children
 @prop icon

package/dist/badge/Badge.svelte.d.ts

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

package/dist/badge/index.d.ts

@@ -1,3 +1,2 @@
-import Badge from "./Badge.svelte";
-import { badge } from "./theme";
-export { Badge, badge };
+export { default as Badge } from "./Badge.svelte";
+export { badge } from "./theme";

package/dist/badge/index.js

@@ -1,3 +1,2 @@
-import Badge from "./Badge.svelte";
-import { badge } from "./theme";
-export { Badge, badge };
+export { default as Badge } from "./Badge.svelte";
+export { badge } from "./theme";

package/dist/banner/Banner.svelte

@@ -1,25 +1,23 @@
 <script lang="ts">
-  import { CloseButton } from "..";
   import { fade } from "svelte/transition";
-  import { banner } from "./index";
-  import type { ParamsType, BannerProps } from "../types";
-  import clsx from "clsx";
+  import { banner } from ".";
+  import { type ParamsType, type BannerProps, CloseButton, cn } from "..";
 
-  let { children, header, open = $bindable(true), dismissable = true, color = "gray", type, class: className, innerClass, transition = fade, params, ...restProps }: BannerProps = $props();
+  let { children, header, open = $bindable(true), dismissable = true, color = "gray", type, class: className, innerClass, transition = fade, params, closeClass, ...restProps }: BannerProps = $props();
 
   const { base, insideDiv, dismissable: dismissableClass } = $derived(banner({ type, color }));
 </script>
 
 {#if open}
-  <div tabindex="-1" class={base({ class: clsx(className) })} {...restProps} transition:transition={params as ParamsType}>
-    <div class={insideDiv({ class: innerClass })}>
+  <div tabindex="-1" class={cn(base(), className)} {...restProps} transition:transition={params as ParamsType}>
+    <div class={cn(insideDiv(), innerClass)}>
       {@render children?.()}
     </div>
 
     {#if dismissable}
       <div class="flex items-center justify-end">
         <CloseButton
-          class={dismissableClass()}
+          class={cn(dismissableClass(), closeClass)}
           {color}
           ariaLabel="Remove banner"
           onclick={() => {
@@ -35,7 +33,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BannerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L230)
+[BannerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L228)
 ## Props
 @prop children
 @prop header
@@ -47,5 +45,6 @@
 @prop innerClass
 @prop transition = fade
 @prop params
+@prop closeClass
 @prop ...restProps
 -->

package/dist/banner/Banner.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { BannerProps } from "../types";
+import { type BannerProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [BannerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L230)
+ * [BannerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L228)
  * ## Props
  * @prop children
  * @prop header
@@ -14,6 +14,7 @@ import type { BannerProps } from "../types";
  * @prop innerClass
  * @prop transition = fade
  * @prop params
+ * @prop closeClass
  * @prop ...restProps
  */
 declare const Banner: import("svelte").Component<BannerProps, {}, "open">;

package/dist/banner/index.d.ts

@@ -1,3 +1,2 @@
-import Banner from "./Banner.svelte";
-import { banner } from "./theme";
-export { Banner, banner };
+export { default as Banner } from "./Banner.svelte";
+export { banner } from "./theme";

package/dist/banner/index.js

@@ -1,3 +1,2 @@
-import Banner from "./Banner.svelte";
-import { banner } from "./theme";
-export { Banner, banner };
+export { default as Banner } from "./Banner.svelte";
+export { banner } from "./theme";

package/dist/bottom-navigation/BottomNav.svelte

@@ -1,34 +1,31 @@
 <script lang="ts">
   import { setContext } from "svelte";
-  import { twMerge } from "tailwind-merge";
   import { writable } from "svelte/store";
-  import { bottomNav } from "./index";
-  import type { BottomNavProps, BottomNavContextType } from "../types";
+  import { bottomNav } from ".";
+  import { type BottomNavProps, type BottomNavContextType, cn } from "..";
 
   let { children, header, position = "fixed", navType = "default", outerClass, innerClass, activeClass, activeUrl = "", ...restProps }: BottomNavProps = $props();
 
-  const activeCls = twMerge("text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900", activeClass);
+  const activeCls = cn("text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900", activeClass);
 
   const activeUrlStore = writable("");
   setContext("activeUrl", activeUrlStore);
   setContext("navType", navType);
   setContext<BottomNavContextType>("bottomNavType", { activeClass: activeCls });
 
-  const { outer, inner } = bottomNav({ position, navType });
-  const outerCls = $derived(outer({ class: outerClass }));
-  const innerCls = $derived(inner({ class: innerClass }));
+  const { outer, inner } = $derived(bottomNav({ position, navType }));
 
   $effect(() => {
     activeUrlStore.set(activeUrl);
   });
 </script>
 
-<div {...restProps} class={outerCls}>
+<div {...restProps} class={cn(outer(), outerClass)}>
   {#if header}
     {@render header()}
   {/if}
 
-  <div class={innerCls}>
+  <div class={cn(inner(), innerClass)}>
     {@render children()}
   </div>
 </div>
@@ -37,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BottomNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L251)
+[BottomNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L250)
 ## Props
 @prop children
 @prop header

package/dist/bottom-navigation/BottomNav.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { BottomNavProps } from "../types";
+import { type BottomNavProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [BottomNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L251)
+ * [BottomNavProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L250)
  * ## Props
  * @prop children
  * @prop header

package/dist/bottom-navigation/BottomNavHeader.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
   import { bottomnavheader } from ".";
-  import type { BottomNavHeaderProps } from "../types";
+  import { type BottomNavHeaderProps, cn } from "..";
 
   let { children, outerClass, innerClass, ...restProps }: BottomNavHeaderProps = $props();
   const { innerDiv, outerDiv } = $derived(bottomnavheader());
 </script>
 
-<div {...restProps} class={outerDiv({ class: outerClass })}>
-  <div class={innerDiv({ class: innerClass })} role="group">
+<div {...restProps} class={cn(outerDiv(), outerClass)}>
+  <div class={cn(innerDiv(), innerClass)} role="group">
     {@render children()}
   </div>
 </div>
@@ -16,7 +16,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BottomNavHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L298)
+[BottomNavHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L296)
 ## Props
 @prop children
 @prop outerClass

package/dist/bottom-navigation/BottomNavHeader.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { BottomNavHeaderProps } from "../types";
+import { type BottomNavHeaderProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [BottomNavHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L298)
+ * [BottomNavHeaderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L296)
  * ## Props
  * @prop children
  * @prop outerClass

package/dist/bottom-navigation/BottomNavHeaderItem.svelte

@@ -1,13 +1,12 @@
 <script lang="ts">
-  import clsx from "clsx";
   import { bottomnavheaderitem } from ".";
-  import type { BottomNavHeaderItemProps } from "../types";
+  import { type BottomNavHeaderItemProps, cn } from "..";
 
   let { itemName, active, class: className, ...restProps }: BottomNavHeaderItemProps = $props();
-  let base = $derived(bottomnavheaderitem({ active, class: clsx(className) }));
+  let base = $derived(bottomnavheaderitem({ active }));
 </script>
 
-<button {...restProps} class={base}>
+<button {...restProps} class={cn(base, className)}>
   {itemName}
 </button>
 
@@ -15,7 +14,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BottomNavHeaderItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L304)
+[BottomNavHeaderItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L302)
 ## Props
 @prop itemName
 @prop active

package/dist/bottom-navigation/BottomNavHeaderItem.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { BottomNavHeaderItemProps } from "../types";
+import { type BottomNavHeaderItemProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [BottomNavHeaderItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L304)
+ * [BottomNavHeaderItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L302)
  * ## Props
  * @prop itemName
  * @prop active

package/dist/bottom-navigation/BottomNavItem.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
   import { getContext } from "svelte";
   import type { HTMLButtonAttributes, HTMLAnchorAttributes } from "svelte/elements";
-  import { bottomNavItem } from "./index";
-  import type { BottomNavItemProps, BottomNavContextType, BottomNavVariantType } from "../types";
-  import { twMerge } from "tailwind-merge";
+  import { bottomNavItem } from ".";
+  import { type BottomNavItemProps, type BottomNavContextType, type BottomNavVariantType, cn } from "..";
 
   let { children, btnName, appBtnPosition = "middle", target, activeClass, href = "", btnClass, spanClass, active: manualActive, ...restProps }: BottomNavItemProps = $props();
 
@@ -17,17 +16,17 @@
     navUrl = value;
   });
 
-  const { base, span } = bottomNavItem({ navType, appBtnPosition });
+  const { base, span } = $derived(bottomNavItem({ navType, appBtnPosition }));
 
   // Determine active state based on manual prop or URL matching
   let isActive = $derived(manualActive !== undefined ? !!manualActive : navUrl ? (href === "/" ? navUrl === "/" : href && (navUrl === href || navUrl.startsWith(href + "/") || (href !== "/" && navUrl.replace(/^https?:\/\/[^/]+/, "").startsWith(href)))) : false);
 
   function getCommonClass() {
-    return twMerge(base({ class: btnClass }), isActive && (activeClass ?? context.activeClass));
+    return cn(base(), isActive && (activeClass ?? context.activeClass), btnClass);
   }
 
   function getSpanClass() {
-    return twMerge(span({ class: spanClass }), isActive && (activeClass ?? context.activeClass));
+    return cn(span(), isActive && (activeClass ?? context.activeClass), spanClass);
   }
 
   /* eslint-disable  @typescript-eslint/no-explicit-any */
@@ -65,7 +64,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BottomNavItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L262)
+[BottomNavItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L261)
 ## Props
 @prop children
 @prop btnName

package/dist/bottom-navigation/BottomNavItem.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { BottomNavItemProps } from "../types";
+import { type BottomNavItemProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [BottomNavItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L262)
+ * [BottomNavItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L261)
  * ## Props
  * @prop children
  * @prop btnName

package/dist/bottom-navigation/index.d.ts

@@ -1,6 +1,5 @@
-import BottomNav from "./BottomNav.svelte";
-import BottomNavItem from "./BottomNavItem.svelte";
-import BottomNavHeaderItem from "./BottomNavHeaderItem.svelte";
-import BottomNavHeader from "./BottomNavHeader.svelte";
-import { bottomNav, bottomNavItem, bottomnavheader, bottomnavheaderitem } from "./theme";
-export { BottomNav, BottomNavItem, bottomNav, bottomNavItem, BottomNavHeader, bottomnavheader, BottomNavHeaderItem, bottomnavheaderitem };
+export { default as BottomNav } from "./BottomNav.svelte";
+export { default as BottomNavItem } from "./BottomNavItem.svelte";
+export { default as BottomNavHeaderItem } from "./BottomNavHeaderItem.svelte";
+export { default as BottomNavHeader } from "./BottomNavHeader.svelte";
+export { bottomNav, bottomNavItem, bottomnavheader, bottomnavheaderitem } from "./theme";

package/dist/bottom-navigation/index.js

@@ -1,6 +1,5 @@
-import BottomNav from "./BottomNav.svelte";
-import BottomNavItem from "./BottomNavItem.svelte";
-import BottomNavHeaderItem from "./BottomNavHeaderItem.svelte";
-import BottomNavHeader from "./BottomNavHeader.svelte";
-import { bottomNav, bottomNavItem, bottomnavheader, bottomnavheaderitem } from "./theme";
-export { BottomNav, BottomNavItem, bottomNav, bottomNavItem, BottomNavHeader, bottomnavheader, BottomNavHeaderItem, bottomnavheaderitem };
+export { default as BottomNav } from "./BottomNav.svelte";
+export { default as BottomNavItem } from "./BottomNavItem.svelte";
+export { default as BottomNavHeaderItem } from "./BottomNavHeaderItem.svelte";
+export { default as BottomNavHeader } from "./BottomNavHeader.svelte";
+export { bottomNav, bottomNavItem, bottomnavheader, bottomnavheaderitem } from "./theme";

package/dist/breadcrumb/Breadcrumb.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
   import { getContext } from "svelte";
-  import { breadcrumb } from "./index";
-  import type { BreadcrumbProps, BaseThemes } from "../types";
-  import clsx from "clsx";
+  import { breadcrumb } from ".";
+  import { type BreadcrumbProps, type BaseThemes, cn } from "..";
 
   let { children, solid = false, class: className, olClass, ariaLabel = "Breadcrumb", ...restProps }: BreadcrumbProps = $props();
 
@@ -12,8 +11,8 @@
   const breadcrumbTheme = context?.breadcrumb || breadcrumb;
 
   const { nav, list } = breadcrumbTheme({ solid });
-  let classNav = $derived(nav({ class: clsx(className) }));
-  let classList = $derived(list({ class: olClass }));
+  let classNav = $derived(cn(nav(), className));
+  let classList = $derived(cn(list(), olClass));
 </script>
 
 <nav aria-label={ariaLabel} {...restProps} class={classNav}>
@@ -26,7 +25,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BreadcrumbProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L310)
+[BreadcrumbProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L308)
 ## Props
 @prop children
 @prop solid = false

package/dist/breadcrumb/Breadcrumb.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { BreadcrumbProps } from "../types";
+import { type BreadcrumbProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [BreadcrumbProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L310)
+ * [BreadcrumbProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L308)
  * ## Props
  * @prop children
  * @prop solid = false