flowbite-svelte 1.4.3 → 1.5.0

package/dist/device-mockups/Desktop.svelte

@@ -1,27 +1,27 @@
 <script lang="ts">
   import { desktop } from ".";
-  import type { MockupBaseProps } from "../types";
+  import { type MockupBaseProps, cn } from "..";
 
   let { children, divClass, div2Class, div3Class, div4Class, ...restProps }: MockupBaseProps = $props();
 
   const { div, inner, bot, botUnder } = desktop();
 </script>
 
-<div {...restProps} class={div({ class: divClass })}>
-  <div class={inner({ class: div2Class })}>
+<div {...restProps} class={cn(div(), divClass)}>
+  <div class={cn(inner(), div2Class)}>
     {#if children}
       {@render children()}
     {/if}
   </div>
 </div>
-<div class={bot({ class: div3Class })}></div>
-<div class={botUnder({ class: div4Class })}></div>
+<div class={cn(bot(), div3Class)}></div>
+<div class={cn(botUnder(), div4Class)}></div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MockupBaseProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L524)
+[MockupBaseProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L520)
 ## Props
 @prop children
 @prop divClass

package/dist/device-mockups/Desktop.svelte.d.ts

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

package/dist/device-mockups/DeviceMockup.svelte

@@ -32,7 +32,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L519)
+[DeviceMockupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L515)
 ## Props
 @prop children
 @prop device = "default"

package/dist/device-mockups/DeviceMockup.svelte.d.ts

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

package/dist/device-mockups/Ios.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
   import { ios } from ".";
-  import type { IosProps } from "../types";
+  import { type IosProps, cn } from "..";
 
   let { children, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: IosProps = $props();
 
   const { div, slot, top, leftTop, leftBot, right } = ios();
 </script>
 
-<div {...restProps} class={div({ class: divClass })}>
-  <div class={top({ class: div2Class })}></div>
-  <div class={leftTop({ class: div3Class })}></div>
-  <div class={leftBot({ class: div4Class })}></div>
-  <div class={right({ class: div5Class })}></div>
-  <div class={slot({ class: div6Class })}>
+<div {...restProps} class={cn(div(), divClass)}>
+  <div class={cn(top(), div2Class)}></div>
+  <div class={cn(leftTop(), div3Class)}></div>
+  <div class={cn(leftBot(), div4Class)}></div>
+  <div class={cn(right(), div5Class)}></div>
+  <div class={cn(slot(), div6Class)}>
     {#if children}
       {@render children()}
     {/if}
@@ -23,7 +23,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[IosProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L553)
+[IosProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L549)
 ## Props
 @prop children
 @prop divClass

package/dist/device-mockups/Ios.svelte.d.ts

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

package/dist/device-mockups/Laptop.svelte

@@ -1,22 +1,22 @@
 <script lang="ts">
   import { laptop } from ".";
-  import type { MockupBaseProps } from "../types";
+  import { type MockupBaseProps, cn } from "..";
 
   let { children, divClass, div2Class, div3Class, div4Class, ...restProps }: MockupBaseProps = $props();
   const { div, inner, bot, botCen } = laptop();
 </script>
 
 <div {...restProps}>
-  <div class={div({ class: divClass })}>
-    <div class={inner({ class: div2Class })}>
+  <div class={cn(div(), divClass)}>
+    <div class={cn(inner(), div2Class)}>
       {#if children}
         {@render children()}
       {/if}
     </div>
   </div>
 
-  <div class={bot({ class: div3Class })}>
-    <div class={botCen({ class: div4Class })}></div>
+  <div class={cn(bot(), div3Class)}>
+    <div class={cn(botCen(), div4Class)}></div>
   </div>
 </div>
 
@@ -24,7 +24,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[MockupBaseProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L524)
+[MockupBaseProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L520)
 ## Props
 @prop children
 @prop divClass

package/dist/device-mockups/Laptop.svelte.d.ts

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

package/dist/device-mockups/Smartwatch.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { smartwatch } from ".";
-  import type { SmartwatchProps } from "../types";
+  import { type SmartwatchProps, cn } from "..";
 
   let { children, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: SmartwatchProps = $props();
 
@@ -8,24 +8,24 @@
 </script>
 
 <div {...restProps}>
-  <div class={div({ class: divClass })}></div>
-  <div class={top({ class: div2Class })}>
-    <div class={rightTop({ class: div3Class })}></div>
-    <div class={rightBot({ class: div4Class })}></div>
-    <div class={slot({ class: div5Class })}>
+  <div class={cn(div(), divClass)}></div>
+  <div class={cn(top(), div2Class)}>
+    <div class={cn(rightTop(), div3Class)}></div>
+    <div class={cn(rightBot(), div4Class)}></div>
+    <div class={cn(slot(), div5Class)}>
       {#if children}
         {@render children()}
       {/if}
     </div>
   </div>
-  <div class={bot({ class: div6Class })}></div>
+  <div class={cn(bot(), div6Class)}></div>
 </div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SmartwatchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L563)
+[SmartwatchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L559)
 ## Props
 @prop children
 @prop divClass

package/dist/device-mockups/Smartwatch.svelte.d.ts

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

package/dist/device-mockups/Tablet.svelte

@@ -1,18 +1,18 @@
 <script lang="ts">
   import { tablet } from ".";
-  import type { TabletProps } from "../types";
+  import { type TabletProps, cn } from "..";
 
   let { children, divClass, div2Class, div3Class, div4Class, div5Class, div6Class, ...restProps }: TabletProps = $props();
 
   const { div, leftTop, leftMid, leftBot, right, slot } = tablet();
 </script>
 
-<div {...restProps} class={div({ class: divClass })}>
-  <div class={leftTop({ class: div2Class })}></div>
-  <div class={leftMid({ class: div3Class })}></div>
-  <div class={leftBot({ class: div4Class })}></div>
-  <div class={right({ class: div5Class })}></div>
-  <div class={slot({ class: div6Class })}>
+<div {...restProps} class={cn(div(), divClass)}>
+  <div class={cn(leftTop(), div2Class)}></div>
+  <div class={cn(leftMid(), div3Class)}></div>
+  <div class={cn(leftBot(), div4Class)}></div>
+  <div class={cn(right(), div5Class)}></div>
+  <div class={cn(slot(), div6Class)}>
     {#if children}
       {@render children()}
     {/if}
@@ -23,7 +23,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TabletProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L573)
+[TabletProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L569)
 ## Props
 @prop children
 @prop divClass

package/dist/device-mockups/Tablet.svelte.d.ts

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

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

@@ -1,10 +1,9 @@
-import Android from "./Android.svelte";
-import DefaultMockup from "./DefaultMockup.svelte";
-import Desktop from "./Desktop.svelte";
-import DeviceMockup from "./DeviceMockup.svelte";
-import Ios from "./Ios.svelte";
-import Laptop from "./Laptop.svelte";
-import Smartwatch from "./Smartwatch.svelte";
-import Tablet from "./Tablet.svelte";
-import { android, defaultMockup, desktop, ios, laptop, smartwatch, tablet } from "./theme";
-export { Android, DefaultMockup, Desktop, DeviceMockup, Ios, Laptop, Smartwatch, Tablet, android, defaultMockup, desktop, ios, laptop, smartwatch, tablet };
+export { default as Android } from "./Android.svelte";
+export { default as DefaultMockup } from "./DefaultMockup.svelte";
+export { default as Desktop } from "./Desktop.svelte";
+export { default as DeviceMockup } from "./DeviceMockup.svelte";
+export { default as Ios } from "./Ios.svelte";
+export { default as Laptop } from "./Laptop.svelte";
+export { default as Smartwatch } from "./Smartwatch.svelte";
+export { default as Tablet } from "./Tablet.svelte";
+export { android, defaultMockup, desktop, ios, laptop, smartwatch, tablet } from "./theme";

package/dist/device-mockups/index.js

@@ -1,10 +1,9 @@
-import Android from "./Android.svelte";
-import DefaultMockup from "./DefaultMockup.svelte";
-import Desktop from "./Desktop.svelte";
-import DeviceMockup from "./DeviceMockup.svelte";
-import Ios from "./Ios.svelte";
-import Laptop from "./Laptop.svelte";
-import Smartwatch from "./Smartwatch.svelte";
-import Tablet from "./Tablet.svelte";
-import { android, defaultMockup, desktop, ios, laptop, smartwatch, tablet } from "./theme";
-export { Android, DefaultMockup, Desktop, DeviceMockup, Ios, Laptop, Smartwatch, Tablet, android, defaultMockup, desktop, ios, laptop, smartwatch, tablet };
+export { default as Android } from "./Android.svelte";
+export { default as DefaultMockup } from "./DefaultMockup.svelte";
+export { default as Desktop } from "./Desktop.svelte";
+export { default as DeviceMockup } from "./DeviceMockup.svelte";
+export { default as Ios } from "./Ios.svelte";
+export { default as Laptop } from "./Laptop.svelte";
+export { default as Smartwatch } from "./Smartwatch.svelte";
+export { default as Tablet } from "./Tablet.svelte";
+export { android, defaultMockup, desktop, ios, laptop, smartwatch, tablet } from "./theme";

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

@@ -1,10 +1,10 @@
 declare const android: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftMid?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
@@ -13,10 +13,10 @@ declare const android: import("tailwind-variants").TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftMid?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
@@ -33,10 +33,10 @@ declare const android: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftMid?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
@@ -62,10 +62,10 @@ declare const android: import("tailwind-variants").TVReturnType<{
 declare const defaultMockup: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
         };
@@ -73,10 +73,10 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
         };
@@ -91,10 +91,10 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
         };
@@ -117,8 +117,8 @@ declare const defaultMockup: import("tailwind-variants").TVReturnType<{
 declare const desktop: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            div?: import("tailwind-variants").ClassValue;
             inner?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             bot?: import("tailwind-variants").ClassValue;
             botUnder?: import("tailwind-variants").ClassValue;
         };
@@ -126,8 +126,8 @@ declare const desktop: import("tailwind-variants").TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            div?: import("tailwind-variants").ClassValue;
             inner?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             bot?: import("tailwind-variants").ClassValue;
             botUnder?: import("tailwind-variants").ClassValue;
         };
@@ -140,8 +140,8 @@ declare const desktop: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            div?: import("tailwind-variants").ClassValue;
             inner?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             bot?: import("tailwind-variants").ClassValue;
             botUnder?: import("tailwind-variants").ClassValue;
         };
@@ -160,10 +160,10 @@ declare const desktop: import("tailwind-variants").TVReturnType<{
 declare const ios: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
         };
@@ -171,10 +171,10 @@ declare const ios: import("tailwind-variants").TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
         };
@@ -189,10 +189,10 @@ declare const ios: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
         };
@@ -215,8 +215,8 @@ declare const ios: import("tailwind-variants").TVReturnType<{
 declare const laptop: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            div?: import("tailwind-variants").ClassValue;
             inner?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             bot?: import("tailwind-variants").ClassValue;
             botCen?: import("tailwind-variants").ClassValue;
         };
@@ -224,8 +224,8 @@ declare const laptop: import("tailwind-variants").TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            div?: import("tailwind-variants").ClassValue;
             inner?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             bot?: import("tailwind-variants").ClassValue;
             botCen?: import("tailwind-variants").ClassValue;
         };
@@ -238,8 +238,8 @@ declare const laptop: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            div?: import("tailwind-variants").ClassValue;
             inner?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             bot?: import("tailwind-variants").ClassValue;
             botCen?: import("tailwind-variants").ClassValue;
         };
@@ -258,8 +258,8 @@ declare const laptop: import("tailwind-variants").TVReturnType<{
 declare const smartwatch: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
             bot?: import("tailwind-variants").ClassValue;
             rightTop?: import("tailwind-variants").ClassValue;
@@ -269,8 +269,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
             bot?: import("tailwind-variants").ClassValue;
             rightTop?: import("tailwind-variants").ClassValue;
@@ -287,8 +287,8 @@ declare const smartwatch: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
-            top?: import("tailwind-variants").ClassValue;
             slot?: import("tailwind-variants").ClassValue;
+            top?: import("tailwind-variants").ClassValue;
             div?: import("tailwind-variants").ClassValue;
             bot?: import("tailwind-variants").ClassValue;
             rightTop?: import("tailwind-variants").ClassValue;
@@ -314,8 +314,8 @@ declare const tablet: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftMid?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
@@ -325,8 +325,8 @@ declare const tablet: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftMid?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;
@@ -343,8 +343,8 @@ declare const tablet: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             slot?: import("tailwind-variants").ClassValue;
-            div?: import("tailwind-variants").ClassValue;
             right?: import("tailwind-variants").ClassValue;
+            div?: import("tailwind-variants").ClassValue;
             leftTop?: import("tailwind-variants").ClassValue;
             leftMid?: import("tailwind-variants").ClassValue;
             leftBot?: import("tailwind-variants").ClassValue;

package/dist/drawer/Drawer.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-  import { type ParamsType, type DrawerProps, trapFocus } from "..";
+  import { type ParamsType, type DrawerProps, trapFocus, cn } from "..";
   import { fly } from "svelte/transition";
   import { sineIn } from "svelte/easing";
   import { drawer } from ".";
-  import clsx from "clsx";
 
   let { children, hidden = $bindable(), closeDrawer = () => (hidden = true), activateClickOutside = true, position, width, backdrop = true, backdropClass, placement = "left", class: className, transitionParams, transitionType = fly, ...restProps }: DrawerProps = $props();
 
@@ -28,8 +27,8 @@
 <svelte:window bind:innerWidth bind:innerHeight />
 
 {#if !hidden}
-  <div role="presentation" class={backdropCls({ class: backdropClass })} onclick={activateClickOutside ? closeDrawer : undefined}></div>
-  <div use:trapFocus={{ onEscape: closeDrawer }} {...restProps} class={base({ class: clsx(className) })} transition:transitionType={transitionParams ? transitionParams : (transition_params as ParamsType)} tabindex="-1">
+  <div role="presentation" class={cn(backdropCls(), backdropClass)} onclick={activateClickOutside ? closeDrawer : undefined}></div>
+  <div use:trapFocus={{ onEscape: closeDrawer }} {...restProps} class={cn(base(), className)} transition:transitionType={transitionParams ? transitionParams : (transition_params as ParamsType)} tabindex="-1">
     {@render children?.()}
   </div>
 {/if}
@@ -38,7 +37,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L584)
+[DrawerProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L580)
 ## Props
 @prop children
 @prop hidden = $bindable()

package/dist/drawer/Drawer.svelte.d.ts

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

package/dist/drawer/Drawerhead.svelte

@@ -1,22 +1,21 @@
 <script lang="ts">
-  import clsx from "clsx";
   import { drawerhead } from ".";
-  import type { DrawerheadProps } from "../types";
+  import { type DrawerheadProps, cn } from "..";
 
   let { closeIcon, children, buttonClass, svgClass, class: className, ...restProps }: DrawerheadProps = $props();
 
   const { base, button, svg } = $derived(drawerhead());
 </script>
 
-<div class={base({ class: clsx(className) })}>
+<div class={cn(base(), className)}>
   {#if children}
     {@render children()}
   {/if}
   {#if closeIcon}
     {@render closeIcon()}
   {:else}
-    <button type="button" {...restProps} class={button({ class: buttonClass })}>
-      <svg class={svg({ class: svgClass })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+    <button type="button" {...restProps} class={cn(button(), buttonClass)}>
+      <svg class={cn(svg(), svgClass)} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
       </svg>
       <span class="sr-only">Close drawer</span>
@@ -28,7 +27,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L594)
+[DrawerheadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L590)
 ## Props
 @prop closeIcon
 @prop children

package/dist/drawer/Drawerhead.svelte.d.ts

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

package/dist/drawer/index.d.ts

@@ -1,4 +1,3 @@
-import Drawer from "./Drawer.svelte";
-import Drawerhead from "./Drawerhead.svelte";
-import { drawer, drawerhead } from "./theme";
-export { Drawer, drawer, Drawerhead, drawerhead };
+export { default as Drawer } from "./Drawer.svelte";
+export { default as Drawerhead } from "./Drawerhead.svelte";
+export { drawer, drawerhead } from "./theme";