flowbite-svelte 0.44.12 → 0.44.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.44.12",
+  "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"
@@ -418,6 +418,10 @@
       "types": "./dist/list-group/ListgroupItem.svelte.d.ts",
       "svelte": "./dist/list-group/ListgroupItem.svelte"
     },
+    "./Marquee.svelte": {
+      "types": "./dist/marquee/Marquee.svelte.d.ts",
+      "svelte": "./dist/marquee/Marquee.svelte"
+    },
     "./MegaMenu.svelte": {
       "types": "./dist/megamenu/MegaMenu.svelte.d.ts",
       "svelte": "./dist/megamenu/MegaMenu.svelte"
@@ -442,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"
@@ -454,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"}

package/dist/forms/VoiceSearch.svelte

@@ -1,53 +0,0 @@
-<script>import { createEventDispatcher } from 'svelte';
-export let id = '';
-export let labelClass = 'sr-only';
-export let iconClass = 'w-5 h-5 text-gray-500 dark:text-gray-400';
-export let iconDivClass = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
-export let inputClass = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
-export let btnClass = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
-export let voiceBtnClass = 'flex absolute inset-y-0 right-0 items-center pr-3';
-export let voiceIconClass = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
-export let placeholder = 'Search Mockups, Logos, Design Templates...';
-const dispatch = createEventDispatcher();
-const handleVoiceBtn = () => {
-    dispatch('handleVoiceBtn');
-};
-</script>
-
-<form class="flex items-center" on:submit>
-  <label for={id} class={labelClass}>Search</label>
-  <div class="relative w-full">
-    <div class={iconDivClass}>
-      <svg class={iconClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
-      </svg>
-    </div>
-    <input {...$$restProps} type="text" {id} class={inputClass} {placeholder} />
-    <button type="button" class={voiceBtnClass} on:click={handleVoiceBtn}>
-      <svg class={voiceIconClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M7 4a3 3 0 016 0v4a3 3 0 11-6 0V4zm4 10.93A7.001 7.001 0 0017 8a1 1 0 10-2 0A5 5 0 015 8a1 1 0 00-2 0 7.001 7.001 0 006 6.93V17H6a1 1 0 100 2h8a1 1 0 100-2h-3v-2.07z" clip-rule="evenodd" />
-      </svg>
-    </button>
-  </div>
-  <button type="submit" class={btnClass}>
-    <svg class="mr-2 -ml-1 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
-    </svg>
-    Search
-  </button>
-</form>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let id: string = '';
-@prop export let labelClass: string = 'sr-only';
-@prop export let iconClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
-@prop export let iconDivClass: string = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
-@prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
-@prop export let btnClass: string = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
-@prop export let voiceBtnClass: string = 'flex absolute inset-y-0 right-0 items-center pr-3';
-@prop export let voiceIconClass: string = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
-@prop export let placeholder: string = 'Search Mockups, Logos, Design Templates...';
--->

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

@@ -1,42 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        id?: string | undefined;
-        labelClass?: string | undefined;
-        iconClass?: string | undefined;
-        iconDivClass?: string | undefined;
-        inputClass?: string | undefined;
-        btnClass?: string | undefined;
-        voiceBtnClass?: string | undefined;
-        voiceIconClass?: string | undefined;
-        placeholder?: string | undefined;
-    };
-    events: {
-        submit: SubmitEvent;
-        handleVoiceBtn: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type VoiceSearchProps = typeof __propDef.props;
-export type VoiceSearchEvents = typeof __propDef.events;
-export type VoiceSearchSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let id: string = '';
- * @prop export let labelClass: string = 'sr-only';
- * @prop export let iconClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
- * @prop export let iconDivClass: string = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
- * @prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
- * @prop export let btnClass: string = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
- * @prop export let voiceBtnClass: string = 'flex absolute inset-y-0 right-0 items-center pr-3';
- * @prop export let voiceIconClass: string = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
- * @prop export let placeholder: string = 'Search Mockups, Logos, Design Templates...';
- */
-export default class VoiceSearch extends SvelteComponent<VoiceSearchProps, VoiceSearchEvents, VoiceSearchSlots> {
-}
-export {};
-//# sourceMappingURL=VoiceSearch.svelte.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VoiceSearch.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/VoiceSearch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAkDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CAC9G"}

package/dist/navbar/NavSidebarHamburger.svelte

@@ -1,18 +0,0 @@
-<script>import ToolbarButton from '../toolbar/ToolbarButton.svelte';
-import { twMerge } from 'tailwind-merge';
-import SidebarMenu from './SidebarMenu.svelte';
-export let btnClass = 'ml-3 md:hidden';
-export let sideMenuClass = 'h-6 w-6 shrink-0';
-</script>
-
-<ToolbarButton name="Open main menu" on:click {...$$restProps} class={twMerge(btnClass, $$props.class)}>
-  <SidebarMenu class={twMerge(sideMenuClass, $$props.classSideMenu)} variation="solid" />
-</ToolbarButton>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let btnClass: string = 'ml-3 md:hidden';
-@prop export let sideMenuClass: string = 'h-6 w-6 shrink-0';
--->

package/dist/navbar/NavSidebarHamburger.svelte.d.ts

@@ -1,27 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        btnClass?: string | undefined;
-        sideMenuClass?: string | undefined;
-    };
-    events: {
-        click: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type NavSidebarHamburgerProps = typeof __propDef.props;
-export type NavSidebarHamburgerEvents = typeof __propDef.events;
-export type NavSidebarHamburgerSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let btnClass: string = 'ml-3 md:hidden';
- * @prop export let sideMenuClass: string = 'h-6 w-6 shrink-0';
- */
-export default class NavSidebarHamburger extends SvelteComponent<NavSidebarHamburgerProps, NavSidebarHamburgerEvents, NavSidebarHamburgerSlots> {
-}
-export {};
-//# sourceMappingURL=NavSidebarHamburger.svelte.d.ts.map

package/dist/navbar/NavSidebarHamburger.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavSidebarHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/NavSidebarHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAsBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,eAAe,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CAC9I"}

package/dist/navbar/SidebarMenu.svelte

@@ -1,36 +0,0 @@
-<script>export let size = '20';
-export let color = 'currentColor';
-export let variation = 'outline';
-let viewBox;
-let svgpath;
-let svgoutline = `<path stroke="${color}" clip-rule="evenodd" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"></path> `;
-let svgsolid = `<path fill="${color}" clip-rule="evenodd" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"></path> `;
-$: switch (variation) {
-    case 'outline':
-        svgpath = svgoutline;
-        viewBox = '0 0 20 20';
-        break;
-    case 'solid':
-        svgpath = svgsolid;
-        viewBox = '0 0 20 20';
-        break;
-    default:
-        svgpath = svgoutline;
-        viewBox = '0 0 20 20';
-}
-export let ariaLabel = 'bars 3';
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} {...$$restProps} class={$$props.class} aria-label={ariaLabel} fill="none" {viewBox} stroke-width="2" on:click role="button" tabindex="-1">
-  {@html svgpath}
-</svg>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let size = '20';
-@prop export let color = 'currentColor';
-@prop export let variation: 'solid' | 'outline' = 'outline';
-@prop export let ariaLabel = 'bars 3';
--->

package/dist/navbar/SidebarMenu.svelte.d.ts

@@ -1,31 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        size?: string | undefined;
-        color?: string | undefined;
-        variation?: "solid" | "outline" | undefined;
-        ariaLabel?: string | undefined;
-    };
-    events: {
-        click: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type SidebarMenuProps = typeof __propDef.props;
-export type SidebarMenuEvents = typeof __propDef.events;
-export type SidebarMenuSlots = typeof __propDef.slots;
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Props
- * @prop export let size = '20';
- * @prop export let color = 'currentColor';
- * @prop export let variation: 'solid' | 'outline' = 'outline';
- * @prop export let ariaLabel = 'bars 3';
- */
-export default class SidebarMenu extends SvelteComponent<SidebarMenuProps, SidebarMenuEvents, SidebarMenuSlots> {
-}
-export {};
-//# sourceMappingURL=SidebarMenu.svelte.d.ts.map

package/dist/navbar/SidebarMenu.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/SidebarMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CAC9G"}