flowbite-svelte 0.44.13 → 0.44.14

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

@@ -1,50 +1,7 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: any;
         device?: "default" | "ios" | "android" | "tablet" | "laptop" | "desktop" | "smartwatch" | undefined;
-        androidDiv?: string | undefined;
-        androidSlot?: string | undefined;
-        androidTop?: string | undefined;
-        androidLeftTop?: string | undefined;
-        androidLeftMid?: string | undefined;
-        androidLeftBot?: string | undefined;
-        androidRight?: string | undefined;
-        defaultDiv?: string | undefined;
-        defaultSlot?: string | undefined;
-        defaultTop?: string | undefined;
-        defaultLeftTop?: string | undefined;
-        defaultLeftBot?: string | undefined;
-        defaultRight?: string | undefined;
-        desktopInner?: string | undefined;
-        desktopBot?: string | undefined;
-        desktopBotUnder?: string | undefined;
-        destopDiv?: string | undefined;
-        desktopSlot?: string | undefined;
-        iosDiv?: string | undefined;
-        iosSlot?: string | undefined;
-        iosTop?: string | undefined;
-        iosLeftTop?: string | undefined;
-        iosLeftBot?: string | undefined;
-        iosRight?: string | undefined;
-        laptopDiv?: string | undefined;
-        laptopSlot?: string | undefined;
-        laptopInner?: string | undefined;
-        laptopBot?: string | undefined;
-        laptopBotCen?: string | undefined;
-        smartwatchDiv?: string | undefined;
-        smartwatchSlot?: string | undefined;
-        smartRightTop?: string | undefined;
-        smartRightBot?: string | undefined;
-        smartTop?: string | undefined;
-        smartBot?: string | undefined;
-        smartwatchInner?: string | undefined;
-        tabletDiv?: string | undefined;
-        tabletSlot?: string | undefined;
-        tabletLeftTop?: string | undefined;
-        tabletLeftMid?: string | undefined;
-        tabletLeftBot?: string | undefined;
-        tabletRight?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -60,48 +17,6 @@ export type DeviceMockupSlots = typeof __propDef.slots;
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
  * @prop export let device: 'default' | 'ios' | 'android' | 'tablet' | 'laptop' | 'desktop' | 'smartwatch' = 'default';
- * @prop export let androidDiv: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl';
- * @prop export let androidSlot: string = 'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
- * @prop export let androidTop: string = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
- * @prop export let androidLeftTop: string = 'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
- * @prop export let androidLeftMid: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
- * @prop export let androidLeftBot: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
- * @prop export let androidRight: string = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
- * @prop export let defaultDiv: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]';
- * @prop export let defaultSlot: string = 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
- * @prop export let defaultTop: string = 'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
- * @prop export let defaultLeftTop: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
- * @prop export let defaultLeftBot: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
- * @prop export let defaultRight: string = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
- * @prop export let desktopInner: string = 'rounded-xl overflow-hidden h-[140px] md:h-[262px]';
- * @prop export let desktopBot: string = '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]';
- * @prop export let desktopBotUnder: string = 'relative mx-auto bg-gray-800 rounded-b-xl h-[55px] max-w-[83px] md:h-[95px] md:max-w-[142px]';
- * @prop export let destopDiv: string = '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]';
- * @prop export let desktopSlot: string = 'rounded-xl overflow-hidden h-[140px] md:h-[262px]';
- * @prop export let iosDiv: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl';
- * @prop export let iosSlot: string = 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
- * @prop export let iosTop: string = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
- * @prop export let iosLeftTop: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
- * @prop export let iosLeftBot: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
- * @prop export let iosRight: string = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
- * @prop export let laptopDiv: string = '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]';
- * @prop export let laptopSlot: string = 'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
- * @prop export let laptopInner: string = 'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
- * @prop export let laptopBot: string = '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]';
- * @prop export let laptopBotCen: string = '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';
- * @prop export let smartwatchDiv: string = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]';
- * @prop export let smartwatchSlot: string = 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]';
- * @prop export let smartRightTop: string = 'h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg';
- * @prop export let smartRightBot: string = 'h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg';
- * @prop export let smartTop: string = 'relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]';
- * @prop export let smartBot: string = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]';
- * @prop export let smartwatchInner: string = 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]';
- * @prop export let tabletDiv: string = '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]';
- * @prop export let tabletSlot: string = 'rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800';
- * @prop export let tabletLeftTop: string = 'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
- * @prop export let tabletLeftMid: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
- * @prop export let tabletLeftBot: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
- * @prop export let tabletRight: string = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
  */
 export default class DeviceMockup extends SvelteComponent<DeviceMockupProps, DeviceMockupEvents, DeviceMockupSlots> {
 }

package/dist/device-mockup/DeviceMockup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceMockup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/device-mockup/DeviceMockup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAuMD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,eAAe,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CAClH"}
+{"version":3,"file":"DeviceMockup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/device-mockup/DeviceMockup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA8CD,QAAA,MAAM,SAAS;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,eAAe,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CAClH"}

package/dist/device-mockup/Ios.svelte

@@ -1,20 +1,30 @@
-<script>export let iosTop;
-export let iosLeftTop;
-export let iosLeftBot;
-export let iosRight;
+<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={iosTop} />
-<div class={iosLeftTop} />
-<div class={iosLeftBot} />
-<div class={iosRight} />
+<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(slot, $$props.classSlot)}>
+    <slot />
+  </div>
+</div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let iosTop: string;
-@prop export let iosLeftTop: string;
-@prop export let iosLeftBot: string;
-@prop export let iosRight: string;
+@prop export let div: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl';
+@prop export let slot: string = 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
+@prop export let top: string = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
+@prop export let leftTop: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
+@prop export let leftBot: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
+@prop export let right: string = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
 -->

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

@@ -1,15 +1,20 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        iosTop: string;
-        iosLeftTop: string;
-        iosLeftBot: string;
-        iosRight: string;
+        [x: string]: any;
+        div?: string | undefined;
+        slot?: string | undefined;
+        top?: string | undefined;
+        leftTop?: string | undefined;
+        leftBot?: string | undefined;
+        right?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export type IosProps = typeof __propDef.props;
 export type IosEvents = typeof __propDef.events;
@@ -17,10 +22,12 @@ export type IosSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let iosTop: string;
- * @prop export let iosLeftTop: string;
- * @prop export let iosLeftBot: string;
- * @prop export let iosRight: string;
+ * @prop export let div: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px] shadow-xl';
+ * @prop export let slot: string = 'rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
+ * @prop export let top: string = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
+ * @prop export let leftTop: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
+ * @prop export let leftBot: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
+ * @prop export let right: string = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
  */
 export default class Ios extends SvelteComponent<IosProps, IosEvents, IosSlots> {
 }

package/dist/device-mockup/Ios.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Ios.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/device-mockup/Ios.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAiBD,QAAA,MAAM,SAAS;;gBADqG,MAAM;oBAAc,MAAM;oBAAc,MAAM;kBAAY,MAAM;;;;;;CAC7H,CAAC;AACxD,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;CAC9E"}
+{"version":3,"file":"Ios.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/device-mockup/Ios.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA4BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9C;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;CAC9E"}

package/dist/device-mockup/Laptop.svelte

@@ -0,0 +1,26 @@
+<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 />
+  </div>
+</div>
+
+<div class={twMerge(bot, $$props.classBot)}>
+  <div class={twMerge(botCen, $$props.classBotCen)} />
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let div: string = '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]';
+@prop export let inner: string = 'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
+@prop export let bot: string = '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]';
+@prop export let botCen: string = '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';
+-->

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

@@ -0,0 +1,31 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        div?: string | undefined;
+        inner?: string | undefined;
+        bot?: string | undefined;
+        botCen?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type LaptopProps = typeof __propDef.props;
+export type LaptopEvents = typeof __propDef.events;
+export type LaptopSlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @prop export let div: string = '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]';
+ * @prop export let inner: string = 'rounded-lg overflow-hidden h-[156px] md:h-[278px] bg-white dark:bg-gray-800';
+ * @prop export let bot: string = '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]';
+ * @prop export let botCen: string = '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';
+ */
+export default class Laptop extends SvelteComponent<LaptopProps, LaptopEvents, LaptopSlots> {
+}
+export {};
+//# sourceMappingURL=Laptop.svelte.d.ts.map

package/dist/device-mockup/Laptop.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Laptop.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/device-mockup/Laptop.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA0BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

package/dist/device-mockup/Smartwatch.svelte

@@ -1,14 +1,30 @@
-<script>export let smartRightTop;
-export let smartRightBot;
+<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={smartRightTop} />
-<div class={smartRightBot} />
+<div class={twMerge(div, $$props.class)} />
+<div class={twMerge(top, $$props.classTop)}>
+  <div class={twMerge(rightTop, $$props.classRightTop)} />
+  <div class={twMerge(rightBot, $$props.classRightBot)} />
+  <div class={twMerge(slot, $$props.classSlot)}>
+    <slot />
+  </div>
+</div>
+<div class={twMerge(bot, $$props.classBot)} />
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let smartRightTop: string;
-@prop export let smartRightBot: string;
+@prop export let div: string = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]';
+@prop export let slot: string = 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]';
+@prop export let rightTop: string = 'h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg';
+@prop export let rightBot: string = 'h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg';
+@prop export let top: string = 'relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]';
+@prop export let bot: string = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]';
 -->

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

@@ -1,13 +1,20 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        smartRightTop: string;
-        smartRightBot: string;
+        [x: string]: any;
+        div?: string | undefined;
+        slot?: string | undefined;
+        rightTop?: string | undefined;
+        rightBot?: string | undefined;
+        top?: string | undefined;
+        bot?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export type SmartwatchProps = typeof __propDef.props;
 export type SmartwatchEvents = typeof __propDef.events;
@@ -15,8 +22,12 @@ export type SmartwatchSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let smartRightTop: string;
- * @prop export let smartRightBot: string;
+ * @prop export let div: string = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-t-[2.5rem] h-[63px] max-w-[133px]';
+ * @prop export let slot: string = 'rounded-[2rem] overflow-hidden h-[193px] w-[188px]';
+ * @prop export let rightTop: string = 'h-[41px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[40px] rounded-r-lg';
+ * @prop export let rightBot: string = 'h-[32px] w-[6px] bg-gray-800 dark:bg-gray-800 absolute -right-[16px] top-[88px] rounded-r-lg';
+ * @prop export let top: string = 'relative mx-auto border-gray-900 dark:bg-gray-800 dark:border-gray-800 border-[10px] rounded-[2.5rem] h-[213px] w-[208px]';
+ * @prop export let bot: string = 'relative mx-auto bg-gray-800 dark:bg-gray-700 rounded-b-[2.5rem] h-[63px] max-w-[133px]';
  */
 export default class Smartwatch extends SvelteComponent<SmartwatchProps, SmartwatchEvents, SmartwatchSlots> {
 }

package/dist/device-mockup/Smartwatch.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Smartwatch.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/device-mockup/Smartwatch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAaD,QAAA,MAAM,SAAS;;uBADkF,MAAM;uBAAiB,MAAM;;;;;;CACvE,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAe,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC1G"}
+{"version":3,"file":"Smartwatch.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/device-mockup/Smartwatch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA4BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,eAAe,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC1G"}

package/dist/device-mockup/Tablet.svelte

@@ -1,20 +1,30 @@
-<script>export let tabletLeftTop;
-export let tabletLeftMid;
-export let tabletLeftBot;
-export let tabletRight;
+<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={tabletLeftTop} />
-<div class={tabletLeftMid} />
-<div class={tabletLeftBot} />
-<div class={tabletRight} />
+<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(slot, $$props.classSlot)}>
+    <slot />
+  </div>
+</div>
 
 <!--
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let tabletLeftTop: string;
-@prop export let tabletLeftMid: string;
-@prop export let tabletLeftBot: string;
-@prop export let tabletRight: string;
+@prop export let div: string = '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]';
+@prop export let slot: string = 'rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800';
+@prop export let leftTop: string = 'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
+@prop export let leftMid: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
+@prop export let leftBot: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
+@prop export let right: string = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
 -->

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

@@ -1,15 +1,20 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        tabletLeftTop: string;
-        tabletLeftMid: string;
-        tabletLeftBot: string;
-        tabletRight: string;
+        [x: string]: any;
+        div?: string | undefined;
+        slot?: string | undefined;
+        leftTop?: string | undefined;
+        leftMid?: string | undefined;
+        leftBot?: string | undefined;
+        right?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {};
+    };
 };
 export type TabletProps = typeof __propDef.props;
 export type TabletEvents = typeof __propDef.events;
@@ -17,10 +22,12 @@ export type TabletSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let tabletLeftTop: string;
- * @prop export let tabletLeftMid: string;
- * @prop export let tabletLeftBot: string;
- * @prop export let tabletRight: string;
+ * @prop export let div: string = '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]';
+ * @prop export let slot: string = 'rounded-[2rem] overflow-hidden h-[426px] md:h-[654px] bg-white dark:bg-gray-800';
+ * @prop export let leftTop: string = 'h-[32px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
+ * @prop export let leftMid: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
+ * @prop export let leftBot: string = 'h-[46px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
+ * @prop export let right: string = 'h-[64px] w-[3px] bg-gray-800 dark:bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
  */
 export default class Tablet extends SvelteComponent<TabletProps, TabletEvents, TabletSlots> {
 }

package/dist/device-mockup/Tablet.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tablet.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/device-mockup/Tablet.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAiBD,QAAA,MAAM,SAAS;;uBAD4I,MAAM;uBAAiB,MAAM;uBAAiB,MAAM;qBAAe,MAAM;;;;;;CAC7K,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
+{"version":3,"file":"Tablet.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/device-mockup/Tablet.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA4BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

package/dist/index.d.ts

@@ -41,14 +41,12 @@ export { default as InputAddon } from "./forms/InputAddon.svelte";
 export { default as Label } from "./forms/Label.svelte";
 export { default as MultiSelect } from "./forms/MultiSelect.svelte";
 export { default as NumberInput } from "./forms/NumberInput.svelte";
-export { default as RadioInline } from "./forms/RadioInline.svelte";
 export { default as Radio } from "./forms/Radio.svelte";
 export { default as Range } from "./forms/Range.svelte";
 export { default as Search } from "./forms/Search.svelte";
 export { default as Select } from "./forms/Select.svelte";
 export { default as Textarea } from "./forms/Textarea.svelte";
 export { default as Toggle } from "./forms/Toggle.svelte";
-export { default as VoiceSearch } from "./forms/VoiceSearch.svelte";
 export { default as Gallery } from "./gallery/Gallery.svelte";
 export { default as Indicator } from "./indicators/Indicator.svelte";
 export { default as Kbd } from "./kbd/Kbd.svelte";

package/dist/index.js

@@ -78,14 +78,12 @@ export { default as InputAddon } from './forms/InputAddon.svelte';
 export { default as Label } from './forms/Label.svelte';
 export { default as MultiSelect } from './forms/MultiSelect.svelte';
 export { default as NumberInput } from './forms/NumberInput.svelte';
-export { default as RadioInline } from './forms/RadioInline.svelte';
 export { default as Radio } from './forms/Radio.svelte';
 export { default as Range } from './forms/Range.svelte';
 export { default as Search } from './forms/Search.svelte';
 export { default as Select } from './forms/Select.svelte';
 export { default as Textarea } from './forms/Textarea.svelte';
 export { default as Toggle } from './forms/Toggle.svelte';
-export { default as VoiceSearch } from './forms/VoiceSearch.svelte';
 
 // Gallery
 export { default as Gallery } from './gallery/Gallery.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.44.13",
+  "version": "0.44.14",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -250,6 +250,10 @@
       "types": "./dist/device-mockup/DefaultMockup.svelte.d.ts",
       "svelte": "./dist/device-mockup/DefaultMockup.svelte"
     },
+    "./Desktop.svelte": {
+      "types": "./dist/device-mockup/Desktop.svelte.d.ts",
+      "svelte": "./dist/device-mockup/Desktop.svelte"
+    },
     "./DeviceMockup.svelte": {
       "types": "./dist/device-mockup/DeviceMockup.svelte.d.ts",
       "svelte": "./dist/device-mockup/DeviceMockup.svelte"
@@ -258,6 +262,10 @@
       "types": "./dist/device-mockup/Ios.svelte.d.ts",
       "svelte": "./dist/device-mockup/Ios.svelte"
     },
+    "./Laptop.svelte": {
+      "types": "./dist/device-mockup/Laptop.svelte.d.ts",
+      "svelte": "./dist/device-mockup/Laptop.svelte"
+    },
     "./Smartwatch.svelte": {
       "types": "./dist/device-mockup/Smartwatch.svelte.d.ts",
       "svelte": "./dist/device-mockup/Smartwatch.svelte"
@@ -354,10 +362,6 @@
       "types": "./dist/forms/Radio.svelte.d.ts",
       "svelte": "./dist/forms/Radio.svelte"
     },
-    "./RadioInline.svelte": {
-      "types": "./dist/forms/RadioInline.svelte.d.ts",
-      "svelte": "./dist/forms/RadioInline.svelte"
-    },
     "./Range.svelte": {
       "types": "./dist/forms/Range.svelte.d.ts",
       "svelte": "./dist/forms/Range.svelte"
@@ -378,10 +382,6 @@
       "types": "./dist/forms/Toggle.svelte.d.ts",
       "svelte": "./dist/forms/Toggle.svelte"
     },
-    "./VoiceSearch.svelte": {
-      "types": "./dist/forms/VoiceSearch.svelte.d.ts",
-      "svelte": "./dist/forms/VoiceSearch.svelte"
-    },
     "./Gallery.svelte": {
       "types": "./dist/gallery/Gallery.svelte.d.ts",
       "svelte": "./dist/gallery/Gallery.svelte"
@@ -446,10 +446,6 @@
       "types": "./dist/navbar/NavLi.svelte.d.ts",
       "svelte": "./dist/navbar/NavLi.svelte"
     },
-    "./NavSidebarHamburger.svelte": {
-      "types": "./dist/navbar/NavSidebarHamburger.svelte.d.ts",
-      "svelte": "./dist/navbar/NavSidebarHamburger.svelte"
-    },
     "./NavUl.svelte": {
       "types": "./dist/navbar/NavUl.svelte.d.ts",
       "svelte": "./dist/navbar/NavUl.svelte"
@@ -458,10 +454,6 @@
       "types": "./dist/navbar/Navbar.svelte.d.ts",
       "svelte": "./dist/navbar/Navbar.svelte"
     },
-    "./SidebarMenu.svelte": {
-      "types": "./dist/navbar/SidebarMenu.svelte.d.ts",
-      "svelte": "./dist/navbar/SidebarMenu.svelte"
-    },
     "./Pagination.svelte": {
       "types": "./dist/paginations/Pagination.svelte.d.ts",
       "svelte": "./dist/paginations/Pagination.svelte"

package/dist/forms/RadioInline.svelte

@@ -1,9 +0,0 @@
-<div class="flex">
-  <slot />
-</div>
-
-<!--
-  @component
-  [Go to ](https://flowbite-svelte.com/docs/components/)
-  
--->

package/dist/forms/RadioInline.svelte.d.ts

@@ -1,29 +0,0 @@
-/** @typedef {typeof __propDef.props}  RadioInlineProps */
-/** @typedef {typeof __propDef.events}  RadioInlineEvents */
-/** @typedef {typeof __propDef.slots}  RadioInlineSlots */
-/** [Go to ](https://flowbite-svelte.com/docs/components/) */
-export default class RadioInline extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type RadioInlineProps = typeof __propDef.props;
-export type RadioInlineEvents = typeof __propDef.events;
-export type RadioInlineSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export {};
-//# sourceMappingURL=RadioInline.svelte.d.ts.map

package/dist/forms/RadioInline.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioInline.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/RadioInline.svelte.js"],"names":[],"mappings":"AAWA,0DAA0D;AAC1D,4DAA4D;AAC5D,0DAA0D;AAE1D,6DAA6D;AAC7D;;;;;;;CACC;+BANa,OAAO,UAAU,KAAK;gCACtB,OAAO,UAAU,MAAM;+BACvB,OAAO,UAAU,KAAK;gCAbJ,QAAQ;AAUxC;;;;;;;;;;EAA8E"}