flowbite-svelte 0.46.1 → 0.46.3

package/dist/device-mockups/Android.svelte

@@ -1,21 +1,21 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let div = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl';
-export let slot = 'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
-export let top = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
-export let leftTop = 'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
-export let leftMid = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
-export let leftBot = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
-export let right = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+<script>import { twMerge } from "tailwind-merge";
+export let div = "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl";
+export let slot = "rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800";
+export let top = "w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute";
+export let leftTop = "h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg";
+export let leftMid = "h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg";
+export let leftBot = "h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg";
+export let right = "h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg";
 </script>
 
 <div class={twMerge(div, $$props.class)}>
-  <div class={twMerge(top, $$props.classTop)} />
-  <div class={twMerge(leftTop, $$props.classLeftTop)} />
-  <div class={twMerge(leftMid, $$props.classLeftMid)} />
-  <div class={twMerge(leftBot, $$props.classLeftBot)} />
-  <div class={twMerge(right, $$props.classRight)} />
+  <div class={twMerge(top, $$props.classTop)}></div>
+  <div class={twMerge(leftTop, $$props.classLeftTop)}></div>
+  <div class={twMerge(leftMid, $$props.classLeftMid)}></div>
+  <div class={twMerge(leftBot, $$props.classLeftBot)}></div>
+  <div class={twMerge(right, $$props.classRight)}></div>
   <div class={twMerge(slot, $$props.classSlot)}>
-    <slot />
+    <slot></slot>
   </div>
 </div>
 

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

@@ -34,4 +34,3 @@ export type AndroidSlots = typeof __propDef.slots;
 export default class Android extends SvelteComponentTyped<AndroidProps, AndroidEvents, AndroidSlots> {
 }
 export {};
-//# sourceMappingURL=Android.svelte.d.ts.map

package/dist/device-mockups/DefaultMockup.svelte

@@ -1,19 +1,19 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let div = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]';
-export let slot = 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
-export let top = 'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
-export let leftTop = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
-export let leftBot = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
-export let right = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+<script>import { twMerge } from "tailwind-merge";
+export let div = "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]";
+export let slot = "rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800";
+export let top = "h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg";
+export let leftTop = "h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg";
+export let leftBot = "h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg";
+export let right = "h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg";
 </script>
 
 <div class={twMerge(div, $$props.class)}>
-  <div class={twMerge(top, $$props.classTop)} />
-  <div class={twMerge(leftTop, $$props.classLeftTop)} />
-  <div class={twMerge(leftBot, $$props.classLeftBot)} />
-  <div class={twMerge(right, $$props.classRight)} />
+  <div class={twMerge(top, $$props.classTop)}></div>
+  <div class={twMerge(leftTop, $$props.classLeftTop)}></div>
+  <div class={twMerge(leftBot, $$props.classLeftBot)}></div>
+  <div class={twMerge(right, $$props.classRight)}></div>
   <div class={twMerge(slot, $$props.classSlot)}>
-    <slot />
+    <slot></slot>
   </div>
 </div>
 

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

@@ -32,4 +32,3 @@ export type DefaultMockupSlots = typeof __propDef.slots;
 export default class DefaultMockup extends SvelteComponentTyped<DefaultMockupProps, DefaultMockupEvents, DefaultMockupSlots> {
 }
 export {};
-//# sourceMappingURL=DefaultMockup.svelte.d.ts.map

package/dist/device-mockups/Desktop.svelte

@@ -1,17 +1,17 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let inner = 'rounded-xl overflow-hidden h-[140px] md:h-[262px]';
-export let bot = 'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]';
-export let botUnder = 'relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]';
-export let div = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]';
+<script>import { twMerge } from "tailwind-merge";
+export let inner = "rounded-xl overflow-hidden h-[140px] md:h-[262px]";
+export let bot = "relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl h-[24px] max-w-[301px] md:h-[42px] md:max-w-[512px]";
+export let botUnder = "relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]";
+export let div = "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[16px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]";
 </script>
 
 <div class={twMerge(div, $$props.class)}>
   <div class={twMerge(inner, $$props.classInner)}>
-    <slot />
+    <slot></slot>
   </div>
 </div>
-<div class={twMerge(bot, $$props.classBot)} />
-<div class={twMerge(botUnder, $$props.classBotUnder)} />
+<div class={twMerge(bot, $$props.classBot)}></div>
+<div class={twMerge(botUnder, $$props.classBotUnder)}></div>
 
 <!--
 @component

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

@@ -28,4 +28,3 @@ export type DesktopSlots = typeof __propDef.slots;
 export default class Desktop extends SvelteComponentTyped<DesktopProps, DesktopEvents, DesktopSlots> {
 }
 export {};
-//# sourceMappingURL=Desktop.svelte.d.ts.map

package/dist/device-mockups/DeviceMockup.svelte

@@ -1,19 +1,19 @@
-<script>import Android from './Android.svelte';
-import DefaultMockup from './DefaultMockup.svelte';
-import Desktop from './Desktop.svelte';
-import Ios from './Ios.svelte';
-import Laptop from './Laptop.svelte';
-import Smartwatch from './Smartwatch.svelte';
-import Tablet from './Tablet.svelte';
-export let device = 'default';
+<script>import Android from "./Android.svelte";
+import DefaultMockup from "./DefaultMockup.svelte";
+import Desktop from "./Desktop.svelte";
+import Ios from "./Ios.svelte";
+import Laptop from "./Laptop.svelte";
+import Smartwatch from "./Smartwatch.svelte";
+import Tablet from "./Tablet.svelte";
+export let device = "default";
 const componets = {
-    android: Android,
-    ios: Ios,
-    tablet: Tablet,
-    default: DefaultMockup,
-    smartwatch: Smartwatch,
-    laptop: Laptop,
-    desktop: Desktop
+  android: Android,
+  ios: Ios,
+  tablet: Tablet,
+  default: DefaultMockup,
+  smartwatch: Smartwatch,
+  laptop: Laptop,
+  desktop: Desktop
 };
 let component;
 $: component = componets[device];

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

@@ -21,4 +21,3 @@ export type DeviceMockupSlots = typeof __propDef.slots;
 export default class DeviceMockup extends SvelteComponentTyped<DeviceMockupProps, DeviceMockupEvents, DeviceMockupSlots> {
 }
 export {};
-//# sourceMappingURL=DeviceMockup.svelte.d.ts.map

package/dist/device-mockups/Ios.svelte

@@ -1,19 +1,19 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let div = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl';
-export let slot = 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
-export let top = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
-export let leftTop = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
-export let leftBot = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
-export let right = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+<script>import { twMerge } from "tailwind-merge";
+export let div = "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl";
+export let slot = "rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800";
+export let top = "w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute";
+export let leftTop = "h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg";
+export let leftBot = "h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg";
+export let right = "h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg";
 </script>
 
 <div class={twMerge(div, $$props.class)}>
-  <div class={twMerge(top, $$props.classTop)} />
-  <div class={twMerge(leftTop, $$props.classLeftTop)} />
-  <div class={twMerge(leftBot, $$props.classLeftBot)} />
-  <div class={twMerge(right, $$props.classRight)} />
+  <div class={twMerge(top, $$props.classTop)}></div>
+  <div class={twMerge(leftTop, $$props.classLeftTop)}></div>
+  <div class={twMerge(leftBot, $$props.classLeftBot)}></div>
+  <div class={twMerge(right, $$props.classRight)}></div>
   <div class={twMerge(slot, $$props.classSlot)}>
-    <slot />
+    <slot></slot>
   </div>
 </div>
 

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

@@ -32,4 +32,3 @@ export type IosSlots = typeof __propDef.slots;
 export default class Ios extends SvelteComponentTyped<IosProps, IosEvents, IosSlots> {
 }
 export {};
-//# sourceMappingURL=Ios.svelte.d.ts.map

package/dist/device-mockups/Laptop.svelte

@@ -1,18 +1,18 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let div = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[8px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]';
-export let inner = 'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
-export let bot = 'relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl rounded-t-sm h-[17px] max-w-[351px] md:h-[21px] md:max-w-[597px]';
-export let botCen = 'absolute left-1/2 top-0 -translate-x-1/2 rounded-b-xl w-[56px] h-[5px] md:w-[96px] md:h-[8px] bg-gray-800';
+<script>import { twMerge } from "tailwind-merge";
+export let div = "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[8px] rounded-t-xl h-[172px] max-w-[301px] md:h-[294px] md:max-w-[512px]";
+export let inner = "rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800";
+export let bot = "relative mx-auto bg-gray-900 dark:bg-gray-700 rounded-b-xl rounded-t-sm h-[17px] max-w-[351px] md:h-[21px] md:max-w-[597px]";
+export let botCen = "absolute left-1/2 top-0 -translate-x-1/2 rounded-b-xl w-[56px] h-[5px] md:w-[96px] md:h-[8px] bg-gray-800";
 </script>
 
 <div class={twMerge(div, $$props.class)}>
   <div class={twMerge(inner, $$props.classInner)}>
-    <slot />
+    <slot></slot>
   </div>
 </div>
 
 <div class={twMerge(bot, $$props.classBot)}>
-  <div class={twMerge(botCen, $$props.classBotCen)} />
+  <div class={twMerge(botCen, $$props.classBotCen)}></div>
 </div>
 
 <!--

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

@@ -28,4 +28,3 @@ export type LaptopSlots = typeof __propDef.slots;
 export default class Laptop extends SvelteComponentTyped<LaptopProps, LaptopEvents, LaptopSlots> {
 }
 export {};
-//# sourceMappingURL=Laptop.svelte.d.ts.map

package/dist/device-mockups/Smartwatch.svelte

@@ -1,21 +1,21 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let div = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]';
-export let slot = 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]';
-export let rightTop = 'h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg';
-export let rightBot = 'h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg';
-export let top = 'relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]';
-export let bot = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]';
+<script>import { twMerge } from "tailwind-merge";
+export let div = "relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]";
+export let slot = "rounded-[2rem] overflow-hidden h-[193px] w-[188px]";
+export let rightTop = "h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg";
+export let rightBot = "h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg";
+export let top = "relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]";
+export let bot = "relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]";
 </script>
 
-<div class={twMerge(div, $$props.class)} />
+<div class={twMerge(div, $$props.class)}></div>
 <div class={twMerge(top, $$props.classTop)}>
-  <div class={twMerge(rightTop, $$props.classRightTop)} />
-  <div class={twMerge(rightBot, $$props.classRightBot)} />
+  <div class={twMerge(rightTop, $$props.classRightTop)}></div>
+  <div class={twMerge(rightBot, $$props.classRightBot)}></div>
   <div class={twMerge(slot, $$props.classSlot)}>
-    <slot />
+    <slot></slot>
   </div>
 </div>
-<div class={twMerge(bot, $$props.classBot)} />
+<div class={twMerge(bot, $$props.classBot)}></div>
 
 <!--
 @component

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

@@ -32,4 +32,3 @@ export type SmartwatchSlots = typeof __propDef.slots;
 export default class Smartwatch extends SvelteComponentTyped<SmartwatchProps, SmartwatchEvents, SmartwatchSlots> {
 }
 export {};
-//# sourceMappingURL=Smartwatch.svelte.d.ts.map

package/dist/device-mockups/Tablet.svelte

@@ -1,19 +1,19 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let div = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[454px] max-w-[341px] md:h-[682px] md:max-w-[512px]';
-export let slot = 'rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800';
-export let leftTop = 'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
-export let leftMid = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
-export let leftBot = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
-export let right = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+<script>import { twMerge } from "tailwind-merge";
+export let div = "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[454px] max-w-[341px] md:h-[682px] md:max-w-[512px]";
+export let slot = "rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800";
+export let leftTop = "h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg";
+export let leftMid = "h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg";
+export let leftBot = "h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg";
+export let right = "h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg";
 </script>
 
 <div class={twMerge(div, $$props.class)}>
-  <div class={twMerge(leftTop, $$props.classLeftTop)} />
-  <div class={twMerge(leftMid, $$props.classLeftMid)} />
-  <div class={twMerge(leftBot, $$props.classLeftBot)} />
-  <div class={twMerge(right, $$props.classRight)} />
+  <div class={twMerge(leftTop, $$props.classLeftTop)}></div>
+  <div class={twMerge(leftMid, $$props.classLeftMid)}></div>
+  <div class={twMerge(leftBot, $$props.classLeftBot)}></div>
+  <div class={twMerge(right, $$props.classRight)}></div>
   <div class={twMerge(slot, $$props.classSlot)}>
-    <slot />
+    <slot></slot>
   </div>
 </div>
 

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

@@ -32,4 +32,3 @@ export type TabletSlots = typeof __propDef.slots;
 export default class Tablet extends SvelteComponentTyped<TabletProps, TabletEvents, TabletSlots> {
 }
 export {};
-//# sourceMappingURL=Tablet.svelte.d.ts.map

package/dist/drawer/Drawer.svelte

@@ -1,59 +1,59 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { fly, slide, blur, fade } from 'svelte/transition';
-import { clickOutside } from '../utils/clickOutside';
+<script>import { twMerge } from "tailwind-merge";
+import { fly, slide, blur, fade } from "svelte/transition";
+import { clickOutside } from "../utils/clickOutside";
 export let activateClickOutside = true;
 export let hidden = true;
-export let position = 'fixed';
-export let leftOffset = 'inset-y-0 start-0';
-export let rightOffset = 'inset-y-0 end-0';
-export let topOffset = 'inset-x-0 top-0';
-export let bottomOffset = 'inset-x-0 bottom-0';
-export let width = 'w-80';
+export let position = "fixed";
+export let leftOffset = "inset-y-0 start-0";
+export let rightOffset = "inset-y-0 end-0";
+export let topOffset = "inset-x-0 top-0";
+export let bottomOffset = "inset-x-0 bottom-0";
+export let width = "w-80";
 export let backdrop = true;
-export let bgColor = 'bg-gray-900';
-export let bgOpacity = 'bg-opacity-75';
-export let placement = 'left';
-export let id = 'drawer-example';
-export let divClass = 'overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800';
+export let bgColor = "bg-gray-900";
+export let bgOpacity = "bg-opacity-75";
+export let placement = "left";
+export let id = "drawer-example";
+export let divClass = "overflow-y-auto z-50 p-4 bg-white dark:bg-gray-800";
 export let transitionParams = {};
-export let transitionType = 'fly';
+export let transitionType = "fly";
 function multiple(node, params) {
-    switch (transitionType) {
-        case 'slide':
-            return slide(node, params);
-        case 'blur':
-            return blur(node, params);
-        case 'fade':
-            return fade(node, params);
-        default:
-            return fly(node, params);
-    }
+  switch (transitionType) {
+    case "slide":
+      return slide(node, params);
+    case "blur":
+      return blur(node, params);
+    case "fade":
+      return fade(node, params);
+    default:
+      return fly(node, params);
+  }
 }
 const placements = {
-    left: leftOffset,
-    right: rightOffset,
-    top: topOffset,
-    bottom: bottomOffset
+  left: leftOffset,
+  right: rightOffset,
+  top: topOffset,
+  bottom: bottomOffset
 };
 const handleDrawer = () => {
-    hidden = !hidden;
+  hidden = !hidden;
 };
 const handleClickOutside = () => activateClickOutside && !hidden && handleDrawer();
-let backdropDivClass = twMerge('fixed top-0 start-0 z-50 w-full h-full', backdrop && bgColor, backdrop && bgOpacity);
+let backdropDivClass = twMerge("fixed top-0 start-0 z-50 w-full h-full", backdrop && bgColor, backdrop && bgOpacity);
 function clickOutsideWrapper(node, callback) {
-    return activateClickOutside ? clickOutside(node, callback) : undefined;
+  return activateClickOutside ? clickOutside(node, callback) : void 0;
 }
 </script>
 
 {#if !hidden}
   {#if backdrop && activateClickOutside}
-    <div role="presentation" class={backdropDivClass} on:click={() => !hidden && handleDrawer()} />
+    <div role="presentation" class={backdropDivClass} on:click={() => !hidden && handleDrawer()}></div>
   {:else if backdrop && !activateClickOutside}
-    <div role="presentation" class={backdropDivClass} />
+    <div role="presentation" class={backdropDivClass}></div>
   {/if}
 
   <div use:clickOutsideWrapper={handleClickOutside} {id} {...$$restProps} class={twMerge(divClass, width, position, placements[placement], $$props.class)} transition:multiple={transitionParams} tabindex="-1" aria-controls={id} aria-labelledby={id}>
-    <slot {hidden} />
+    <slot {hidden}></slot>
   </div>
 {/if}
 

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

@@ -55,4 +55,3 @@ export type DrawerSlots = typeof __propDef.slots;
 export default class Drawer extends SvelteComponentTyped<DrawerProps, DrawerEvents, DrawerSlots> {
 }
 export {};
-//# sourceMappingURL=Drawer.svelte.d.ts.map

package/dist/dropdown/Dropdown.svelte

@@ -1,37 +1,35 @@
-<script context="module">export {};
-</script>
+<script context="module"></script>
 
-<script>import { twMerge } from 'tailwind-merge';
-import Popper from '../utils/Popper.svelte';
-import { setContext } from 'svelte';
-import { writable } from 'svelte/store';
-const activeUrlStore = writable('');
-export let activeUrl = '';
+<script>import { twMerge } from "tailwind-merge";
+import Popper from "../utils/Popper.svelte";
+import { setContext } from "svelte";
+import { writable } from "svelte/store";
+const activeUrlStore = writable("");
+export let activeUrl = "";
 export let open = false;
-export let containerClass = 'divide-y z-50';
-export let classContainer = undefined;
-export let headerClass = 'py-1 overflow-hidden rounded-t-lg';
-export let classHeader = undefined;
-export let footerClass = 'py-1 overflow-hidden rounded-b-lg';
-export let classFooter = undefined;
-export let activeClass = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
-export let classActive = undefined;
+export let containerClass = "divide-y z-50";
+export let classContainer = void 0;
+export let headerClass = "py-1 overflow-hidden rounded-t-lg";
+export let classHeader = void 0;
+export let footerClass = "py-1 overflow-hidden rounded-b-lg";
+export let classFooter = void 0;
+export let activeClass = "text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900";
+export let classActive = void 0;
 let activeCls = twMerge(activeClass, classActive);
-setContext('DropdownType', { activeClass: activeCls });
+setContext("DropdownType", { activeClass: activeCls });
 $: activeUrlStore.set(activeUrl);
-setContext('activeUrl', activeUrlStore);
+setContext("activeUrl", activeUrlStore);
 $: containerCls = twMerge(containerClass, classContainer);
 $: headerCls = twMerge(headerClass, classHeader);
-$: ulCls = twMerge('py-1', $$props.class);
+$: ulCls = twMerge("py-1", $$props.class);
 $: footerCls = twMerge(footerClass, classFooter);
 $: {
-    // set default values
-    $$restProps.arrow = $$restProps.arrow ?? false;
-    $$restProps.trigger = $$restProps.trigger ?? 'click';
-    $$restProps.placement = $$restProps.placement ?? 'bottom';
-    $$restProps.color = $$restProps.color ?? 'dropdown';
-    $$restProps.shadow = $$restProps.shadow ?? true;
-    $$restProps.rounded = $$restProps.rounded ?? true;
+  $$restProps.arrow = $$restProps.arrow ?? false;
+  $$restProps.trigger = $$restProps.trigger ?? "click";
+  $$restProps.placement = $$restProps.placement ?? "bottom";
+  $$restProps.color = $$restProps.color ?? "dropdown";
+  $$restProps.shadow = $$restProps.shadow ?? true;
+  $$restProps.rounded = $$restProps.rounded ?? true;
 }
 </script>
 

package/dist/dropdown/Dropdown.svelte.d.ts

@@ -70,4 +70,3 @@ export type DropdownSlots = typeof __propDef.slots;
 export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
 }
 export {};
-//# sourceMappingURL=Dropdown.svelte.d.ts.map

package/dist/dropdown/DropdownDivider.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let divClass = 'my-1 h-px bg-gray-100 dark:bg-gray-600';
+<script>import { twMerge } from "tailwind-merge";
+export let divClass = "my-1 h-px bg-gray-100 dark:bg-gray-600";
 </script>
 
-<div {...$$restProps} class={twMerge(divClass, $$props.class)} />
+<div {...$$restProps} class={twMerge(divClass, $$props.class)}></div>
 
 <!--
 @component

package/dist/dropdown/DropdownDivider.svelte.d.ts

@@ -20,4 +20,3 @@ export type DropdownDividerSlots = typeof __propDef.slots;
 export default class DropdownDivider extends SvelteComponentTyped<DropdownDividerProps, DropdownDividerEvents, DropdownDividerSlots> {
 }
 export {};
-//# sourceMappingURL=DropdownDivider.svelte.d.ts.map

package/dist/dropdown/DropdownHeader.svelte

@@ -1,6 +1,6 @@
-<script>import { twMerge } from 'tailwind-merge';
-import DropdownDivider from './DropdownDivider.svelte';
-export let divClass = 'py-2 px-4 text-gray-700 dark:text-white';
+<script>import { twMerge } from "tailwind-merge";
+import DropdownDivider from "./DropdownDivider.svelte";
+export let divClass = "py-2 px-4 text-gray-700 dark:text-white";
 export let divider = true;
 </script>
 

package/dist/dropdown/DropdownHeader.svelte.d.ts

@@ -24,4 +24,3 @@ export type DropdownHeaderSlots = typeof __propDef.slots;
 export default class DropdownHeader extends SvelteComponentTyped<DropdownHeaderProps, DropdownHeaderEvents, DropdownHeaderSlots> {
 }
 export {};
-//# sourceMappingURL=DropdownHeader.svelte.d.ts.map

package/dist/dropdown/DropdownItem.svelte

@@ -1,25 +1,20 @@
-<script>import Wrapper from '../utils/Wrapper.svelte';
-import { twMerge } from 'tailwind-merge';
-import { getContext } from 'svelte';
-export let defaultClass = 'font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600';
-export let href = undefined;
-export let activeClass = undefined;
-// export let active: boolean = false;
-const context = getContext('DropdownType') ?? {};
-const activeUrlStore = getContext('activeUrl');
-let sidebarUrl = '';
+<script>import Wrapper from "../utils/Wrapper.svelte";
+import { twMerge } from "tailwind-merge";
+import { getContext } from "svelte";
+export let defaultClass = "font-medium py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600";
+export let href = void 0;
+export let activeClass = void 0;
+const context = getContext("DropdownType") ?? {};
+const activeUrlStore = getContext("activeUrl");
+let sidebarUrl = "";
 activeUrlStore.subscribe((value) => {
-    // console.log('value: ', value)
-    sidebarUrl = value;
+  sidebarUrl = value;
 });
 $: active = sidebarUrl ? href === sidebarUrl : false;
-// let liClass: string;
-$: liClass = twMerge(defaultClass, href ? 'block' : 'w-full text-left', active && (activeClass ?? context.activeClass), $$props.class);
-// twMerge(active ? activeClass ?? context.activeClass : nonActiveClass ?? context.nonActiveClass, $$props.class);
-// console.log('active: ', active)
+$: liClass = twMerge(defaultClass, href ? "block" : "w-full text-left", active && (activeClass ?? context.activeClass), $$props.class);
 let wrap = true;
 function init(node) {
-    wrap = node.parentElement?.tagName === 'UL';
+  wrap = node.parentElement?.tagName === "UL";
 }
 </script>
 

package/dist/dropdown/DropdownItem.svelte.d.ts

@@ -36,4 +36,3 @@ export type DropdownItemSlots = typeof __propDef.slots;
 export default class DropdownItem extends SvelteComponentTyped<DropdownItemProps, DropdownItemEvents, DropdownItemSlots> {
 }
 export {};
-//# sourceMappingURL=DropdownItem.svelte.d.ts.map

package/dist/footer/Footer.svelte

@@ -1,6 +1,6 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let footerType = undefined;
-let footerClass = twMerge(footerType === 'sitemap' && 'bg-gray-800', footerType === 'socialmedia' && 'p-4 bg-white sm:p-6 dark:bg-gray-800', footerType === 'logo' && 'p-4 bg-white rounded-lg shadow md:px-6 md:py-8 dark:bg-gray-800', footerType === 'default' && 'p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800', $$props.class);
+<script>import { twMerge } from "tailwind-merge";
+export let footerType = void 0;
+let footerClass = twMerge(footerType === "sitemap" && "bg-gray-800", footerType === "socialmedia" && "p-4 bg-white sm:p-6 dark:bg-gray-800", footerType === "logo" && "p-4 bg-white rounded-lg shadow md:px-6 md:py-8 dark:bg-gray-800", footerType === "default" && "p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800", $$props.class);
 </script>
 
 <footer {...$$restProps} class={footerClass}>

package/dist/footer/Footer.svelte.d.ts

@@ -22,4 +22,3 @@ export type FooterSlots = typeof __propDef.slots;
 export default class Footer extends SvelteComponentTyped<FooterProps, FooterEvents, FooterSlots> {
 }
 export {};
-//# sourceMappingURL=Footer.svelte.d.ts.map

package/dist/footer/FooterBrand.svelte

@@ -1,12 +1,12 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let aClass = 'flex items-center';
-export let spanClass = 'self-center text-2xl font-semibold whitespace-nowrap dark:text-white';
-export let imgClass = 'me-3 h-8';
-export let href = '';
-export let src = '';
-export let alt = '';
-export let name = '';
-export let target = undefined;
+<script>import { twMerge } from "tailwind-merge";
+export let aClass = "flex items-center";
+export let spanClass = "self-center text-2xl font-semibold whitespace-nowrap dark:text-white";
+export let imgClass = "me-3 h-8";
+export let href = "";
+export let src = "";
+export let alt = "";
+export let name = "";
+export let target = void 0;
 let aCls = twMerge(aClass, $$props.classA);
 let spanCls = twMerge(spanClass, $$props.classSpan);
 let imgCls = twMerge(imgClass, $$props.classImg);