flowbite-svelte 0.22.25 → 0.22.28

package/modals/ModalButton.svelte

@@ -1,52 +0,0 @@
-<script>import { modalIdStore } from './modalStores';
-import { get } from 'svelte/store';
-export let id = 'modal-id';
-export let btnName = 'Modal Name';
-export let btnColor = 'blue';
-let showModalId;
-export const openFn = (id) => {
-    modalIdStore.update((n) => (n = id));
-    showModalId = get(modalIdStore);
-};
-let buttonClass;
-if (btnColor === 'blue') {
-    buttonClass =
-        'block w-full md:w-auto text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
-}
-else if (btnColor === 'gray') {
-    buttonClass =
-        'block w-full md:w-auto text-white bg-gray-700 hover:bg-gray-800 focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-800';
-}
-else if (btnColor === 'red') {
-    buttonClass =
-        'block w-full md:w-auto text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800';
-}
-else if (btnColor === 'yellow') {
-    buttonClass =
-        'block w-full md:w-auto text-white bg-yellow-700 hover:bg-yellow-800 focus:ring-4 focus:ring-yellow-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-yellow-600 dark:hover:bg-yellow-700 dark:focus:ring-yellow-800';
-}
-else if (btnColor === 'green') {
-    buttonClass =
-        'block w-full md:w-auto text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800';
-}
-else if (btnColor === 'indigo') {
-    buttonClass =
-        'block w-full md:w-auto text-white bg-indigo-700 hover:bg-indigo-800 focus:ring-4 focus:ring-indigo-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-800';
-}
-else if (btnColor === 'purple') {
-    buttonClass =
-        'block w-full md:w-auto text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-800';
-}
-else if (btnColor === 'pink') {
-    buttonClass =
-        'block w-full md:w-auto text-white bg-pink-700 hover:bg-pink-800 focus:ring-4 focus:ring-pink-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-pink-600 dark:hover:bg-pink-700 dark:focus:ring-pink-800';
-}
-else {
-    buttonClass =
-        'block w-full md:w-auto text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
-}
-</script>
-
-<button on:click={() => openFn(id)} class={buttonClass} type="button">
-	{btnName}
-</button>

package/modals/ModalButton.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Colors } from '../types';
-declare const __propDef: {
-    props: {
-        id?: string;
-        btnName?: string;
-        btnColor?: Colors;
-        openFn?: (id: string) => void;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type ModalButtonProps = typeof __propDef.props;
-export declare type ModalButtonEvents = typeof __propDef.events;
-export declare type ModalButtonSlots = typeof __propDef.slots;
-export default class ModalButton extends SvelteComponentTyped<ModalButtonProps, ModalButtonEvents, ModalButtonSlots> {
-    get openFn(): (id: string) => void;
-}
-export {};

package/modals/SignInModal.svelte

@@ -1,102 +0,0 @@
-<script>import { modalIdStore } from './modalStores';
-export let id = 'signin-modal';
-export let btnSignInColor = 'blue';
-export let titleSignIn = 'Sign in to our platform';
-export let lostPasswordLink;
-export let rememberMe = false;
-export let signUp;
-export let action;
-export let emailPlaceholder = 'name@company.com';
-export const closeModal = () => {
-    modalIdStore.update((value) => (value = null));
-};
-let showModalId;
-modalIdStore.subscribe((value) => {
-    showModalId = value;
-});
-let submitClass;
-if (btnSignInColor === 'blue') {
-    submitClass = 'w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
-}
-else if (btnSignInColor === 'gray') {
-    submitClass = 'w-full text-white bg-gray-700 hover:bg-gray-800 focus:ring-4 focus:ring-gray-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-800';
-}
-else if (btnSignInColor === 'red') {
-    submitClass = 'w-full text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800';
-}
-else if (btnSignInColor === 'yellow') {
-    submitClass = 'w-full text-white bg-yellow-700 hover:bg-yellow-800 focus:ring-4 focus:ring-yellow-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-yellow-600 dark:hover:bg-yellow-700 dark:focus:ring-yellow-800';
-}
-else if (btnSignInColor === 'green') {
-    submitClass = 'w-full text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800';
-}
-else if (btnSignInColor === 'indigo') {
-    submitClass = 'w-full text-white bg-indigo-700 hover:bg-indigo-800 focus:ring-4 focus:ring-indigo-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-800';
-}
-else if (btnSignInColor === 'purple') {
-    submitClass = 'w-full text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-800';
-}
-else if (btnSignInColor === 'pink') {
-    submitClass = 'w-full text-white bg-pink-700 hover:bg-pink-800 focus:ring-4 focus:ring-pink-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-pink-600 dark:hover:bg-pink-700 dark:focus:ring-pink-800';
-}
-else {
-    submitClass = 'w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
-}
-</script>
-
-{#if showModalId === id}
-	<div
-		on:click={closeModal}
-		class="bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-40 w-full h-full overflow-auto"
-	>
-		<!-- Main modal -->
-		<div
-			on:click|stopPropagation={() => {}}
-			role="dialog"
-			aria-modal="true"
-			class="mx-auto my-20 px-4 w-full max-w-md h-full md:h-auto"
-		>
-			<div class="bg-white rounded-lg shadow dark:bg-gray-700">
-				<div class="flex justify-end p-2">
-					<button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white" on:click={closeModal}>
-						<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>
-					</button>
-				</div>
-				<form class="px-6 pb-4 space-y-6 lg:px-8 sm:pb-6 xl:pb-8" {action}>
-					<h3 class="text-xl font-medium text-gray-900 dark:text-white">
-						{titleSignIn}
-					</h3>
-					<div>
-						<label for="email-{id}" class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300">Your email</label>
-						<input type="email" name="email" id="email-{id}" class="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 p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white" placeholder={emailPlaceholder} required />
-					</div>
-					<div>
-						<label for="password-{id}" class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300">Your password</label>
-						<input type="password" name="password" id="password-{id}" placeholder="••••••••" class="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 p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white" required />
-					</div>
-					<div class="flex justify-between">
-						{#if rememberMe}
-							<div class="flex items-start">
-								<div class="flex items-center h-5">
-									<input id="remember-{id}" aria-describedby="remember" type="checkbox" class="w-4 h-4 bg-gray-50 rounded border border-gray-300 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800" />
-								</div>
-								<div class="ml-3 text-sm">
-									<label for="remember" class="font-medium text-gray-900 dark:text-gray-300">Remember me</label>
-								</div>
-							</div>
-						{/if}
-						{#if lostPasswordLink}
-							<a href={lostPasswordLink} rel="external" class="text-sm text-blue-700 hover:underline dark:text-blue-500"><button type="button" on:click={closeModal}>Lost Password?</button></a>
-						{/if}
-					</div>
-					<button type="submit" class={submitClass} on:click={closeModal}>Login to your account</button>
-					{#if signUp}
-						<div class="text-sm font-medium text-gray-500 dark:text-gray-300">
-							Not registered? <a href={signUp} rel="external" class="text-blue-700 hover:underline dark:text-blue-500"><button type="button" on:click={closeModal}>Create account</button></a>
-						</div>
-					{/if}
-				</form>
-			</div>
-		</div>
-	</div>
-{/if}

package/modals/SignInModal.svelte.d.ts

@@ -1,26 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Colors } from '../types';
-declare const __propDef: {
-    props: {
-        id?: string;
-        btnSignInColor?: Colors;
-        titleSignIn?: string;
-        lostPasswordLink: string;
-        rememberMe?: boolean;
-        signUp: string;
-        action: string;
-        emailPlaceholder?: string;
-        closeModal?: () => void;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type SignInModalProps = typeof __propDef.props;
-export declare type SignInModalEvents = typeof __propDef.events;
-export declare type SignInModalSlots = typeof __propDef.slots;
-export default class SignInModal extends SvelteComponentTyped<SignInModalProps, SignInModalEvents, SignInModalSlots> {
-    get closeModal(): () => void;
-}
-export {};

package/modals/SmallModal.svelte

@@ -1,184 +0,0 @@
-<script>import { createEventDispatcher } from 'svelte';
-import { modalIdStore } from './modalStores';
-const dispatch = createEventDispatcher();
-import Button from '../buttons/Button.svelte';
-import CloseButton from '../utils/CloseButton.svelte';
-export let id = 'small-modal';
-export let btnColor = 'blue';
-export let textColor = 'blue';
-export let title = 'Terms of Service';
-export let btn1;
-export let btn2;
-export const closeModal = () => {
-    modalIdStore.update((value) => (value = null));
-};
-let showModalId;
-modalIdStore.subscribe((value) => {
-    showModalId = value;
-});
-const handlebtn1 = () => {
-    dispatch('handlebtn1');
-};
-const handlebtn2 = () => {
-    dispatch('handlebtn2');
-};
-let divClass;
-let headDivClass;
-let h3Class;
-let buttonClass;
-let pClass;
-let footerClass;
-let btn2Class;
-if (textColor === 'blue') {
-    divClass = 'relative bg-white rounded-lg shadow dark:bg-blue-700';
-    headDivClass = 'flex justify-between items-center p-5 rounded-t border-b dark:border-blue-600';
-    h3Class = 'text-xl font-medium text-blue-900 dark:text-white';
-    buttonClass =
-        'text-blue-400 bg-transparent hover:bg-blue-200 hover:text-blue-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-blue-600 dark:hover:text-white';
-    pClass = 'text-base leading-relaxed text-blue-500 dark:text-blue-400';
-    footerClass =
-        'flex items-center p-6 space-x-2 rounded-b border-t border-blue-200 dark:border-blue-600';
-    btn2Class =
-        'text-blue-500 bg-white hover:bg-blue-100 focus:ring-4 focus:ring-blue-300 rounded-lg border border-blue-200 text-sm font-medium px-5 py-2.5 hover:text-blue-900 focus:z-10 dark:bg-blue-700 dark:text-blue-300 dark:border-blue-500 dark:hover:text-white dark:hover:bg-blue-600';
-}
-else if (textColor === 'gray') {
-    divClass = 'relative bg-white rounded-lg shadow dark:bg-gray-700';
-    headDivClass = 'flex justify-between items-center p-5 rounded-t border-b dark:border-gray-600';
-    h3Class = 'text-xl font-medium text-gray-900 dark:text-white';
-    buttonClass =
-        'text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white';
-    pClass = 'text-base leading-relaxed text-gray-500 dark:text-gray-400';
-    footerClass =
-        'flex items-center p-6 space-x-2 rounded-b border-t border-gray-200 dark:border-gray-600';
-    btn2Class =
-        'text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:ring-gray-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600';
-}
-else if (textColor === 'red') {
-    divClass = 'relative bg-white rounded-lg shadow dark:bg-red-700';
-    headDivClass = 'flex justify-between items-center p-5 rounded-t border-b dark:border-red-600';
-    h3Class = 'text-xl font-medium text-red-900 dark:text-white';
-    buttonClass =
-        'text-red-400 bg-transparent hover:bg-red-200 hover:text-red-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-red-600 dark:hover:text-white';
-    pClass = 'text-base leading-relaxed text-red-500 dark:text-red-400';
-    footerClass =
-        'flex items-center p-6 space-x-2 rounded-b border-t border-red-200 dark:border-red-600';
-    btn2Class =
-        'text-red-500 bg-white hover:bg-red-100 focus:ring-4 focus:ring-red-300 rounded-lg border border-red-200 text-sm font-medium px-5 py-2.5 hover:text-red-900 focus:z-10 dark:bg-red-700 dark:text-red-300 dark:border-red-500 dark:hover:text-white dark:hover:bg-red-600';
-}
-else if (textColor === 'yellow') {
-    divClass = 'relative bg-white rounded-lg shadow dark:bg-yellow-700';
-    headDivClass =
-        'flex justify-between items-center p-5 rounded-t border-b dark:border-yellow-600';
-    h3Class = 'text-xl font-medium text-yellow-900 dark:text-white';
-    buttonClass =
-        'text-yellow-400 bg-transparent hover:bg-yellow-200 hover:text-yellow-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-yellow-600 dark:hover:text-white';
-    pClass = 'text-base leading-relaxed text-yellow-500 dark:text-yellow-400';
-    footerClass =
-        'flex items-center p-6 space-x-2 rounded-b border-t border-yellow-200 dark:border-yellow-600';
-    btn2Class =
-        'text-yellow-500 bg-white hover:bg-yellow-100 focus:ring-4 focus:ring-yellow-300 rounded-lg border border-yellow-200 text-sm font-medium px-5 py-2.5 hover:text-yellow-900 focus:z-10 dark:bg-yellow-700 dark:text-yellow-300 dark:border-yellow-500 dark:hover:text-white dark:hover:bg-yellow-600';
-}
-else if (textColor === 'green') {
-    divClass = 'relative bg-white rounded-lg shadow dark:bg-green-700';
-    headDivClass = 'flex justify-between items-center p-5 rounded-t border-b dark:border-green-600';
-    h3Class = 'text-xl font-medium text-green-900 dark:text-white';
-    buttonClass =
-        'text-green-400 bg-transparent hover:bg-green-200 hover:text-green-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-green-600 dark:hover:text-white';
-    pClass = 'text-base leading-relaxed text-green-500 dark:text-green-400';
-    footerClass =
-        'flex items-center p-6 space-x-2 rounded-b border-t border-green-200 dark:border-green-600';
-    btn2Class =
-        'text-green-500 bg-white hover:bg-green-100 focus:ring-4 focus:ring-green-300 rounded-lg border border-green-200 text-sm font-medium px-5 py-2.5 hover:text-green-900 focus:z-10 dark:bg-green-700 dark:text-green-300 dark:border-green-500 dark:hover:text-white dark:hover:bg-green-600';
-}
-else if (textColor === 'indigo') {
-    divClass = 'relative bg-white rounded-lg shadow dark:bg-indigo-700';
-    headDivClass =
-        'flex justify-between items-center p-5 rounded-t border-b dark:border-indigo-600';
-    h3Class = 'text-xl font-medium text-indigo-900 dark:text-white';
-    buttonClass =
-        'text-indigo-400 bg-transparent hover:bg-indigo-200 hover:text-indigo-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-indigo-600 dark:hover:text-white';
-    pClass = 'text-base leading-relaxed text-indigo-500 dark:text-indigo-400';
-    footerClass =
-        'flex items-center p-6 space-x-2 rounded-b border-t border-indigo-200 dark:border-indigo-600';
-    btn2Class =
-        'text-indigo-500 bg-white hover:bg-indigo-100 focus:ring-4 focus:ring-indigo-300 rounded-lg border border-indigo-200 text-sm font-medium px-5 py-2.5 hover:text-indigo-900 focus:z-10 dark:bg-indigo-700 dark:text-indigo-300 dark:border-indigo-500 dark:hover:text-white dark:hover:bg-indigo-600';
-}
-else if (textColor === 'purple') {
-    divClass = 'relative bg-white rounded-lg shadow dark:bg-purple-700';
-    headDivClass =
-        'flex justify-between items-center p-5 rounded-t border-b dark:border-purple-600';
-    h3Class = 'text-xl font-medium text-purple-900 dark:text-white';
-    buttonClass =
-        'text-purple-400 bg-transparent hover:bg-purple-200 hover:text-purple-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-purple-600 dark:hover:text-white';
-    pClass = 'text-base leading-relaxed text-purple-500 dark:text-purple-400';
-    footerClass =
-        'flex items-center p-6 space-x-2 rounded-b border-t border-purple-200 dark:border-purple-600';
-    btn2Class =
-        'text-purple-500 bg-white hover:bg-purple-100 focus:ring-4 focus:ring-purple-300 rounded-lg border border-purple-200 text-sm font-medium px-5 py-2.5 hover:text-purple-900 focus:z-10 dark:bg-purple-700 dark:text-purple-300 dark:border-purple-500 dark:hover:text-white dark:hover:bg-purple-600';
-}
-else if (textColor === 'pink') {
-    divClass = 'relative bg-white rounded-lg shadow dark:bg-pink-700';
-    headDivClass = 'flex justify-between items-center p-5 rounded-t border-b dark:border-pink-600';
-    h3Class = 'text-xl font-medium text-pink-900 dark:text-white';
-    buttonClass =
-        'text-pink-400 bg-transparent hover:bg-pink-200 hover:text-pink-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-pink-600 dark:hover:text-white';
-    pClass = 'text-base leading-relaxed text-pink-500 dark:text-pink-400';
-    footerClass =
-        'flex items-center p-6 space-x-2 rounded-b border-t border-pink-200 dark:border-pink-600';
-    btn2Class =
-        'text-pink-500 bg-white hover:bg-pink-100 focus:ring-4 focus:ring-pink-300 rounded-lg border border-pink-200 text-sm font-medium px-5 py-2.5 hover:text-pink-900 focus:z-10 dark:bg-pink-700 dark:text-pink-300 dark:border-pink-500 dark:hover:text-white dark:hover:bg-pink-600';
-}
-else {
-    divClass = 'relative bg-white rounded-lg shadow dark:bg-blue-700';
-    headDivClass = 'flex justify-between items-center p-5 rounded-t border-b dark:border-blue-600';
-    h3Class = 'text-xl font-medium text-blue-900 dark:text-white';
-    buttonClass =
-        'text-blue-400 bg-transparent hover:bg-blue-200 hover:text-blue-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-blue-600 dark:hover:text-white';
-    pClass = 'text-base leading-relaxed text-blue-500 dark:text-blue-400';
-    footerClass =
-        'flex items-center p-6 space-x-2 rounded-b border-t border-blue-200 dark:border-blue-600';
-    btn2Class =
-        'text-blue-500 bg-white hover:bg-blue-100 focus:ring-4 focus:ring-blue-300 rounded-lg border border-blue-200 text-sm font-medium px-5 py-2.5 hover:text-blue-900 focus:z-10 dark:bg-blue-700 dark:text-blue-300 dark:border-blue-500 dark:hover:text-white dark:hover:bg-blue-600';
-}
-</script>
-
-{#if showModalId === id}
-	<!-- Small Modal Component -->
-	<div
-		on:click={closeModal}
-		class="bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-40 w-full h-full overflow-auto"
-	>
-		<div
-			on:click|stopPropagation={() => {}}
-			role="dialog"
-			aria-modal="true"
-			class="mx-auto my-20 px-4 w-full max-w-md h-full md:h-auto"
-		>
-			<!-- Modal content -->
-			<div class={divClass}>
-				<!-- Modal header -->
-				<div class={headDivClass}>
-					<h3 class={h3Class}>
-						{title}
-					</h3>
-					<CloseButton color={textColor} on:click={closeModal} />
-				</div>
-				<!-- Modal body -->
-				<div class="p-6 space-y-6">
-					<p class={pClass}>
-						<slot />
-					</p>
-				</div>
-				<!-- Modal footer -->
-				<div class={footerClass}>
-					{#if btn1}
-						<Button color={btnColor} on:click={handlebtn1}>{btn1}</Button>
-					{/if}
-					{#if btn2}
-						<Button color={textColor} on:click={handlebtn2}>{btn2}</Button>
-					{/if}
-				</div>
-			</div>
-		</div>
-	</div>
-{/if}

package/modals/SmallModal.svelte.d.ts

@@ -1,29 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Colors } from '../types';
-declare const __propDef: {
-    props: {
-        id?: string;
-        btnColor?: Colors;
-        textColor?: Colors;
-        title?: string;
-        btn1: string;
-        btn2: string;
-        closeModal?: () => void;
-    };
-    events: {
-        handlebtn1: CustomEvent<any>;
-        handlebtn2: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type SmallModalProps = typeof __propDef.props;
-export declare type SmallModalEvents = typeof __propDef.events;
-export declare type SmallModalSlots = typeof __propDef.slots;
-export default class SmallModal extends SvelteComponentTyped<SmallModalProps, SmallModalEvents, SmallModalSlots> {
-    get closeModal(): () => void;
-}
-export {};

package/modals/modalStores.js

@@ -1,3 +0,0 @@
-import { writable } from 'svelte/store';
-
-export const modalIdStore = writable('');

package/navbar/DropdownNavbar.svelte

@@ -1,95 +0,0 @@
-<script>import { onMount } from 'svelte';
-import NavDropdown from './NavDropdown.svelte';
-export let user = '';
-let pathname = '';
-onMount(() => {
-    pathname = window.location.pathname;
-});
-let barHidden = true;
-const handleClickbtn = () => {
-    barHidden = !barHidden;
-};
-export let sitename = 'Svelte Flow';
-export let logo = '/images/flowbite-svelte-logo-30.png';
-export let alt;
-export let textsize = 'text-sm';
-export let menus;
-export let navClass = 'px-2 bg-white border-gray-200 dark:bg-gray-800 dark:border-gray-700';
-const navDivClass = 'container flex flex-wrap justify-between items-center mx-auto';
-export let spanClass = 'self-center text-lg font-semibold text-gray-900 whitespace-nowrap dark:text-white';
-export let buttonClass = 'inline-flex justify-center items-center ml-3 text-gray-400 rounded-lg md:hidden hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-blue-300 dark:text-gray-400 dark:hover:text-white dark:focus:ring-gray-500';
-export let dropdownDiv = 'z-10 w-44 text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700 dark:divide-gray-600';
-export let dropdownLinkClassWithChild = `block py-2 px-4 ${textsize} text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-400 dark:hover:text-white`;
-export let dropdownLinkClassWithoutChild = `block py-2 pr-4 pl-3  text-gray-700 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-gray-400 dark:hover:text-white dark:border-gray-700 dark:hover:bg-gray-700 md:dark:hover:bg-transparent ${textsize}`;
-export let liButtonClass = `flex justify-between items-center py-2 pr-4 pl-3 w-full ${textsize} font-medium text-gray-700 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 md:w-auto dark:text-gray-400 dark:hover:text-white dark:focus:text-white dark:border-gray-700 dark:hover:bg-gray-700 md:dark:hover:bg-transparent`;
-</script>
-
-<nav class={navClass}>
-	<div class={navDivClass}>
-		<a href="/" class="flex">
-			<img src={logo} {alt} />
-			<span class={spanClass}>{sitename}</span>
-		</a>
-		<button
-			on:click={handleClickbtn}
-			type="button"
-			class={buttonClass}
-			aria-controls="mobile-menu-2"
-			aria-expanded="false"
-		>
-			<span class="sr-only">Open main menu</span>
-			<svg
-				class="w-6 h-6"
-				fill="currentColor"
-				viewBox="0 0 20 20"
-				xmlns="http://www.w3.org/2000/svg"
-				><path
-					fill-rule="evenodd"
-					d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-					clip-rule="evenodd"
-				/></svg
-			>
-			<svg
-				class="hidden w-6 h-6"
-				fill="currentColor"
-				viewBox="0 0 20 20"
-				xmlns="http://www.w3.org/2000/svg"
-				><path
-					fill-rule="evenodd"
-					d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-					clip-rule="evenodd"
-				/></svg
-			>
-		</button>
-		<div class="w-full md:block md:w-auto" class:hidden={barHidden} id="mobile-menu">
-			<ul class="flex flex-col mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium">
-				{#each menus as { name, href, rel, child }}
-					{#if child}
-						<NavDropdown
-							{liButtonClass}
-							{dropdownDiv}
-							{name}
-							{child}
-							{rel}
-							{dropdownLinkClassWithChild}
-						/>
-					{:else}
-						<li>
-							<a class:active={pathname === href} {href} {rel} class={dropdownLinkClassWithoutChild}
-								>{name}</a
-							>
-						</li>
-					{/if}
-				{/each}
-			</ul>
-			{#if user}
-				<slot name="user" />
-			{/if}
-		</div>
-	</div>
-</nav>
-
-<style>
-	#mobile-menu .active {
-		color: #fab534;
-	}</style>

package/navbar/DropdownNavbar.svelte.d.ts

@@ -1,31 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { NavbarType } from '../types';
-declare const __propDef: {
-    props: {
-        user?: string;
-        sitename?: string;
-        logo?: string;
-        alt: string;
-        textsize?: string;
-        menus: NavbarType[];
-        navClass?: string;
-        spanClass?: string;
-        buttonClass?: string;
-        dropdownDiv?: string;
-        dropdownLinkClassWithChild?: string;
-        dropdownLinkClassWithoutChild?: string;
-        liButtonClass?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        user: {};
-    };
-};
-export declare type DropdownNavbarProps = typeof __propDef.props;
-export declare type DropdownNavbarEvents = typeof __propDef.events;
-export declare type DropdownNavbarSlots = typeof __propDef.slots;
-export default class DropdownNavbar extends SvelteComponentTyped<DropdownNavbarProps, DropdownNavbarEvents, DropdownNavbarSlots> {
-}
-export {};