flowbite-svelte 1.11.3 → 1.11.5

package/dist/alert/Alert.svelte

@@ -4,7 +4,7 @@
   import clsx from "clsx";
   import { type AlertProps, type ParamsType, CloseButton } from "..";
   import { getTheme } from "../theme/themeUtils";
-  import { createDismissableContext } from "../utils/dismissable.svelte";
+  import { createDismissableContext } from "../utils/dismissable";
 
   let { children, icon, alertStatus = $bindable(true), closeIcon: CloseIcon, color = "primary", rounded = true, border, class: className, dismissable, transition = fade, params, ...restProps }: AlertProps = $props();
 

package/dist/badge/Badge.svelte

@@ -4,7 +4,7 @@
   import clsx from "clsx";
   import { fade } from "svelte/transition";
   import { badge } from ".";
-  import { createDismissableContext } from "../utils/dismissable.svelte";
+  import { createDismissableContext } from "../utils/dismissable";
 
   let { children, icon, badgeStatus = $bindable(true), color = "primary", large = false, dismissable = false, class: className, classes, border, href, target, rounded, transition = fade, params, aClass, ...restProps }: BadgeProps = $props();
 

package/dist/banner/Banner.svelte

@@ -4,7 +4,7 @@
   import clsx from "clsx";
   import { type ParamsType, type BannerProps, CloseButton } from "..";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
-  import { createDismissableContext } from "../utils/dismissable.svelte";
+  import { createDismissableContext } from "../utils/dismissable";
 
   let { children, header, open = $bindable(true), dismissable = true, color = "gray", type, class: className, classes, innerClass, transition = fade, params, closeClass, ...restProps }: BannerProps = $props();
 

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

@@ -302,16 +302,16 @@ export declare const bottomNavItem: import("tailwind-variants").TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 export declare const bottomNavHeader: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            innerDiv?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            innerDiv?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            innerDiv?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            innerDiv?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -319,9 +319,9 @@ export declare const bottomNavHeader: import("tailwind-variants").TVReturnType<{
     innerDiv: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            innerDiv?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            innerDiv?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {

package/dist/device-mockups/theme.d.ts

@@ -3,26 +3,26 @@ import { type VariantProps } from "tailwind-variants";
 export type AndroidVariants = VariantProps<typeof android> & Classes<typeof android>;
 declare const android: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -35,14 +35,14 @@ declare const android: import("tailwind-variants").TVReturnType<{
     right: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -65,24 +65,24 @@ declare const android: import("tailwind-variants").TVReturnType<{
 export type DefaultMockupVariants = VariantProps<typeof defaultMockup> & Classes<typeof defaultMockup>;
 declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -94,13 +94,13 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     right: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -121,20 +121,20 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
 export type DesktopVariants = VariantProps<typeof desktop> & Classes<typeof desktop>;
 declare const desktop: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botUnder?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botUnder?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botUnder?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botUnder?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -144,11 +144,11 @@ declare const desktop: import("tailwind-variants").TVReturnType<{
     botUnder: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botUnder?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botUnder?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -165,24 +165,24 @@ declare const desktop: import("tailwind-variants").TVReturnType<{
 export type IosVariants = VariantProps<typeof ios> & Classes<typeof ios>;
 declare const ios: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -194,13 +194,13 @@ declare const ios: import("tailwind-variants").TVReturnType<{
     right: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -221,20 +221,20 @@ declare const ios: import("tailwind-variants").TVReturnType<{
 export type LaptopVariants = VariantProps<typeof laptop> & Classes<typeof laptop>;
 declare const laptop: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botCen?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botCen?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botCen?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botCen?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -244,11 +244,11 @@ declare const laptop: import("tailwind-variants").TVReturnType<{
     botCen: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            inner?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            botCen?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            inner?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            botCen?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -265,24 +265,24 @@ declare const laptop: import("tailwind-variants").TVReturnType<{
 export type SmartwatchVariants = VariantProps<typeof smartwatch> & Classes<typeof smartwatch>;
 declare const smartwatch: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            rightTop?: import("tailwind-variants").ClassValue;
-            rightBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            rightTop?: import("tailwind-merge").ClassNameValue;
+            rightBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            rightTop?: import("tailwind-variants").ClassValue;
-            rightBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            rightTop?: import("tailwind-merge").ClassNameValue;
+            rightBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -294,13 +294,13 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
     bot: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            top?: import("tailwind-variants").ClassValue;
-            bot?: import("tailwind-variants").ClassValue;
-            rightTop?: import("tailwind-variants").ClassValue;
-            rightBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            top?: import("tailwind-merge").ClassNameValue;
+            bot?: import("tailwind-merge").ClassNameValue;
+            rightTop?: import("tailwind-merge").ClassNameValue;
+            rightBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -321,24 +321,24 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
 export type TabletVariants = VariantProps<typeof tablet> & Classes<typeof tablet>;
 declare const tablet: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -350,13 +350,13 @@ declare const tablet: import("tailwind-variants").TVReturnType<{
     right: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            slot?: import("tailwind-variants").ClassValue;
-            right?: import("tailwind-variants").ClassValue;
-            leftTop?: import("tailwind-variants").ClassValue;
-            leftMid?: import("tailwind-variants").ClassValue;
-            leftBot?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            slot?: import("tailwind-merge").ClassNameValue;
+            right?: import("tailwind-merge").ClassNameValue;
+            leftTop?: import("tailwind-merge").ClassNameValue;
+            leftMid?: import("tailwind-merge").ClassNameValue;
+            leftBot?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {

package/dist/drawer/Drawer.svelte

@@ -5,7 +5,7 @@
   import { sineIn } from "svelte/easing";
   import { drawer } from ".";
   import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
-  import { createDismissableContext } from "../utils/dismissable.svelte";
+  import { createDismissableContext } from "../utils/dismissable";
 
   let { children, hidden = $bindable(), activateClickOutside = true, position, width, backdrop = true, backdropClass, placement = "left", class: className, classes, transitionParams, transitionType = fly, bodyScrolling = false, ...restProps }: DrawerProps = $props();
 

package/dist/drawer/theme.d.ts

@@ -137,18 +137,18 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
 export type DrawerheadVariants = VariantProps<typeof drawerhead> & Classes<typeof drawerhead>;
 export declare const drawerhead: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            button?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-            svg?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            svg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            button?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-            svg?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            svg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -157,10 +157,10 @@ export declare const drawerhead: import("tailwind-variants").TVReturnType<{
     svg: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            button?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-            svg?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            button?: import("tailwind-merge").ClassNameValue;
+            base?: import("tailwind-merge").ClassNameValue;
+            svg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {

package/dist/dropdown/DropdownItem.svelte

@@ -7,20 +7,20 @@
 
   let { aClass, children, activeClass, liClass, classes, class: className, ...restProps }: DropdownItemProps = $props();
 
-  warnThemeDeprecation("DropdownItem", { aClass, activeClass, liClass }, { aClass: "anchor", activeClass: "activeAnchor", liClass: "class" });
-  const styling = $derived(classes ?? { activeAnchor: activeClass, anchor: aClass });
+  warnThemeDeprecation("DropdownItem", { aClass, activeClass, liClass }, { aClass: "class", activeClass: "active", liClass: "li" });
+  const styling = $derived(classes ?? { active: activeClass, li: liClass });
 
   const theme = getTheme("dropdownItem");
 
   const activeUrl: { value: string } = getContext("activeUrl");
 
-  let active = $derived(activeUrl?.value ? restProps.href === activeUrl.value : false);
+  let isActive = $derived(activeUrl?.value ? restProps.href === activeUrl.value : false);
 
-  const { anchor, activeAnchor } = dropdownItem();
-  let finalClass = $derived([active ? activeAnchor({ class: clsx(theme?.activeAnchor, styling.activeAnchor) }) : anchor({ class: clsx(theme?.anchor, styling.anchor) })]);
+  const { base, active, li } = dropdownItem();
+  let finalClass = $derived([isActive ? active({ class: clsx(theme?.active, styling.active) }) : base({ class: clsx(theme?.base, className) })]);
 </script>
 
-<li class={clsx(className ?? liClass)}>
+<li class={li({ class: clsx(styling.li) })}>
   {#if restProps.href === undefined && restProps.onclick === undefined}
     <div {...restProps} class={finalClass}>
       {@render children()}

package/dist/dropdown/theme.d.ts

@@ -6,33 +6,39 @@ export declare const dropdownHeader: import("tailwind-variants").TVReturnType<{}
 export type DropdownItemVariants = VariantProps<typeof dropdownItem> & Classes<typeof dropdownItem>;
 export declare const dropdownItem: import("tailwind-variants").TVReturnType<{
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            anchor?: import("tailwind-variants").ClassValue;
-            activeAnchor?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+            li?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            anchor?: import("tailwind-variants").ClassValue;
-            activeAnchor?: import("tailwind-variants").ClassValue;
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+            li?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
-    anchor: string;
-    activeAnchor: string;
+    base: string;
+    active: string;
+    li: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            anchor?: import("tailwind-variants").ClassValue;
-            activeAnchor?: import("tailwind-variants").ClassValue;
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            active?: import("tailwind-merge").ClassNameValue;
+            li?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
-    anchor: string;
-    activeAnchor: string;
+    base: string;
+    active: string;
+    li: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
-    anchor: string;
-    activeAnchor: string;
+    base: string;
+    active: string;
+    li: string;
 }, undefined, unknown, unknown, undefined>>;
 export declare const dropdownGroup: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "py-2 text-sm text-gray-700 dark:text-gray-200", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "py-2 text-sm text-gray-700 dark:text-gray-200", unknown, unknown, undefined>>;

package/dist/dropdown/theme.js

@@ -10,8 +10,9 @@ export const dropdownHeader = tv({
 });
 export const dropdownItem = tv({
     slots: {
-        anchor: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
-        activeAnchor: "block px-4 py-2 text-primary-700 dark:text-primary-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
+        base: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
+        active: "block px-4 py-2 text-primary-700 dark:text-primary-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
+        li: ""
     }
 });
 export const dropdownGroup = tv({