flowbite-svelte 0.14.3 → 0.14.6

package/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.14.6](https://github.com/themesberg/flowbite-svelte/compare/v0.14.5...v0.14.6) (2022-04-19)
+
+
+### Bug Fixes
+
+* export dropdownStores in index.js ([f4b7f6c](https://github.com/themesberg/flowbite-svelte/commit/f4b7f6c6e5fcc118e5279ed61e017477c657fa0b))
+
+### [0.14.5](https://github.com/themesberg/flowbite-svelte/compare/v0.14.4...v0.14.5) (2022-04-19)
+
+
+### Bug Fixes
+
+* export dropdownIdStore in index.js ([4c897d9](https://github.com/themesberg/flowbite-svelte/commit/4c897d973a88e7d1863e28c49a1675110649252f))
+* update test for /buttons/setup page ([90daabb](https://github.com/themesberg/flowbite-svelte/commit/90daabbad3d921e5938c990f3099bd268df4aebf))
+
+### [0.14.4](https://github.com/shinokada/flowbite-svelte/compare/v0.14.3...v0.14.4) (2022-04-19)
+
+
+### Features
+
+* add close on body, add close another dropdown and open own ([addabf8](https://github.com/shinokada/flowbite-svelte/commit/addabf81ccb322e6a482f3baa0687b443914674b))
+
+
+### Bug Fixes
+
+* change btnType to type in Button components ([310d2d8](https://github.com/shinokada/flowbite-svelte/commit/310d2d8f5bd00f3339b59749e79c67d39717f652))
+* change z-50 to z-10 for DropdownDefault ([71d4640](https://github.com/shinokada/flowbite-svelte/commit/71d4640e613c671e11c972d8ceee3721b6c568cc))
+* moved @codewithshin/svelte-heroicons to dependencies ([5639d70](https://github.com/shinokada/flowbite-svelte/commit/5639d70d85fc829bc3827f0cbc82e01c56d644a2))
+* Utterances link update to themesberg ([584da7e](https://github.com/shinokada/flowbite-svelte/commit/584da7ecf8a755814b436998e3567b7ea46c35d9))
+
 ### [0.14.3](https://github.com/shinokada/flowbite-svelte/compare/v0.14.2...v0.14.3) (2022-04-18)
 
 

package/README.md

@@ -1,6 +1,6 @@
 # FLOWBITE-SVELTE
 
-[Flowbite-Svelte](https://flowbite-svelte.vercel.app/) is an unofficial Flowbite component library for Svelte. All interactivities are handled by Svelte.
+[Flowbite-Svelte](https://flowbite-svelte.vercel.app/) is an official Flowbite component library for Svelte. All interactivities are handled by Svelte.
 
 ## Installation
 
@@ -63,7 +63,8 @@
 
 ## Carousel components
 
-- [Carousel](https://flowbite-svelte.vercel.app/carousels)
+- [Carousel](https://flowbite-svelte.vercel.app/carousels/default)
+- [Carousel with transition](https://flowbite-svelte.vercel.app/carousels/transition)
 
 ## Dark mode components
 
@@ -112,6 +113,10 @@
 
 - [Pagination](https://flowbite-svelte.vercel.app/paginations)
 
+## Progress bar
+
+- [Probress bar](https://flowbite-svelte.vercel.app/progressbars)
+
 ## Sidebar components
 
 - [Sidebar](https://flowbite-svelte.vercel.app/sidebars)

package/buttons/Button.svelte

@@ -2,7 +2,7 @@
 export let textSize = 'text-sm';
 export let name = 'Read more';
 export let btnColor = 'blue';
-export let btnType = 'button';
+export let type = 'button';
 let paddings;
 if (textSize === 'text-xs') {
     paddings = 'py-2 px-3';
@@ -63,7 +63,7 @@ else {
 }
 </script>
 
-<button type={btnType} class={buttonClass} on:click {...$$restProps}>
+<button {type} class={buttonClass} {...$$restProps} on:click>
 	{name}
 	<slot />
 </button>

package/buttons/Button.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
         textSize?: Textsize;
         name?: string;
         btnColor?: Buttontypes;
-        btnType?: ButtonType;
+        type?: ButtonType;
     };
     events: {
         click: MouseEvent;

package/buttons/ColorShadowButton.svelte

@@ -2,7 +2,7 @@
 export let color = 'blue';
 export let name = 'Read more';
 let btnClass;
-export let btnType = 'button';
+export let type = 'button';
 if (color === 'blue') {
     btnClass = `text-white bg-gradient-to-r from-blue-500 via-blue-600 to-blue-700 hover:bg-gradient-to-br focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-800 shadow-lg shadow-blue-500/50 dark:shadow-lg dark:shadow-blue-800/80 font-medium rounded-lg ${textSize} px-5 py-2.5 text-center mr-2 mb-2`;
 }
@@ -32,7 +32,7 @@ else {
 }
 </script>
 
-<button type={btnType} class={btnClass} on:click {...$$restProps}>
+<button {type} class={btnClass} {...$$restProps} on:click>
 	{name}
 	<slot />
 </button>

package/buttons/ColorShadowButton.svelte.d.ts

@@ -6,7 +6,7 @@ declare const __propDef: {
         textSize?: Textsize;
         color?: Buttonshadows;
         name?: string;
-        btnType?: ButtonType;
+        type?: ButtonType;
     };
     events: {
         click: MouseEvent;

package/buttons/GradientDuotoneButton.svelte

@@ -2,7 +2,7 @@
 export let color = 'purple2blue';
 export let name = 'Read more';
 let btnClass;
-export let btnType = 'button';
+export let type = 'button';
 if (color === 'purple2blue') {
     btnClass = `text-white bg-gradient-to-br from-purple-600 to-blue-500 hover:bg-gradient-to-bl focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-800 font-medium rounded-lg ${textSize} px-5 py-2.5 text-center mr-2 mb-2`;
 }
@@ -29,7 +29,7 @@ else {
 }
 </script>
 
-<button type={btnType} class={btnClass} on:click {...$$restProps}>
+<button {type} class={btnClass} {...$$restProps} on:click>
 	{name}
 	<slot />
 </button>

package/buttons/GradientDuotoneButton.svelte.d.ts

@@ -6,7 +6,7 @@ declare const __propDef: {
         textSize?: Textsize;
         color?: Gradientduotones;
         name?: string;
-        btnType?: ButtonType;
+        type?: ButtonType;
     };
     events: {
         click: MouseEvent;

package/buttons/GradientMonochromeButton.svelte

@@ -2,7 +2,7 @@
 export let color = 'blue';
 export let name = 'Read more';
 let btnClass;
-export let btnType = 'button';
+export let type = 'button';
 if (color === 'blue') {
     btnClass = `text-white bg-gradient-to-r from-blue-500 via-blue-600 to-blue-700 hover:bg-gradient-to-br focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-800 font-medium rounded-lg ${textSize} px-5 py-2.5 text-center mr-2 mb-2`;
 }
@@ -32,7 +32,7 @@ else {
 }
 </script>
 
-<button type={btnType} class={btnClass} on:click {...$$restProps}>
+<button {type} class={btnClass} {...$$restProps} on:click>
 	{name}
 	<slot />
 </button>

package/buttons/GradientMonochromeButton.svelte.d.ts

@@ -6,7 +6,7 @@ declare const __propDef: {
         textSize?: Textsize;
         color?: Buttonshadows;
         name?: string;
-        btnType?: ButtonType;
+        type?: ButtonType;
     };
     events: {
         click: MouseEvent;

package/buttons/GradientOutlineButton.svelte

@@ -1,7 +1,7 @@
 <script >export let textSize = 'text-sm';
 export let color = 'purple2blue';
 export let name = 'Read more';
-export let btnType = 'button';
+export let type = 'button';
 let btnClass;
 let spanClass;
 if (color === 'purple2blue') {
@@ -38,7 +38,7 @@ else {
 }
 </script>
 
-<button class={btnClass} type={btnType} {...$$restProps}>
-	<span class={spanClass} on:click>{name}</span>
+<button class={btnClass} {type} {...$$restProps} on:click>
+	<span class={spanClass}>{name}</span>
 	<slot />
 </button>

package/buttons/GradientOutlineButton.svelte.d.ts

@@ -6,7 +6,7 @@ declare const __propDef: {
         textSize?: Textsize;
         color?: Gradientduotones;
         name?: string;
-        btnType?: ButtonType;
+        type?: ButtonType;
     };
     events: {
         click: MouseEvent;

package/dropdowns/DropdownDefault.svelte

@@ -1,7 +1,14 @@
-<script >export let label = 'Dropdown button';
+<script >import { dropdownIdStore } from './dropdownStores';
+import { get } from 'svelte/store';
+export let id = 'dropdown';
+export let label = 'Dropdown button';
 export let rounded = false;
 export let textSize = 'text-sm';
 export let color = 'blue';
+let showDropdownId;
+dropdownIdStore.subscribe((value) => {
+    showDropdownId = value;
+});
 let paddings;
 if (textSize === 'text-xs') {
     paddings = 'py-2 px-3';
@@ -17,78 +24,90 @@ else {
 }
 let buttonClass;
 let round = rounded ? 'rounded-full' : 'rounded-lg';
-let dropdownToggleHidden = true;
-const handleToggle = () => {
-    console.log('toggle clicked.');
-    dropdownToggleHidden = !dropdownToggleHidden;
+export const openFn = (id) => {
+    if (showDropdownId === id) {
+        dropdownIdStore.update((n) => (n = null));
+    }
+    else {
+        dropdownIdStore.update((n) => (n = id));
+    }
+};
+const closeDropdown = () => {
+    dropdownIdStore.update((n) => (n = null));
 };
 export let items;
-export let dropdownClass = 'hidden absolute -left-44 top-12 z-10 w-44 text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700';
+export let dropdownClass = 'absolute -left-44 top-12 z-10 w-44 text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700';
 export let headerClass = 'py-3 px-4 text-gray-900 dark:text-white';
 export let linkClass = 'block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white';
 if (color === 'blue') {
-    buttonClass = `inline-flex items-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800`;
+    buttonClass = `inline-flex z-10 items-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800`;
 }
 else if (color === 'blue-outline') {
-    buttonClass = `inline-flex items-center text-blue-700 hover:text-white border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-blue-500 dark:text-blue-500 dark:hover:text-white dark:hover:bg-blue-600 dark:focus:ring-blue-800`;
+    buttonClass = `inline-flex z-10 items-center text-blue-700 hover:text-white border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-blue-500 dark:text-blue-500 dark:hover:text-white dark:hover:bg-blue-600 dark:focus:ring-blue-800`;
 }
 else if (color === 'dark') {
-    buttonClass = buttonClass = `inline-flex items-center text-white bg-gray-800 hover:bg-gray-900 focus:ring-4 focus:ring-gray-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-800 dark:border-gray-700`;
+    buttonClass = `inline-flex z-10 items-center text-white bg-gray-800 hover:bg-gray-900 focus:ring-4 focus:ring-gray-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-800 dark:border-gray-700`;
 }
 else if (color === 'dark-outline') {
-    buttonClass = `inline-flex items-center text-gray-900 hover:text-white border border-gray-800 hover:bg-gray-900 focus:ring-4 focus:ring-gray-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-gray-600 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-800`;
+    buttonClass = `inline-flex z-10 items-center text-gray-900 hover:text-white border border-gray-800 hover:bg-gray-900 focus:ring-4 focus:ring-gray-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-gray-600 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-800`;
 }
 else if (color === 'light') {
-    buttonClass = `inline-flex items-center text-gray-900 bg-white border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-blue-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-gray-600 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-700 dark:focus:ring-gray-800`;
+    buttonClass = `inline-flex z-10 items-center text-gray-900 bg-white border border-gray-300 hover:bg-gray-100 focus:ring-4 focus:ring-blue-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-gray-600 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-700 dark:focus:ring-gray-800`;
 }
 else if (color === 'green') {
-    buttonClass = `inline-flex items-center text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800`;
+    buttonClass = `inline-flex z-10 items-center text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800`;
 }
 else if (color === 'green-outline') {
-    buttonClass = `inline-flex items-center text-green-700 hover:text-white border border-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-green-500 dark:text-green-500 dark:hover:text-white dark:hover:bg-green-600 dark:focus:ring-green-800`;
+    buttonClass = `inline-flex z-10 items-center text-green-700 hover:text-white border border-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-green-500 dark:text-green-500 dark:hover:text-white dark:hover:bg-green-600 dark:focus:ring-green-800`;
 }
 else if (color === 'red') {
-    buttonClass = `inline-flex items-center text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900`;
+    buttonClass = `inline-flex z-10 items-center text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900`;
 }
 else if (color === 'red-outline') {
-    buttonClass = `inline-flex items-center text-red-700 hover:text-white border border-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-red-500 dark:text-red-500 dark:hover:text-white dark:hover:bg-red-600 dark:focus:ring-red-900`;
+    buttonClass = `inline-flex z-10 items-center text-red-700 hover:text-white border border-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-red-500 dark:text-red-500 dark:hover:text-white dark:hover:bg-red-600 dark:focus:ring-red-900`;
 }
 else if (color === 'yellow') {
-    buttonClass = `inline-flex items-center text-white bg-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 font-medium ${round} ${textSize} ${paddings} text-center dark:focus:ring-yellow-900`;
+    buttonClass = `inline-flex z-10 items-center text-white bg-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 font-medium ${round} ${textSize} ${paddings} text-center dark:focus:ring-yellow-900`;
 }
 else if (color === 'yellow-outline') {
-    buttonClass = `inline-flex items-center text-yellow-400 hover:text-white border border-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-yellow-300 dark:text-yellow-300 dark:hover:text-white dark:hover:bg-yellow-400 dark:focus:ring-yellow-900`;
+    buttonClass = `inline-flex z-10 items-center text-yellow-400 hover:text-white border border-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-yellow-300 dark:text-yellow-300 dark:hover:text-white dark:hover:bg-yellow-400 dark:focus:ring-yellow-900`;
 }
 else if (color === 'purple') {
-    buttonClass = `inline-flex items-center text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium ${round} ${textSize} ${paddings} text-center mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900`;
+    buttonClass = `inline-flex z-10 items-center text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium ${round} ${textSize} ${paddings} text-center mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900`;
 }
 else if (color === 'purple-outline') {
-    buttonClass = `inline-flex items-center text-purple-700 hover:text-white border border-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-purple-400 dark:text-purple-400 dark:hover:text-white dark:hover:bg-purple-500 dark:focus:ring-purple-900`;
+    buttonClass = `inline-flex z-10 items-center text-purple-700 hover:text-white border border-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg ${textSize} ${paddings} text-center dark:border-purple-400 dark:text-purple-400 dark:hover:text-white dark:hover:bg-purple-500 dark:focus:ring-purple-900`;
 }
 else {
     // blue
-    buttonClass = `inline-flex items-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800`;
+    buttonClass = `inline-flex z-10 items-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium ${round} ${textSize} ${paddings} text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800`;
 }
 </script>
 
-<button on:click={handleToggle} class={buttonClass} type="button"
+<button on:click={() => openFn(id)} class={buttonClass} type="button"
 	>{label}
 	<svg class="ml-2 w-4 h-4" 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="M19 9l-7 7-7-7" /> </svg>
 </button>
 
 <div class="relative">
-	<div class:hidden={dropdownToggleHidden} class={dropdownClass}>
-		{#if $$slots.header}
-			<div class={headerClass}>
-				<slot name="header" />
-			</div>
-		{/if}
-		<ul class="py-1" aria-labelledby="dropdownButton">
-			{#each items as { href, name, divider }}
-				<li class:border-b={divider} class:border-gray-100={divider} class:dark:border-gray-500={divider}>
-					<a {href} class={linkClass}>{name}</a>
-				</li>
-			{/each}
-		</ul>
-	</div>
+	{#if showDropdownId === id}
+		<div class={dropdownClass}>
+			{#if $$slots.header}
+				<div class={headerClass}>
+					<slot name="header" />
+				</div>
+			{/if}
+			<ul class="py-1" aria-labelledby="dropdownButton">
+				{#each items as { href, name, divider }}
+					<li class:border-b={divider} class:border-gray-100={divider} class:dark:border-gray-500={divider}>
+						<a {href} class={linkClass}>{name}</a>
+					</li>
+				{/each}
+			</ul>
+		</div>
+	{/if}
 </div>
+
+{#if $dropdownIdStore}
+	<div on:click={closeDropdown} class="fixed w-full h-full z-0 inset-0" />
+{/if}

package/dropdowns/DropdownDefault.svelte.d.ts

@@ -2,10 +2,12 @@ import { SvelteComponentTyped } from "svelte";
 import type { DropdownType, DropdownColorType } from '../types';
 declare const __propDef: {
     props: {
+        id?: string;
         label?: string;
         rounded?: boolean;
         textSize?: string;
         color?: DropdownColorType;
+        openFn?: (id: string) => void;
         items: DropdownType[];
         dropdownClass?: string;
         headerClass?: string;
@@ -22,5 +24,6 @@ export declare type DropdownDefaultProps = typeof __propDef.props;
 export declare type DropdownDefaultEvents = typeof __propDef.events;
 export declare type DropdownDefaultSlots = typeof __propDef.slots;
 export default class DropdownDefault extends SvelteComponentTyped<DropdownDefaultProps, DropdownDefaultEvents, DropdownDefaultSlots> {
+    get openFn(): (id: string) => void;
 }
 export {};

package/dropdowns/dropdownStores.d.ts

@@ -0,0 +1,2 @@
+import type { Writable } from 'svelte/store';
+export declare const dropdownIdStore: Writable<string>;

package/dropdowns/dropdownStores.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dropdownIdStore = void 0;
+var store_1 = require("svelte/store");
+exports.dropdownIdStore = (0, store_1.writable)('');

package/index.js

@@ -55,6 +55,8 @@ export { default as DarkMode } from'./darkmode/DarkMode.svelte'
 // Dropdown
 export { default as Dropdown } from './dropdowns/DropdownDefault.svelte' 
 export { default as ImgDropdown } from './dropdowns/ImgDropdown.svelte'
+export { dropdownIdStore } from './dropdowns/dropdownStores'
+// export { modalIdStore } from'./modals/modalStores'
 
 // Footers
 export { default as SimpleFooter } from'./footer/SimpleFooter.svelte'
@@ -78,7 +80,7 @@ export { default as Toggle } from './forms/Toggle.svelte'
 export { default as List } from'./list-group/List.svelte'
 
 // Modals
-export { modalIdStore } from'./modals/modalStores'
+export { modalIdStore } from './modals/modalStores'
 export { default as ExtraLargeModal } from'./modals/ExtraLargeModal.svelte'
 export { default as LargeModal } from'./modals/LargeModal.svelte'
 export { default as MediumModal } from'./modals/MediumModal.svelte'

package/modals/modalStores.js

@@ -1,2 +1,5 @@
-import { writable } from 'svelte/store';
-export const modalIdStore = writable('');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.modalIdStore = void 0;
+var store_1 = require("svelte/store");
+exports.modalIdStore = (0, store_1.writable)('');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.14.3",
+  "version": "0.14.6",
   "description": "Flowbite components for Svelte",
   "main": "./package/index.js",
   "author": {
@@ -8,11 +8,10 @@
     "email": "connect@codewithshin.com",
     "url": "https://blog.codewithshin.com"
   },
-  "bugs": "https://github.com/shinokada/flowbite-svelte/issues",
-  "homepage": "https://github.com/shinokada/flowbite-svelte",
+  "bugs": "https://github.com/themesberg/flowbite-svelte/issues",
+  "homepage": "https://github.com/themesberg/flowbite-svelte",
   "license": "MIT",
   "devDependencies": {
-    "@codewithshin/svelte-heroicons": "^1.1.3",
     "@codewithshin/svelte-sidebar": "^0.4.8",
     "@codewithshin/svelte-simpleicons": "^0.2.2",
     "@codewithshin/svelte-utterances": "^0.2.2",
@@ -51,10 +50,13 @@
     "alert",
     "avatar",
     "badges",
+    "breadcrumbs",
     "button-groups",
     "buttons",
     "cards",
+    "carousel",
     "darkmode",
+    "dropdown",
     "footer",
     "forms",
     "list group",
@@ -72,9 +74,10 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/shinokada/flowbite-svelte"
+    "url": "https://github.com/themesberg/flowbite-svelte"
   },
   "dependencies": {
+    "@codewithshin/svelte-heroicons": "^1.1.3",
     "flowbite": "^1.4.2",
     "svelte-collapse": "^0.0.4"
   },
@@ -120,6 +123,7 @@
     "./darkmode/DarkMode.svelte": "./darkmode/DarkMode.svelte",
     "./dropdowns/DropdownDefault.svelte": "./dropdowns/DropdownDefault.svelte",
     "./dropdowns/ImgDropdown.svelte": "./dropdowns/ImgDropdown.svelte",
+    "./dropdowns/dropdownStores": "./dropdowns/dropdownStores.js",
     "./footer/LogoFooter.svelte": "./footer/LogoFooter.svelte",
     "./footer/SimpleFooter.svelte": "./footer/SimpleFooter.svelte",
     "./footer/SitemapFooter.svelte": "./footer/SitemapFooter.svelte",

package/tabs/tabStore.js

@@ -1,2 +1,5 @@
-import { writable } from 'svelte/store';
-export const tabStore = writable(1);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabStore = void 0;
+var store_1 = require("svelte/store");
+exports.tabStore = (0, store_1.writable)(1);

package/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/index.d.ts

@@ -1,89 +0,0 @@
-export { default as Accordion } from "./accordions/AccordionDefault.svelte";
-export { default as AccordionItem } from "./accordions/AccordionItem.svelte";
-export { default as Alert } from "./alerts/Alert.svelte";
-export { default as BorderAlert } from "./alerts/BorderAlert.svelte";
-export { default as InfoAlert } from "./alerts/InfoAlert.svelte";
-export { default as Confirm } from "./auth/Confirm.svelte";
-export { default as ForgotPassword } from "./auth/ForgotPassword.svelte";
-export { default as Login } from "./auth/Login.svelte";
-export { default as Register } from "./auth/Register.svelte";
-export { default as Reset } from "./auth/Reset.svelte";
-export { default as Avatar } from "./avatar/Avatar.svelte";
-export { default as Badge } from "./badges/Badge.svelte";
-export { default as BadgeIcon } from "./badges/BadgeIcon.svelte";
-export { default as BadgeLink } from "./badges/BadgeLink.svelte";
-export { default as Breadcrumb } from "./breadcrumbs/Breadcrumb.svelte";
-export { default as Button } from "./buttons/Button.svelte";
-export { default as ColorShadowButton } from "./buttons/ColorShadowButton.svelte";
-export { default as GradientDuotoneButton } from "./buttons/GradientDuotoneButton.svelte";
-export { default as GradientMonochromeButton } from "./buttons/GradientMonochromeButton.svelte";
-export { default as GradientOutlineButton } from "./buttons/GradientOutlineButton.svelte";
-export { default as ButtonGroup } from "./buttongroups/ButtonGroup.svelte";
-export { default as ButtonGroupOutline } from "./buttongroups/ButtonGroupOutline.svelte";
-export { default as Card } from "./cards/Card.svelte";
-export { default as HorizontalCard } from "./cards/HorizontalCard.svelte";
-export { default as InteractiveCard } from "./cards/InteractiveCard.svelte";
-export { default as ListCard } from "./cards/ListCard.svelte";
-export { default as CtaCard } from "./cards/CtaCard.svelte";
-export { default as EcommerceCard } from "./cards/EcommerceCard.svelte";
-export { default as SignInCard } from "./cards/SignInCard.svelte";
-export { default as Carousel } from "./carousels/Carousel.svelte";
-export { default as CarouselTransition } from "./carousels/CarouselTransition.svelte";
-export { default as DarkMode } from "./darkmode/DarkMode.svelte";
-export { default as Dropdown } from "./dropdowns/DropdownDefault.svelte";
-export { default as ImgDropdown } from "./dropdowns/ImgDropdown.svelte";
-export { default as SimpleFooter } from "./footer/SimpleFooter.svelte";
-export { default as LogoFooter } from "./footer/LogoFooter.svelte";
-export { default as SocialMediaFooter } from "./footer/SocialMediaFooter.svelte";
-export { default as SitemapFooter } from "./footer/SitemapFooter.svelte";
-export { default as Checkbox } from "./forms/Checkbox.svelte";
-export { default as Fileupload } from "./forms/Fileupload.svelte";
-export { default as FloatingLabelInput } from "./forms/FloatingLabelInput.svelte";
-export { default as Iconinput } from "./forms/Iconinput.svelte";
-export { default as Input } from "./forms/Input.svelte";
-export { default as Radio } from "./forms/Radio.svelte";
-export { default as SingleCheckbox } from "./forms/SingleCheckbox.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 List } from "./list-group/List.svelte";
-export { modalIdStore } from "./modals/modalStores";
-export { default as ExtraLargeModal } from "./modals/ExtraLargeModal.svelte";
-export { default as LargeModal } from "./modals/LargeModal.svelte";
-export { default as MediumModal } from "./modals/MediumModal.svelte";
-export { default as ModalButton } from "./modals/ModalButton.svelte";
-export { default as SignInModal } from "./modals/SignInModal.svelte";
-export { default as SmallModal } from "./modals/SmallModal.svelte";
-export { default as Navbar } from "./navbar/Navbar.svelte";
-export { default as DropdownNavbar } from "./navbar/DropdownNavbar.svelte";
-export { default as Pagination } from "./paginations/Pagination.svelte";
-export { default as Previous } from "./paginations/Previous.svelte";
-export { default as Next } from "./paginations/Next.svelte";
-export { default as TableData } from "./paginations/TableData.svelte";
-export { default as Progressbar } from "./progressbars/Progressbar.svelte";
-export { default as Sidebar } from "./sidebars/Sidebar.svelte";
-export { default as Spinner } from "./spinners/Spinner.svelte";
-export { default as SpinnerButton } from "./spinners/SpinnerButton.svelte";
-export { default as Table } from "./tables/Table.svelte";
-export { default as TableDefaultRow } from "./tables/TableDefaultRow.svelte";
-export { default as TableSearch } from "./tables/TableSearch.svelte";
-export { default as InteractiveTabHead } from "./tabs/InteractiveTabHead.svelte";
-export { default as InteractiveTabs } from "./tabs/InteractiveTabs.svelte";
-export { default as DefaultTabs } from "./tabs/DefaultTabs.svelte";
-export { default as FullWidthTabs } from "./tabs/FullWidthTabs.svelte";
-export { default as IconTabs } from "./tabs/IconTabs.svelte";
-export { default as PillTabs } from "./tabs/PillTabs.svelte";
-export { default as TabContent } from "./tabs/TabContent.svelte";
-export { default as UnderlineTabs } from "./tabs/UnderlineTabs.svelte";
-export { default as Group } from "./timelines/Group.svelte";
-export { default as GroupItem } from "./timelines/GroupItem.svelte";
-export { default as Activity } from "./timelines/Activity.svelte";
-export { default as ActivityItem } from "./timelines/ActivityItem.svelte";
-export { default as Timeline } from "./timelines/Timeline.svelte";
-export { default as TimelineItem } from "./timelines/TimelineItem.svelte";
-export { default as TimelineHorizontal } from "./timelines/TimelineHorizontal.svelte";
-export { default as TimelineItemHorizontal } from "./timelines/TimelineItemHorizontal.svelte";
-export { default as TimelineItemVertical } from "./timelines/TimelineItemVertical.svelte";
-export { default as Toast } from "./toasts/Toast.svelte";
-export { default as Tooltip } from "./tooltips/Tooltip.svelte";
-export { default as LightTooltip } from "./tooltips/LightTooltip.svelte";

package/utils/generateId.d.ts

@@ -1 +0,0 @@
-export default function _default(): string;