From 7ddf5bec91af721b9af3e015b2f71e065430770a Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Tue, 16 Nov 2021 20:59:45 +0100
Subject: [PATCH 01/27] :card_file_box: ajout du model et migration pour les
 discussions

---
 app/Models/Article.php                        |   7 -
 app/Models/Discussion.php                     | 146 ++++++++++++++++++
 app/Models/Thread.php                         |   2 +-
 app/Traits/HasTags.php                        |   8 +
 ..._11_16_191729_create_discussions_table.php |  37 +++++
 5 files changed, 192 insertions(+), 8 deletions(-)
 create mode 100644 app/Models/Discussion.php
 create mode 100644 database/migrations/2021_11_16_191729_create_discussions_table.php

diff --git a/app/Models/Article.php b/app/Models/Article.php
index 46842e9f..edd21bf2 100644
--- a/app/Models/Article.php
+++ b/app/Models/Article.php
@@ -288,13 +288,6 @@ public function scopeNotDeclined(Builder $query): Builder
         return $query->whereNull('declined_at');
     }
 
-    public function scopeForTag(Builder $query, string $tag): Builder
-    {
-        return $query->whereHas('tags', function ($query) use ($tag) {
-            $query->where('tags.slug', $tag);
-        });
-    }
-
     public function scopeRecent(Builder $query): Builder
     {
         return $query->orderBy('is_pinned', 'desc')
diff --git a/app/Models/Discussion.php b/app/Models/Discussion.php
new file mode 100644
index 00000000..abe2257f
--- /dev/null
+++ b/app/Models/Discussion.php
@@ -0,0 +1,146 @@
+<?php
+
+namespace App\Models;
+
+use App\Contracts\ReactableInterface;
+use App\Contracts\ReplyInterface;
+use App\Traits\HasAuthor;
+use App\Traits\HasReplies;
+use App\Traits\HasSlug;
+use App\Traits\HasTags;
+use App\Traits\Reactable;
+use App\Traits\RecordsActivity;
+use CyrildeWit\EloquentViewable\Contracts\Viewable;
+use CyrildeWit\EloquentViewable\InteractsWithViews;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Str;
+
+class Discussion extends Model implements ReactableInterface, ReplyInterface, Viewable
+{
+    use HasAuthor,
+        HasFactory,
+        HasReplies,
+        HasSlug,
+        HasTags,
+        InteractsWithViews,
+        Reactable,
+        RecordsActivity;
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var string[]
+     */
+    protected $fillable = [
+        'title',
+        'body',
+        'slug',
+        'user_id',
+        'is_pinned',
+        'locked',
+    ];
+
+    /**
+     * The attributes that should be cast to native types.
+     *
+     * @var array
+     */
+    protected $casts = [
+        'locked' => 'boolean',
+        'is_pinned' => 'boolean',
+    ];
+
+    /**
+     * The relations to eager load on every query.
+     *
+     * @var array
+     */
+    protected $with = [
+        'tags',
+        'author',
+    ];
+
+    protected $removeViewsOnDelete = true;
+
+    public static function boot()
+    {
+        parent::boot();
+    }
+
+    /**
+     * Get the route key for the model.
+     *
+     * @return string
+     */
+    public function getRouteKeyName(): string
+    {
+        return 'slug';
+    }
+
+    public function subject(): string
+    {
+        return $this->title;
+    }
+
+    public function replyAbleSubject(): string
+    {
+        return $this->title;
+    }
+
+    public function getPathUrl(): string
+    {
+        return "/discussions/{$this->slug()}";
+    }
+
+    public function excerpt(int $limit = 110): string
+    {
+        return Str::limit(strip_tags(md_to_html($this->body)), $limit);
+    }
+
+    public function isPinned(): bool
+    {
+        return (bool) $this->is_pinned;
+    }
+
+    public function isLocked(): bool
+    {
+        return (bool) $this->locked;
+    }
+
+    public function scopePinned(Builder $query): Builder
+    {
+        return $query->where('is_pinned', true);
+    }
+
+    public function scopeNotPinned(Builder $query): Builder
+    {
+        return $query->where('is_pinned', false);
+    }
+
+    public function scopeRecent(Builder $query): Builder
+    {
+        return $query->orderBy('is_pinned', 'desc')
+            ->orderBy('created_at', 'desc');
+    }
+
+    public function scopePopular(Builder $query): Builder
+    {
+        return $query->withCount('reactions')
+            ->orderBy('reactions_count', 'desc');
+    }
+
+    public function scopeActive(Builder $query): Builder
+    {
+        return $query->withCount(['replies' => function ($query) {
+            $query->where('created_at', '>=', now()->subWeek());
+        }])
+            ->orderBy('replies_count', 'desc');
+    }
+
+    public function lockedDiscussion()
+    {
+        $this->update(['locked' => true]);
+    }
+}
diff --git a/app/Models/Thread.php b/app/Models/Thread.php
index 2defa123..a04922a9 100644
--- a/app/Models/Thread.php
+++ b/app/Models/Thread.php
@@ -104,7 +104,7 @@ public function replyAbleSubject(): string
 
     public function getPathUrl(): string
     {
-        return "/forum/{$this->slug}";
+        return "/forum/{$this->slug()}";
     }
 
     public function excerpt(int $limit = 100): string
diff --git a/app/Traits/HasTags.php b/app/Traits/HasTags.php
index 6af8b9b5..9478bc72 100644
--- a/app/Traits/HasTags.php
+++ b/app/Traits/HasTags.php
@@ -3,6 +3,7 @@
 namespace App\Traits;
 
 use App\Models\Tag;
+use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\Relations\MorphToMany;
 
 trait HasTags
@@ -22,6 +23,13 @@ public function removeTags()
         $this->unsetRelation('tags');
     }
 
+    public function scopeForTag(Builder $query, string $tag): Builder
+    {
+        return $query->whereHas('tags', function ($query) use ($tag) {
+            $query->where('tags.slug', $tag);
+        });
+    }
+
     public function tags(): MorphToMany
     {
         return $this->morphToMany(Tag::class, 'taggable');
diff --git a/database/migrations/2021_11_16_191729_create_discussions_table.php b/database/migrations/2021_11_16_191729_create_discussions_table.php
new file mode 100644
index 00000000..58129937
--- /dev/null
+++ b/database/migrations/2021_11_16_191729_create_discussions_table.php
@@ -0,0 +1,37 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateDiscussionsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('discussions', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('user_id')->constrained()->cascadeOnDelete();
+            $table->string('title');
+            $table->string('slug')->unique();
+            $table->text('body');
+            $table->boolean('is_pinned')->default(false);
+            $table->boolean('locked')->default(false);
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('discussions');
+    }
+}

From 4f6e0ea9ea1dcf7f86ca889498c70e2c48a84b67 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Tue, 16 Nov 2021 21:52:30 +0100
Subject: [PATCH 02/27] :white_check_mark: mis en place des tests unitaires
 pour les discussions

---
 database/factories/DiscussionFactory.php | 19 +++++++
 database/factories/TagFactory.php        |  2 +-
 tests/Integration/DiscussionTest.php     | 70 ++++++++++++++++++++++++
 3 files changed, 90 insertions(+), 1 deletion(-)
 create mode 100644 database/factories/DiscussionFactory.php
 create mode 100644 tests/Integration/DiscussionTest.php

diff --git a/database/factories/DiscussionFactory.php b/database/factories/DiscussionFactory.php
new file mode 100644
index 00000000..a2e84801
--- /dev/null
+++ b/database/factories/DiscussionFactory.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+class DiscussionFactory extends Factory
+{
+    public function definition()
+    {
+        return [
+            'user_id' => $attributes['user_id'] ?? User::factory(),
+            'title' => $this->faker->sentence(),
+            'body' => $this->faker->paragraphs(3, true),
+            'slug' => $this->faker->unique()->slug(),
+        ];
+    }
+}
diff --git a/database/factories/TagFactory.php b/database/factories/TagFactory.php
index 201eac38..90992dd2 100644
--- a/database/factories/TagFactory.php
+++ b/database/factories/TagFactory.php
@@ -23,7 +23,7 @@ public function definition()
     {
         return [
             'name' => $this->faker->text(15),
-            'slug' => $this->faker->slug,
+            'slug' => $this->faker->slug(),
             'concerns' => ['post', 'discussion', 'tutorial'],
         ];
     }
diff --git a/tests/Integration/DiscussionTest.php b/tests/Integration/DiscussionTest.php
new file mode 100644
index 00000000..3015ee9b
--- /dev/null
+++ b/tests/Integration/DiscussionTest.php
@@ -0,0 +1,70 @@
+<?php
+
+use App\Models\Activity;
+use App\Models\Discussion;
+use App\Models\Tag;
+
+it('can find by slug', function () {
+    Discussion::factory()->create(['slug' => 'foo']);
+
+    expect(Discussion::findBySlug('foo'))->toBeInstanceOf(Discussion::class);
+});
+
+it('can give an excerpt of its body', function () {
+    $discussion = Discussion::factory()->make(['body' => 'This is a pretty long text.']);
+
+    expect($discussion->excerpt(7))->toEqual('This is...');
+});
+
+test('html in excerpts is html encoded', function () {
+    $discussion = Discussion::factory()->make(['body' => '<p>Discussion body</p>']);
+
+    expect($discussion->excerpt())->toEqual("&lt;p&gt;Discussion body&lt;/p&gt;\n");
+});
+
+it('can have many tags', function () {
+    $tags = Tag::factory()->count(3)->create();
+    $discussion = Discussion::factory()->create();
+    $discussion->syncTags($tags->modelKeys());
+
+    expect($discussion->tags->count())->toEqual(3);
+});
+
+it('records activity when a discussion is created', function () {
+    actingAs();
+
+    $discussion = Discussion::factory()->create(['user_id' => auth()->id()]);
+
+    $this->assertDatabaseHas('activities', [
+        'type' => 'created_discussion',
+        'user_id' => auth()->id(),
+        'subject_id' => $discussion->id,
+        'subject_type' => Discussion::class,
+    ]);
+
+    $activity = Activity::first();
+
+    $this->assertEquals($activity->subject->id, $discussion->id);
+
+    $this->assertEquals(auth()->user()->activities->count(), 1);
+});
+
+it('generates a slug when valid url characters provided', function () {
+    $discussion = Discussion::factory()->make(['slug' => 'Help with eloquent']);
+
+    expect($discussion->slug())->toEqual('help-with-eloquent');
+});
+
+it('generates a unique slug when valid url characters provided', function () {
+    $discussionOne = Discussion::factory()->create(['slug' => 'Help with eloquent']);
+    $discussionTwo = Discussion::factory()->create(['slug' => 'Help with eloquent']);
+
+    expect($discussionTwo->slug())->toEqual('help-with-eloquent-1');
+});
+
+it('generates a slug when invalid url characters provided', function () {
+    $discussion = Discussion::factory()->make(['slug' => '한글 테스트']);
+
+    // When providing a slug with invalid url characters, a random 5 character string is returned.
+    expect($discussion->slug())->toMatch('/\w{5}/');
+});

From e68e8dfe58edc930c66e2af7e3a9d7853ef562d5 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Wed, 17 Nov 2021 09:49:59 +0100
Subject: [PATCH 03/27] :sparkles: ajout de la creation et du detail d'une
 description

---
 app/Http/Controllers/DiscussionController.php |  48 +++++
 .../Controllers/Forum/ReplyController.php     |  12 --
 .../{Forum => }/ThreadController.php          |   2 +-
 app/Http/Livewire/Articles/Create.php         |  19 +-
 app/Http/Livewire/Discussions/Browse.php      |  13 ++
 app/Http/Livewire/Discussions/Create.php      |  58 +++++
 app/Http/Livewire/Discussions/Edit.php        |  16 ++
 app/Http/Livewire/Discussions/Subscribe.php   |  51 +++++
 app/Models/Article.php                        |   7 +
 app/Models/Discussion.php                     |  27 ++-
 app/Models/User.php                           |  16 +-
 .../PostDiscussionToTelegram.php              |  30 +++
 app/Policies/DiscussionPolicy.php             |  40 ++++
 app/Providers/AppServiceProvider.php          |   4 +
 app/Providers/AuthServiceProvider.php         |   3 +
 app/View/Composers/InactiveDiscussions.php    |  19 ++
 .../Composers/TopContributorsComposer.php     |  22 ++
 public/css/app.css                            | 198 +++++++++++-------
 .../feeds/created_discussion.blade.php        |   0
 .../discussions/_contributions.blade.php      |  57 +++++
 resources/views/discussions/edit.blade.php    |   9 +
 resources/views/discussions/index.blade.php   |   9 +
 resources/views/discussions/new.blade.php     |  22 ++
 resources/views/discussions/show.blade.php    |  64 ++++++
 resources/views/layouts/_nav.blade.php        |  10 +-
 .../livewire/discussions/_form.blade.php      |  36 ++++
 .../livewire/discussions/browse.blade.php     |   3 +
 .../livewire/discussions/create.blade.php     |   3 +
 .../views/livewire/discussions/edit.blade.php |   3 +
 .../livewire/discussions/subscribe.blade.php  |  17 ++
 .../views/livewire/forum/subscribe.blade.php  |   4 +-
 resources/views/user/profile.blade.php        |   2 +-
 routes/web.php                                |  16 +-
 33 files changed, 727 insertions(+), 113 deletions(-)
 create mode 100644 app/Http/Controllers/DiscussionController.php
 delete mode 100644 app/Http/Controllers/Forum/ReplyController.php
 rename app/Http/Controllers/{Forum => }/ThreadController.php (97%)
 create mode 100644 app/Http/Livewire/Discussions/Browse.php
 create mode 100644 app/Http/Livewire/Discussions/Create.php
 create mode 100644 app/Http/Livewire/Discussions/Edit.php
 create mode 100644 app/Http/Livewire/Discussions/Subscribe.php
 create mode 100644 app/Notifications/PostDiscussionToTelegram.php
 create mode 100644 app/Policies/DiscussionPolicy.php
 create mode 100644 app/View/Composers/InactiveDiscussions.php
 create mode 100644 app/View/Composers/TopContributorsComposer.php
 create mode 100644 resources/views/components/feeds/created_discussion.blade.php
 create mode 100644 resources/views/discussions/_contributions.blade.php
 create mode 100644 resources/views/discussions/edit.blade.php
 create mode 100644 resources/views/discussions/index.blade.php
 create mode 100644 resources/views/discussions/new.blade.php
 create mode 100644 resources/views/discussions/show.blade.php
 create mode 100644 resources/views/livewire/discussions/_form.blade.php
 create mode 100644 resources/views/livewire/discussions/browse.blade.php
 create mode 100644 resources/views/livewire/discussions/create.blade.php
 create mode 100644 resources/views/livewire/discussions/edit.blade.php
 create mode 100644 resources/views/livewire/discussions/subscribe.blade.php

diff --git a/app/Http/Controllers/DiscussionController.php b/app/Http/Controllers/DiscussionController.php
new file mode 100644
index 00000000..78d09939
--- /dev/null
+++ b/app/Http/Controllers/DiscussionController.php
@@ -0,0 +1,48 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Discussion;
+use App\Policies\DiscussionPolicy;
+
+class DiscussionController extends Controller
+{
+    public function __construct()
+    {
+        $this->middleware(['auth', 'verified'], ['except' => ['index', 'show']]);
+    }
+
+    public function index()
+    {
+        return view('discussions.index');
+    }
+
+    public function show(Discussion $discussion)
+    {
+        views($discussion)->record();
+
+        seo()
+            ->title($discussion->title)
+            ->description($discussion->excerpt(100))
+            ->image(asset('images/socialcard.png'))
+            ->twitterTitle($discussion->title)
+            ->twitterDescription($discussion->excerpt(100))
+            ->twitterImage(asset('images/socialcard.png'))
+            ->twitterSite('laravelcm')
+            ->withUrl();
+
+        return view('discussions.show', compact('discussion'));
+    }
+
+    public function create()
+    {
+        return view('discussions.new');
+    }
+
+    public function edit(Discussion $discussion)
+    {
+        $this->authorize(DiscussionPolicy::UPDATE, $discussion);
+
+        return view('discussions.edit', compact('discussion'));
+    }
+}
diff --git a/app/Http/Controllers/Forum/ReplyController.php b/app/Http/Controllers/Forum/ReplyController.php
deleted file mode 100644
index 09d3d268..00000000
--- a/app/Http/Controllers/Forum/ReplyController.php
+++ /dev/null
@@ -1,12 +0,0 @@
-<?php
-
-namespace App\Http\Controllers\Forum;
-
-use App\Http\Controllers\Controller;
-
-class ReplyController extends Controller
-{
-    public function store()
-    {
-    }
-}
diff --git a/app/Http/Controllers/Forum/ThreadController.php b/app/Http/Controllers/ThreadController.php
similarity index 97%
rename from app/Http/Controllers/Forum/ThreadController.php
rename to app/Http/Controllers/ThreadController.php
index 72383b3e..13661b75 100644
--- a/app/Http/Controllers/Forum/ThreadController.php
+++ b/app/Http/Controllers/ThreadController.php
@@ -1,6 +1,6 @@
 <?php
 
-namespace App\Http\Controllers\Forum;
+namespace App\Http\Controllers;
 
 use App\Http\Controllers\Controller;
 use App\Models\Channel;
diff --git a/app/Http/Livewire/Articles/Create.php b/app/Http/Livewire/Articles/Create.php
index 5d0544b5..844f03da 100644
--- a/app/Http/Livewire/Articles/Create.php
+++ b/app/Http/Livewire/Articles/Create.php
@@ -6,6 +6,7 @@
 use App\Models\Tag;
 use App\Traits\WithArticleAttributes;
 use App\Traits\WithTagsAssociation;
+use Illuminate\Support\Facades\Auth;
 use Livewire\Component;
 use Livewire\WithFileUploads;
 
@@ -17,9 +18,11 @@ class Create extends Component
 
     public function mount()
     {
-        $this->submitted = ! auth()->user()->hasAnyRole(['admin', 'moderator']);
-        $this->submitted_at = auth()->user()->hasAnyRole(['admin', 'moderator']) ? now() : null;
-        $this->approved_at = auth()->user()->hasAnyRole(['admin', 'moderator']) ? now() : null;
+        $user = Auth::user();
+
+        $this->submitted = ! $user->hasAnyRole(['admin', 'moderator']);
+        $this->submitted_at = $user->hasAnyRole(['admin', 'moderator']) ? now() : null;
+        $this->approved_at = $user->hasAnyRole(['admin', 'moderator']) ? now() : null;
     }
 
     public function onMarkdownUpdate(string $content)
@@ -43,6 +46,8 @@ public function store()
     {
         $this->validate();
 
+        $user = Auth::user();
+
         $article = Article::create([
             'title' => $this->title,
             'slug' => $this->slug,
@@ -52,10 +57,12 @@ public function store()
             'approved_at' => $this->approved_at,
             'show_toc' => $this->show_toc,
             'canonical_url' => $this->canonical_url,
-            'user_id' => auth()->id(),
+            'user_id' => $user->id,
         ]);
 
-        $article->syncTags($this->associateTags);
+        if (collect($this->associateTags)->isNotEmpty()) {
+            $article->syncTags($this->associateTags);
+        }
 
         if ($this->file) {
             $article->addMedia($this->file->getRealPath())->toMediaCollection('media');
@@ -66,7 +73,7 @@ public function store()
             session()->flash('success', 'Merci d\'avoir soumis votre article. Vous aurez des nouvelles que lorsque nous accepterons votre article.');
         }
 
-        auth()->user()->hasRole('user') ?
+        $user->hasRole('user') ?
             $this->redirect('/articles/me') :
             $this->redirect('/admin/articles');
     }
diff --git a/app/Http/Livewire/Discussions/Browse.php b/app/Http/Livewire/Discussions/Browse.php
new file mode 100644
index 00000000..e32e21fa
--- /dev/null
+++ b/app/Http/Livewire/Discussions/Browse.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Http\Livewire\Discussions;
+
+use Livewire\Component;
+
+class Browse extends Component
+{
+    public function render()
+    {
+        return view('livewire.discussions.browse');
+    }
+}
diff --git a/app/Http/Livewire/Discussions/Create.php b/app/Http/Livewire/Discussions/Create.php
new file mode 100644
index 00000000..e8cca421
--- /dev/null
+++ b/app/Http/Livewire/Discussions/Create.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace App\Http\Livewire\Discussions;
+
+use App\Models\Discussion;
+use App\Models\Tag;
+use App\Notifications\PostDiscussionToTelegram;
+use App\Traits\WithTagsAssociation;
+use Illuminate\Support\Facades\Auth;
+use Livewire\Component;
+
+class Create extends Component
+{
+    use WithTagsAssociation;
+
+    public string $title = '';
+    public string $body = '';
+
+    protected $listeners = ['markdown-x:update' => 'onMarkdownUpdate'];
+
+    protected $rules = [
+        'title' => ['required', 'max:150'],
+        'body' => ['required'],
+        'tags_selected' => 'nullable|array',
+    ];
+
+    public function onMarkdownUpdate(string $content)
+    {
+        $this->body = $content;
+    }
+
+    public function store()
+    {
+        $this->validate();
+
+        $discussion = Discussion::create([
+            'title' => $this->title,
+            'slug' => $this->title,
+            'body' => $this->body,
+            'user_id' => Auth::id(),
+        ]);
+
+        if (collect($this->associateTags)->isNotEmpty()) {
+            $discussion->syncTags($this->associateTags);
+        }
+
+        Auth::user()->notify(new PostDiscussionToTelegram($discussion));
+
+        $this->redirectRoute('discussions.show', $discussion);
+    }
+
+    public function render()
+    {
+        return view('livewire.discussions.create', [
+            'tags' => Tag::whereJsonContains('concerns', ['discussion'])->get(),
+        ]);
+    }
+}
diff --git a/app/Http/Livewire/Discussions/Edit.php b/app/Http/Livewire/Discussions/Edit.php
new file mode 100644
index 00000000..f211f1f6
--- /dev/null
+++ b/app/Http/Livewire/Discussions/Edit.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Http\Livewire\Discussions;
+
+use App\Models\Discussion;
+use Livewire\Component;
+
+class Edit extends Component
+{
+    public Discussion $discussion;
+
+    public function render()
+    {
+        return view('livewire.discussions.edit');
+    }
+}
diff --git a/app/Http/Livewire/Discussions/Subscribe.php b/app/Http/Livewire/Discussions/Subscribe.php
new file mode 100644
index 00000000..95b55421
--- /dev/null
+++ b/app/Http/Livewire/Discussions/Subscribe.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Http\Livewire\Discussions;
+
+use App\Models\Discussion;
+use App\Models\Subscribe as SubscribeModel;
+use App\Policies\DiscussionPolicy;
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use Illuminate\Support\Facades\Auth;
+use Livewire\Component;
+use Ramsey\Uuid\Uuid;
+use WireUi\Traits\Actions;
+
+class Subscribe extends Component
+{
+    use Actions, AuthorizesRequests;
+
+    public Discussion $discussion;
+
+    protected $listeners = ['refresh' => '$refresh'];
+
+    public function subscribe()
+    {
+        $this->authorize(DiscussionPolicy::SUBSCRIBE, $this->discussion);
+
+        $subscribe = new SubscribeModel();
+        $subscribe->uuid = Uuid::uuid4()->toString();
+        $subscribe->user()->associate(Auth::user());
+        $this->discussion->subscribes()->save($subscribe);
+
+        $this->notification()->success('Abonnement', 'Vous êtes maintenant abonné à cette discussion.');
+        $this->emitSelf('refresh');
+    }
+
+    public function unsubscribe()
+    {
+        $this->authorize(DiscussionPolicy::UNSUBSCRIBE, $this->discussion);
+
+        $this->discussion->subscribes()
+            ->where('user_id', Auth::id())
+            ->delete();
+
+        $this->notification()->success('Désabonnement', 'Vous êtes maintenant désabonné de cette discussion.');
+        $this->emitSelf('refresh');
+    }
+
+    public function render()
+    {
+        return view('livewire.discussions.subscribe');
+    }
+}
diff --git a/app/Models/Article.php b/app/Models/Article.php
index edd21bf2..10652f0d 100644
--- a/app/Models/Article.php
+++ b/app/Models/Article.php
@@ -336,4 +336,11 @@ public function markAsPublish()
     {
         $this->update(['tweet_id' => $this->author->id]);
     }
+
+    public function delete()
+    {
+        $this->removeTags();
+
+        parent::delete();
+    }
 }
diff --git a/app/Models/Discussion.php b/app/Models/Discussion.php
index abe2257f..68a7b2b1 100644
--- a/app/Models/Discussion.php
+++ b/app/Models/Discussion.php
@@ -4,9 +4,11 @@
 
 use App\Contracts\ReactableInterface;
 use App\Contracts\ReplyInterface;
+use App\Contracts\SubscribeInterface;
 use App\Traits\HasAuthor;
 use App\Traits\HasReplies;
 use App\Traits\HasSlug;
+use App\Traits\HasSubscribers;
 use App\Traits\HasTags;
 use App\Traits\Reactable;
 use App\Traits\RecordsActivity;
@@ -17,11 +19,12 @@
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Support\Str;
 
-class Discussion extends Model implements ReactableInterface, ReplyInterface, Viewable
+class Discussion extends Model implements ReactableInterface, ReplyInterface, SubscribeInterface, Viewable
 {
     use HasAuthor,
         HasFactory,
         HasReplies,
+        HasSubscribers,
         HasSlug,
         HasTags,
         InteractsWithViews,
@@ -62,6 +65,15 @@ class Discussion extends Model implements ReactableInterface, ReplyInterface, Vi
         'author',
     ];
 
+    /**
+     * The relationship counts that should be eager loaded on every query.
+     *
+     * @var array
+     */
+    protected $withCount = [
+        'replies',
+    ];
+
     protected $removeViewsOnDelete = true;
 
     public static function boot()
@@ -139,8 +151,21 @@ public function scopeActive(Builder $query): Builder
             ->orderBy('replies_count', 'desc');
     }
 
+    public function scopeNoComments(Builder $query): Builder
+    {
+        return $query->whereDoesntHave('replies');
+    }
+
     public function lockedDiscussion()
     {
         $this->update(['locked' => true]);
     }
+
+    public function delete()
+    {
+        $this->removeTags();
+        $this->deleteReplies();
+
+        parent::delete();
+    }
 }
diff --git a/app/Models/User.php b/app/Models/User.php
index fa29f7fb..c5ccbb80 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -154,7 +154,7 @@ public function providers(): HasMany
 
     public function articles(): HasMany
     {
-        return $this->hasMany(Article::class, 'user_id');
+        return $this->hasMany(Article::class);
     }
 
     public function activities(): HasMany
@@ -169,7 +169,12 @@ public function threads(): HasMany
 
     public function replyAble(): HasMany
     {
-        return $this->hasMany(Reply::class, 'author_id');
+        return $this->hasMany(Reply::class);
+    }
+
+    public function discussions(): HasMany
+    {
+        return $this->hasMany(Discussion::class);
     }
 
     public function deleteThreads()
@@ -309,7 +314,7 @@ public function scopeMostSubmissions(Builder $query, int $inLastDays = null)
             }
 
             return $query;
-        }])->orderBy('articles_count', 'desc');
+        }])->orderByDesc('articles_count');
     }
 
     public function scopeMostSolutionsInLastDays(Builder $query, int $days)
@@ -333,4 +338,9 @@ public function scopeWithCounts(Builder $query)
             },
         ]);
     }
+
+    public function scopeTopContributors(Builder $query): Builder
+    {
+        return $query->withCount(['discussions'])->orderByDesc('discussions_count');
+    }
 }
diff --git a/app/Notifications/PostDiscussionToTelegram.php b/app/Notifications/PostDiscussionToTelegram.php
new file mode 100644
index 00000000..3799d466
--- /dev/null
+++ b/app/Notifications/PostDiscussionToTelegram.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Notifications;
+
+use App\Models\Discussion;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Notification;
+use NotificationChannels\Telegram\TelegramChannel;
+use NotificationChannels\Telegram\TelegramMessage;
+
+class PostDiscussionToTelegram extends Notification
+{
+    use Queueable;
+
+    public function __construct(public Discussion $discussion)
+    {
+    }
+
+    public function via($notifiable)
+    {
+        return [TelegramChannel::class];
+    }
+
+    public function toTelegram($notifiable)
+    {
+        return TelegramMessage::create()
+            ->to('@laravelcm')
+            ->content("{$this->discussion->title} " . route('discussions.show', $this->discussion->slug()));
+    }
+}
diff --git a/app/Policies/DiscussionPolicy.php b/app/Policies/DiscussionPolicy.php
new file mode 100644
index 00000000..ba7a44b0
--- /dev/null
+++ b/app/Policies/DiscussionPolicy.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Policies;
+
+use App\Models\Discussion;
+use App\Models\User;
+
+class DiscussionPolicy
+{
+    const UPDATE = 'update';
+    const DELETE = 'delete';
+    const PINNED = 'togglePinnedStatus';
+    const SUBSCRIBE = 'subscribe';
+    const UNSUBSCRIBE = 'unsubscribe';
+
+    public function update(User $user, Discussion $discussion): bool
+    {
+        return $discussion->isAuthoredBy($user) || $user->isModerator() || $user->isAdmin();
+    }
+
+    public function delete(User $user, Discussion $discussion): bool
+    {
+        return $discussion->isAuthoredBy($user) || $user->isModerator() || $user->isAdmin();
+    }
+
+    public function togglePinnedStatus(User $user, Discussion $discussion): bool
+    {
+        return $user->isModerator() || $user->isAdmin();
+    }
+
+    public function subscribe(User $user, Discussion $discussion): bool
+    {
+        return ! $discussion->hasSubscriber($user);
+    }
+
+    public function unsubscribe(User $user, Discussion $discussion): bool
+    {
+        return $discussion->hasSubscriber($user);
+    }
+}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 94929f4b..b93e319c 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -3,7 +3,9 @@
 namespace App\Providers;
 
 use App\View\Composers\ChannelsComposer;
+use App\View\Composers\InactiveDiscussions;
 use App\View\Composers\ModeratorsComposer;
+use App\View\Composers\TopContributorsComposer;
 use App\View\Composers\TopMembersComposer;
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\Facades\View;
@@ -59,5 +61,7 @@ public function bootViewsComposer()
         View::composer('forum._channels', ChannelsComposer::class);
         View::composer('forum._top-members', TopMembersComposer::class);
         View::composer('forum._moderators', ModeratorsComposer::class);
+        View::composer('discussions._contributions', TopContributorsComposer::class);
+        View::composer('discussions._contributions', InactiveDiscussions::class);
     }
 }
diff --git a/app/Providers/AuthServiceProvider.php b/app/Providers/AuthServiceProvider.php
index 35968fc6..e054b304 100644
--- a/app/Providers/AuthServiceProvider.php
+++ b/app/Providers/AuthServiceProvider.php
@@ -3,9 +3,11 @@
 namespace App\Providers;
 
 use App\Models\Article;
+use App\Models\Discussion;
 use App\Models\Reply;
 use App\Models\Thread;
 use App\Policies\ArticlePolicy;
+use App\Policies\DiscussionPolicy;
 use App\Policies\ReplyPolicy;
 use App\Policies\ThreadPolicy;
 use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
@@ -22,6 +24,7 @@ class AuthServiceProvider extends ServiceProvider
         Article::class => ArticlePolicy::class,
         Thread::class => ThreadPolicy::class,
         Reply::class => ReplyPolicy::class,
+        Discussion::class => DiscussionPolicy::class,
     ];
 
     /**
diff --git a/app/View/Composers/InactiveDiscussions.php b/app/View/Composers/InactiveDiscussions.php
new file mode 100644
index 00000000..66383911
--- /dev/null
+++ b/app/View/Composers/InactiveDiscussions.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\View\Composers;
+
+use App\Models\Discussion;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\View\View;
+
+class InactiveDiscussions
+{
+    public function compose(View $view)
+    {
+        $discussions = Cache::remember('inactive-discussions', 60 * 60 * 24, function () {
+            return Discussion::noComments()->limit(5)->get();
+        });
+
+        $view->with('discussions', $discussions);
+    }
+}
diff --git a/app/View/Composers/TopContributorsComposer.php b/app/View/Composers/TopContributorsComposer.php
new file mode 100644
index 00000000..58070187
--- /dev/null
+++ b/app/View/Composers/TopContributorsComposer.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\View\Composers;
+
+use App\Models\User;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\View\View;
+
+class TopContributorsComposer
+{
+    public function compose(View $view)
+    {
+        $topContributors = Cache::remember('contributors', 60 * 60 * 24, function () {
+            return User::topContributors()
+                ->get()
+                ->filter(fn ($contributor) => $contributor->discussions_count >= 1)
+                ->take(5);
+        });
+
+        $view->with('topContributors', $topContributors);
+    }
+}
diff --git a/public/css/app.css b/public/css/app.css
index be0d75dd..d8645f2e 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -4486,6 +4486,12 @@ select {
 .-ml-1 {
 	margin-left: -0.25rem;
 }
+.ml-1\.5 {
+	margin-left: 0.375rem;
+}
+.ml-1 {
+	margin-left: 0.25rem;
+}
 .mr-1\.5 {
 	margin-right: 0.375rem;
 }
@@ -4507,9 +4513,6 @@ select {
 .-mr-1 {
 	margin-right: -0.25rem;
 }
-.ml-1 {
-	margin-left: 0.25rem;
-}
 .mt-16 {
 	margin-top: 4rem;
 }
@@ -4537,9 +4540,6 @@ select {
 .-mt-12 {
 	margin-top: -3rem;
 }
-.ml-1\.5 {
-	margin-left: 0.375rem;
-}
 .-mb-px {
 	margin-bottom: -1px;
 }
@@ -4582,6 +4582,9 @@ select {
 .mb-5 {
 	margin-bottom: 1.25rem;
 }
+.ml-9 {
+	margin-left: 2.25rem;
+}
 .ml-5 {
 	margin-left: 1.25rem;
 }
@@ -4591,9 +4594,6 @@ select {
 .-mt-4 {
 	margin-top: -1rem;
 }
-.ml-9 {
-	margin-left: 2.25rem;
-}
 .-ml-0\.5 {
 	margin-left: -0.125rem;
 }
@@ -4654,6 +4654,9 @@ select {
 .h-56 {
 	height: 14rem;
 }
+.h-\[450px\] {
+	height: 450px;
+}
 .h-9 {
 	height: 2.25rem;
 }
@@ -4666,9 +4669,6 @@ select {
 .h-3 {
 	height: 0.75rem;
 }
-.h-\[450px\] {
-	height: 450px;
-}
 .h-7 {
 	height: 1.75rem;
 }
@@ -4696,6 +4696,9 @@ select {
 .h-64 {
 	height: 16rem;
 }
+.h-14 {
+	height: 3.5rem;
+}
 .h-\[350px\] {
 	height: 350px;
 }
@@ -4705,9 +4708,6 @@ select {
 .h-screen {
 	height: 100vh;
 }
-.h-14 {
-	height: 3.5rem;
-}
 .max-h-96 {
 	max-height: 24rem;
 }
@@ -4786,6 +4786,9 @@ select {
 .w-60 {
 	width: 15rem;
 }
+.w-14 {
+	width: 3.5rem;
+}
 .w-48 {
 	width: 12rem;
 }
@@ -4795,9 +4798,6 @@ select {
 .w-1\/3 {
 	width: 33.333333%;
 }
-.w-14 {
-	width: 3.5rem;
-}
 .min-w-0 {
 	min-width: 0px;
 }
@@ -5122,21 +5122,26 @@ select {
 	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
 	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
 }
+.space-y-16 > :not([hidden]) ~ :not([hidden]) {
+	--tw-space-y-reverse: 0;
+	margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
+	margin-bottom: calc(4rem * var(--tw-space-y-reverse));
+}
 .space-x-6 > :not([hidden]) ~ :not([hidden]) {
 	--tw-space-x-reverse: 0;
 	margin-right: calc(1.5rem * var(--tw-space-x-reverse));
 	margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
-.space-x-5 > :not([hidden]) ~ :not([hidden]) {
-	--tw-space-x-reverse: 0;
-	margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-	margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
 .-space-x-2 > :not([hidden]) ~ :not([hidden]) {
 	--tw-space-x-reverse: 0;
 	margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
 	margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-x-5 > :not([hidden]) ~ :not([hidden]) {
+	--tw-space-x-reverse: 0;
+	margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+	margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .divide-x > :not([hidden]) ~ :not([hidden]) {
 	--tw-divide-x-reverse: 0;
 	border-right-width: calc(1px * var(--tw-divide-x-reverse));
@@ -5159,6 +5164,10 @@ select {
 	--tw-divide-opacity: 1;
 	border-color: rgba(228, 228, 231, var(--tw-divide-opacity));
 }
+.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
+	--tw-divide-opacity: 1;
+	border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
+}
 .self-start {
 	align-self: flex-start;
 }
@@ -5227,6 +5236,10 @@ select {
 .rounded-3xl {
 	border-radius: 1.5rem;
 }
+.rounded-b-lg {
+	border-bottom-right-radius: 0.5rem;
+	border-bottom-left-radius: 0.5rem;
+}
 .rounded-l-md {
 	border-top-left-radius: 0.375rem;
 	border-bottom-left-radius: 0.375rem;
@@ -5239,10 +5252,6 @@ select {
 	border-top-left-radius: 0.5rem;
 	border-bottom-left-radius: 0.5rem;
 }
-.rounded-b-lg {
-	border-bottom-right-radius: 0.5rem;
-	border-bottom-left-radius: 0.5rem;
-}
 .rounded-r-lg {
 	border-top-right-radius: 0.5rem;
 	border-bottom-right-radius: 0.5rem;
@@ -5279,12 +5288,12 @@ select {
 .border-b {
 	border-bottom-width: 1px;
 }
-.border-r-0 {
-	border-right-width: 0px;
-}
 .border-t {
 	border-top-width: 1px;
 }
+.border-r-0 {
+	border-right-width: 0px;
+}
 .border-b-2 {
 	border-bottom-width: 2px;
 }
@@ -5696,14 +5705,14 @@ select {
 	padding-left: 0.875rem;
 	padding-right: 0.875rem;
 }
-.py-2\.5 {
-	padding-top: 0.625rem;
-	padding-bottom: 0.625rem;
-}
 .py-14 {
 	padding-top: 3.5rem;
 	padding-bottom: 3.5rem;
 }
+.py-2\.5 {
+	padding-top: 0.625rem;
+	padding-bottom: 0.625rem;
+}
 .px-0\.5 {
 	padding-left: 0.125rem;
 	padding-right: 0.125rem;
@@ -5727,12 +5736,15 @@ select {
 .pl-5 {
 	padding-left: 1.25rem;
 }
-.pl-3 {
-	padding-left: 0.75rem;
-}
 .pt-6 {
 	padding-top: 1.5rem;
 }
+.pt-5 {
+	padding-top: 1.25rem;
+}
+.pl-3 {
+	padding-left: 0.75rem;
+}
 .pl-10 {
 	padding-left: 2.5rem;
 }
@@ -5742,9 +5754,6 @@ select {
 .pt-16 {
 	padding-top: 4rem;
 }
-.pt-5 {
-	padding-top: 1.25rem;
-}
 .pt-4 {
 	padding-top: 1rem;
 }
@@ -5849,6 +5858,10 @@ select {
 	font-size: 1.25rem;
 	line-height: 1.75rem;
 }
+.text-base {
+	font-size: 1rem;
+	line-height: 1.5rem;
+}
 .text-xs {
 	font-size: 0.75rem;
 	line-height: 1rem;
@@ -5869,10 +5882,6 @@ select {
 	font-size: 2.25rem;
 	line-height: 2.5rem;
 }
-.text-base {
-	font-size: 1rem;
-	line-height: 1.5rem;
-}
 .text-\[12px\] {
 	font-size: 12px;
 }
@@ -5913,6 +5922,9 @@ select {
 .leading-7 {
 	line-height: 1.75rem;
 }
+.leading-6 {
+	line-height: 1.5rem;
+}
 .leading-5 {
 	line-height: 1.25rem;
 }
@@ -5922,9 +5934,6 @@ select {
 .leading-tight {
 	line-height: 1.25;
 }
-.leading-6 {
-	line-height: 1.5rem;
-}
 .leading-4 {
 	line-height: 1rem;
 }
@@ -6167,6 +6176,10 @@ select {
 	--tw-text-opacity: 1;
 	color: rgba(127, 29, 29, var(--tw-text-opacity));
 }
+.text-gray-900 {
+	--tw-text-opacity: 1;
+	color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
 .underline {
 	text-decoration: underline;
 }
@@ -6320,6 +6333,10 @@ select {
 	--tw-ring-opacity: 1;
 	--tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
 }
+.ring-white {
+	--tw-ring-opacity: 1;
+	--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
+}
 .ring-secondary-600 {
 	--tw-ring-opacity: 1;
 	--tw-ring-color: rgba(82, 82, 91, var(--tw-ring-opacity));
@@ -6340,10 +6357,6 @@ select {
 	--tw-ring-opacity: 1;
 	--tw-ring-color: rgba(37, 99, 235, var(--tw-ring-opacity));
 }
-.ring-white {
-	--tw-ring-opacity: 1;
-	--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
-}
 .ring-opacity-5 {
 	--tw-ring-opacity: 0.05;
 }
@@ -6718,6 +6731,11 @@ html {
 	background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
 }
 
+.hover\:bg-gray-50:hover {
+	--tw-bg-opacity: 1;
+	background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+}
+
 .hover\:text-skin-inverted-muted:hover {
 	--tw-text-opacity: 1;
 	color: rgba(var(--color-text-inverted-muted), var(--tw-text-opacity));
@@ -6854,14 +6872,14 @@ html {
 	border-color: rgba(var(--color-input-border), var(--tw-border-opacity));
 }
 
-.focus\:border-green-500:focus {
+.focus\:border-skin-base:focus {
 	--tw-border-opacity: 1;
-	border-color: rgba(16, 185, 129, var(--tw-border-opacity));
+	border-color: rgba(var(--color-border), var(--tw-border-opacity));
 }
 
-.focus\:border-skin-base:focus {
+.focus\:border-green-500:focus {
 	--tw-border-opacity: 1;
-	border-color: rgba(var(--color-border), var(--tw-border-opacity));
+	border-color: rgba(16, 185, 129, var(--tw-border-opacity));
 }
 
 .focus\:border-green-300:focus {
@@ -7384,6 +7402,10 @@ html {
 		max-width: 32rem;
 	}
 
+	.sm\:max-w-4xl {
+		max-width: 56rem;
+	}
+
 	.sm\:max-w-sm {
 		max-width: 24rem;
 	}
@@ -7404,10 +7426,6 @@ html {
 		max-width: 48rem;
 	}
 
-	.sm\:max-w-4xl {
-		max-width: 56rem;
-	}
-
 	.sm\:max-w-5xl {
 		max-width: 64rem;
 	}
@@ -7537,6 +7555,12 @@ html {
 		row-gap: 3rem;
 	}
 
+	.sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+	}
+
 	.sm\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
 		--tw-space-y-reverse: 0;
 		margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -7567,12 +7591,6 @@ html {
 		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 	}
 
-	.sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
-		--tw-space-y-reverse: 0;
-		margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-		margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-	}
-
 	.sm\:rounded-lg {
 		border-radius: 0.5rem;
 	}
@@ -7648,14 +7666,18 @@ html {
 		padding-bottom: 0.5rem;
 	}
 
+	.sm\:py-9 {
+		padding-top: 2.25rem;
+		padding-bottom: 2.25rem;
+	}
+
 	.sm\:py-10 {
 		padding-top: 2.5rem;
 		padding-bottom: 2.5rem;
 	}
 
-	.sm\:py-9 {
-		padding-top: 2.25rem;
-		padding-bottom: 2.25rem;
+	.sm\:pt-5 {
+		padding-top: 1.25rem;
 	}
 
 	.sm\:pb-1 {
@@ -7666,10 +7688,6 @@ html {
 		padding-top: 0px;
 	}
 
-	.sm\:pt-5 {
-		padding-top: 1.25rem;
-	}
-
 	.sm\:pt-16 {
 		padding-top: 4rem;
 	}
@@ -7762,6 +7780,10 @@ html {
 		line-height: 1.25rem;
 	}
 
+	.sm\:leading-8 {
+		line-height: 2rem;
+	}
+
 	.sm\:shadow-md {
 		--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -9071,6 +9093,30 @@ html {
 		grid-column: span 10 / span 10;
 	}
 
+	.lg\:col-start-9 {
+		grid-column-start: 9;
+	}
+
+	.lg\:col-start-8 {
+		grid-column-start: 8;
+	}
+
+	.lg\:col-start-10 {
+		grid-column-start: 10;
+	}
+
+	.lg\:col-end-12 {
+		grid-column-end: 12;
+	}
+
+	.lg\:col-end-13 {
+		grid-column-end: 13;
+	}
+
+	.lg\:col-end-auto {
+		grid-column-end: auto;
+	}
+
 	.lg\:mx-0 {
 		margin-left: 0px;
 		margin-right: 0px;
@@ -9124,14 +9170,14 @@ html {
 		height: 5rem;
 	}
 
-	.lg\:w-20 {
-		width: 5rem;
-	}
-
 	.lg\:w-90 {
 		width: 22.5rem;
 	}
 
+	.lg\:w-20 {
+		width: 5rem;
+	}
+
 	.lg\:max-w-none {
 		max-width: none;
 	}
diff --git a/resources/views/components/feeds/created_discussion.blade.php b/resources/views/components/feeds/created_discussion.blade.php
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/views/discussions/_contributions.blade.php b/resources/views/discussions/_contributions.blade.php
new file mode 100644
index 00000000..bd675e86
--- /dev/null
+++ b/resources/views/discussions/_contributions.blade.php
@@ -0,0 +1,57 @@
+<div class="sticky space-y-16 top-4">
+    <div>
+        <h4 class="text-lg font-semibold text-skin-inverted font-sans leading-6">Top Contributeurs</h4>
+        <p class="mt-3 font-normal text-skin-base text-sm">Les personnes qui ont lancé le plus de discussions sur le site.</p>
+        <div class="mt-6">
+            <ul role="list" class="divide-y divide-skin-base">
+                @foreach($topContributors as $contributor)
+                    <li class="py-4">
+                        <div class="flex items-center space-x-4">
+                            <div class="flex-shrink-0">
+                                <img class="h-8 w-8 rounded-full" src="{{ $contributor->profile_photo_url }}" alt="">
+                            </div>
+                            <div class="flex-1 min-w-0 font-sans">
+                                <p class="text-sm font-medium text-skin-inverted truncate">
+                                    {{ $contributor->name }}
+                                </p>
+                                <p class="text-sm text-skin-base truncate">
+                                    {{ '@' . $contributor->username }}
+                                </p>
+                            </div>
+                            <div>
+                                <span class="inline-flex items-center text-sm leading-5 font-medium text-skin-inverted">
+                                    <x-heroicon-s-chat-alt-2 class="h-5 w-5 mr-1 text-skin-muted" /> {{ $contributor->discussions_count }}
+                                </span>
+                            </div>
+                        </div>
+                    </li>
+                @endforeach
+            </ul>
+        </div>
+    </div>
+
+    <div>
+        <h4 class="text-lg font-semibold text-skin-inverted font-sans leading-6">Discussions sans commentaires</h4>
+        <p class="mt-3 font-normal text-skin-base text-sm">Les discussions/sujets qui n’ont pas encore eu de commentaires. Soyez le premier à apporter votre avis.</p>
+
+        <div class="mt-6">
+            <ul role="list" class="divide-y divide-skin-base">
+                @foreach($discussions as $discussion)
+                    <li class="py-4">
+                        <div class="flex space-x-3">
+                            <img class="h-6 w-6 rounded-full" src="{{ $discussion->author->profile_photo_url }}" alt="">
+                            <div class="flex-1 space-y-1">
+                                <div class="flex items-center justify-between">
+                                    <h3 class="text-sm font-medium text-skin-inverted font-sans">{{ $discussion->author->name }}</h3>
+                                    <p class="text-xs text-skin-muted font-normal truncate">{{ $discussion->created_at->diffForHumans() }}</p>
+                                </div>
+                                <p class="text-sm text-skin-base font-normal">{{ $discussion->title }}</p>
+                            </div>
+                        </div>
+                    </li>
+                @endforeach
+            </ul>
+        </div>
+
+    </div>
+</div>
diff --git a/resources/views/discussions/edit.blade.php b/resources/views/discussions/edit.blade.php
new file mode 100644
index 00000000..e65c09cf
--- /dev/null
+++ b/resources/views/discussions/edit.blade.php
@@ -0,0 +1,9 @@
+@title('Modifier mon sujet')
+
+@extends('layouts.master')
+
+@section('content')
+
+    <livewire:discussions.edit :discussion="$discussion" />
+
+@endsection
diff --git a/resources/views/discussions/index.blade.php b/resources/views/discussions/index.blade.php
new file mode 100644
index 00000000..e7941392
--- /dev/null
+++ b/resources/views/discussions/index.blade.php
@@ -0,0 +1,9 @@
+@title('Tous les sujets de discussion')
+
+@extends('layouts.default')
+
+@section('body')
+
+    <livewire:discussions.browse />
+
+@endsection
diff --git a/resources/views/discussions/new.blade.php b/resources/views/discussions/new.blade.php
new file mode 100644
index 00000000..530e6c50
--- /dev/null
+++ b/resources/views/discussions/new.blade.php
@@ -0,0 +1,22 @@
+@title('Créer un nouveau sujet de discussion')
+
+@extends('layouts.default')
+
+@section('body')
+
+    <div class="max-w-4xl mx-auto">
+        <div class="space-y-8 divide-y divide-skin-base sm:space-y-5">
+            <div>
+                <h3 class="text-lg leading-6 font-medium text-skin-inverted">
+                    Créer un sujet de discussion
+                </h3>
+                <p class="mt-1 max-w-2xl text-sm text-skin-base font-normal">
+                    Assurez-vous d'avoir lu nos <a href="{{ route('rules') }}" class="font-medium text-skin-primary hover:text-skin-primary-hover">règles de conduite</a> avant de continuer.
+                </p>
+            </div>
+
+            <livewire:discussions.create />
+        </div>
+    </div>
+
+@endsection
diff --git a/resources/views/discussions/show.blade.php b/resources/views/discussions/show.blade.php
new file mode 100644
index 00000000..9802585d
--- /dev/null
+++ b/resources/views/discussions/show.blade.php
@@ -0,0 +1,64 @@
+@title($discussion->title)
+
+@extends('layouts.default')
+
+@section('body')
+
+    <div class="relative lg:grid lg:grid-cols-12 lg:gap-10">
+        <div class="lg:col-span-8">
+            <header class="space-y-5 border-b border-skin-base">
+                <div>
+                    <h1 class="text-2xl font-extrabold text-skin-inverted tracking-tight font-sans sm:text-3xl sm:leading-8">{{ $discussion->title }}</h1>
+                    <div class="mt-2 sm:flex sm:items-center space-x-4">
+                        <span class="inline-flex items-center justify-center text-skin-base bg-skin-card-gray h-8 w-8 rounded-full">
+                            <x-heroicon-s-tag class="h-5 w-5" />
+                        </span>
+                        @if ($discussion->tags->isNotEmpty())
+                            <div class="flex items-center space-x-2">
+                                @foreach ($discussion->tags as $tag)
+                                    <x-articles.tag :tag="$tag" />
+                                @endforeach
+                            </div>
+                        @endif
+                    </div>
+                </div>
+                <div class="relative pb-8">
+                    <div class="relative flex space-x-3">
+                        <div class="relative">
+                            <img class="h-10 w-10 rounded-full bg-skin-card-gray flex items-center justify-center ring-8 ring-body" src="{{ $discussion->author->profile_photo_url }}" alt="">
+                            <span class="absolute top-5 -right-1 bg-skin-body rounded-tl px-0.5 py-px">
+                                <x-heroicon-s-chat-alt class="h-5 w-5 text-skin-muted" />
+                            </span>
+                        </div>
+                        <div class="min-w-0 flex-1">
+                            <div>
+                                <div>
+                                    <p class="text-sm text-skin-inverted font-medium">
+                                        {{ $discussion->author->name }}
+                                    </p>
+                                </div>
+                                <div class="mt-1 text-sm whitespace-nowrap text-skin-muted font-normal">
+                                    <time datetime="{{ $discussion->created_at->format('Y-m-d') }}">Crée {{ $discussion->created_at->diffForHumans() }}</time>
+                                </div>
+                            </div>
+                            <div class="text-sm prose md:prose-lg prose-green text-skin-base mx-auto max-w-none">
+                                <x-markdown-content :content="$discussion->body" />
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </header>
+            <div class="py-6 flex items-center justify-between">
+                <p class="text-skin-inverted font-semibold font-sans" id="comments-count">Commentaires ({{ $discussion->replies_count }})</p>
+                @auth
+                    <livewire:discussions.subscribe :discussion="$discussion" />
+                @endauth
+            </div>
+            <div class="mt-8" id="discussions-replies"></div>
+        </div>
+        <div class="hidden lg:block lg:col-start-10 lg:col-span-3">
+            @include('discussions._contributions')
+        </div>
+    </div>
+
+@endsection
diff --git a/resources/views/layouts/_nav.blade.php b/resources/views/layouts/_nav.blade.php
index 3ea01169..78c3e251 100644
--- a/resources/views/layouts/_nav.blade.php
+++ b/resources/views/layouts/_nav.blade.php
@@ -17,7 +17,7 @@
                     <a href="#" class="inline-flex items-center px-1 text-sm font-medium {{ active(['tutorials', 'tutorials*'], 'text-skin-primary hover:text-skin-primary-hover', 'text-skin-menu hover:text-skin-menu-hover') }}">
                         {{ __('Vidéos') }}
                     </a>
-                    <a href="#" class="inline-flex items-center px-1 text-sm font-medium {{ active(['discussions', 'discussions*'], 'text-skin-primary hover:text-skin-primary-hover', 'text-skin-menu hover:text-skin-menu-hover') }}">
+                    <a href="{{ route('discussions.index') }}" class="inline-flex items-center px-1 text-sm font-medium {{ active(['discussions', 'discussions*'], 'text-skin-primary hover:text-skin-primary-hover', 'text-skin-menu hover:text-skin-menu-hover') }}">
                         {{ __('Discussions') }}
                     </a>
                     <div class="relative px-1 mt-1.5">
@@ -56,7 +56,7 @@ class="absolute z-10 -ml-4 mt-3 transform w-screen max-w-md lg:max-w-3xl lg:ml-0
                                         </div>
                                     </a>
 
-                                    <a href="#" class="-m-3 p-3 flex items-start rounded-lg hover:bg-skin-card-muted">
+                                    <a href="{{ route('rules') }}" class="-m-3 p-3 flex items-start rounded-lg hover:bg-skin-card-muted">
                                         <div class="flex-shrink-0 flex items-center justify-center h-10 w-10 rounded-md bg-green-500 text-white sm:h-12 sm:w-12">
                                             <x-heroicon-o-bookmark-alt class="h-6 w-6" />
                                         </div>
@@ -192,7 +192,7 @@ class="origin-top absolute right-0 mt-2 w-56 rounded-md shadow-lg py-1 bg-skin-m
                                 <a href="{{ route('forum.new') }}" class="flex items-center py-1.5 px-3 text-sm text-skin-base hover:bg-skin-primary hover:text-white font-normal" role="menuitem" tabindex="-1">
                                     Nouveau sujet
                                 </a>
-                                <a href="#" class="flex items-center py-1.5 px-3 text-sm text-skin-base hover:bg-skin-primary hover:text-white font-normal" role="menuitem" tabindex="-1">
+                                <a href="{{ route('discussions.new') }}" class="flex items-center py-1.5 px-3 text-sm text-skin-base hover:bg-skin-primary hover:text-white font-normal" role="menuitem" tabindex="-1">
                                     Nouvelle discussion
                                 </a>
                                 <a href="#" class="flex items-center py-1.5 px-3 text-sm text-skin-base hover:bg-skin-primary hover:text-white font-normal" role="menuitem" tabindex="-1">
@@ -286,7 +286,7 @@ class="origin-top-right absolute right-0 mt-2 w-60 rounded-md shadow-lg py-1 bg-
             <a href="{{ route('forum.index') }}" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['forum', 'forum*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Forum') }}</a>
             <a href="{{ route('articles') }}" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['articles', 'articles*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Articles') }}</a>
             <a href="#" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['tutorials', 'tutorials*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Vidéos') }}</a>
-            <a href="#" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['discussions', 'discussions*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Discussions') }}</a>
+            <a href="{{ route('discussions.index') }}" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['discussions', 'discussions*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Discussions') }}</a>
         </div>
         <div class="py-4 px-3 border-t border-skin-light">
             <h4 class="text-sm leading-5 font-medium uppercase tracking-wide text-skin-muted">{{ __('Autres') }}</h4>
@@ -299,7 +299,7 @@ class="origin-top-right absolute right-0 mt-2 w-60 rounded-md shadow-lg py-1 bg-
                     {{ __('Snippets') }}
                 </a>
 
-                <a href="#" class="flex items-center text-skin-base">
+                <a href="{{ route('rules') }}" class="flex items-center text-skin-base">
                     <x-heroicon-o-bookmark-alt class="h-6 w-6 mr-3 -ml-1" />
                     {{ __('Guides') }}
                 </a>
diff --git a/resources/views/livewire/discussions/_form.blade.php b/resources/views/livewire/discussions/_form.blade.php
new file mode 100644
index 00000000..e59bb26f
--- /dev/null
+++ b/resources/views/livewire/discussions/_form.blade.php
@@ -0,0 +1,36 @@
+<div class="pt-6 sm:pt-5 space-y-6 sm:space-y-5">
+
+    <x-validation-errors />
+
+    <div class="block">
+        <x-label for="title">{{ __('Titre') }}</x-label>
+        <x-input id="title" class="block mt-1 w-full" wire:model="title" name="title" required />
+        <p class="mt-2 text-sm text-skin-base font-normal">Maximum de 160 caractères.</p>
+    </div>
+
+    <div class="block standard relative z-50" wire:ignore>
+        <x-label for="channels_selected">Tags</x-label>
+        <x-forms.select wire:model="tags_selected" id="tags_selected" class="mt-2" x-data="{}" x-init="function () { choices($el) }" multiple>
+            @foreach($tags as $tag)
+                <option value="{{ $tag->id }}" @if(in_array($tag->id, $tags_selected)) selected @endif>{{ $tag->name }}</option>
+            @endforeach
+        </x-forms.select>
+    </div>
+
+    <div class="block space-y-2">
+        <x-label for="body">{{ __('Votre contenu') }}</x-label>
+        <livewire:markdown-x :content="$body" :style="[
+            'textarea' => 'w-full h-full border border-skin-input focus:border-skin-base focus:outline-none p-4 rounded-b-lg',
+            'height' => 'h-[450px]',
+        ]" />
+    </div>
+
+    <div class="pt-5 border-t border-skin-base">
+        <div class="flex justify-end">
+            <x-button type="button" class="inline-flex" wire:click="store">
+                <x-loader class="text-white" wire:loading wire:target="store" />
+                Enregistrer
+            </x-button>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/livewire/discussions/browse.blade.php b/resources/views/livewire/discussions/browse.blade.php
new file mode 100644
index 00000000..04b21c8b
--- /dev/null
+++ b/resources/views/livewire/discussions/browse.blade.php
@@ -0,0 +1,3 @@
+<div>
+    {{-- Be like water. --}}
+</div>
diff --git a/resources/views/livewire/discussions/create.blade.php b/resources/views/livewire/discussions/create.blade.php
new file mode 100644
index 00000000..c0958488
--- /dev/null
+++ b/resources/views/livewire/discussions/create.blade.php
@@ -0,0 +1,3 @@
+<div>
+    @include('livewire.discussions._form')
+</div>
diff --git a/resources/views/livewire/discussions/edit.blade.php b/resources/views/livewire/discussions/edit.blade.php
new file mode 100644
index 00000000..ad58cc83
--- /dev/null
+++ b/resources/views/livewire/discussions/edit.blade.php
@@ -0,0 +1,3 @@
+<div>
+    {{-- Stop trying to control. --}}
+</div>
diff --git a/resources/views/livewire/discussions/subscribe.blade.php b/resources/views/livewire/discussions/subscribe.blade.php
new file mode 100644
index 00000000..c3787739
--- /dev/null
+++ b/resources/views/livewire/discussions/subscribe.blade.php
@@ -0,0 +1,17 @@
+<div>
+    <span class="inline-flex rounded-md shadow-sm">
+        @can(App\Policies\DiscussionPolicy::UNSUBSCRIBE, $discussion)
+            <x-button type="button" wire:click="unsubscribe" wire:loading.attr="disabled">
+                <x-heroicon-s-bell class="h-5 w-5" />
+                <span class="mx-2">Se désabonner</span>
+                <x-loader class="text-white mx-0" wire:loading wire:target="unsubscribe" />
+            </x-button>
+        @elsecan(App\Policies\DiscussionPolicy::SUBSCRIBE, $discussion)
+            <x-default-button type="button" wire:click="subscribe" wire:loading.attr="disabled">
+                <x-heroicon-s-bell class="h-5 w-5" />
+                <span class="mx-2">S'abonner</span>
+                <x-loader class="text-white mx-0" wire:loading wire:target="subscribe" />
+            </x-default-button>
+        @endcan
+    </span>
+</div>
diff --git a/resources/views/livewire/forum/subscribe.blade.php b/resources/views/livewire/forum/subscribe.blade.php
index 459ad8d1..6bac68ee 100644
--- a/resources/views/livewire/forum/subscribe.blade.php
+++ b/resources/views/livewire/forum/subscribe.blade.php
@@ -23,11 +23,11 @@
                         <x-loader class="text-white mx-0" wire:loading wire:target="unsubscribe" />
                     </x-button>
                 @elsecan(App\Policies\ThreadPolicy::SUBSCRIBE, $thread)
-                    <x-button type="button" wire:click="subscribe" wire:loading.attr="disabled">
+                    <x-default-button type="button" wire:click="subscribe" wire:loading.attr="disabled">
                         <x-heroicon-s-bell class="h-5 w-5" />
                         <span class="mx-2">S'abonner</span>
                         <x-loader class="text-white mx-0" wire:loading wire:target="subscribe" />
-                    </x-button>
+                    </x-default-button>
                 @endcan
             </span>
         </div>
diff --git a/resources/views/user/profile.blade.php b/resources/views/user/profile.blade.php
index 7e90f92b..8d7cd52c 100644
--- a/resources/views/user/profile.blade.php
+++ b/resources/views/user/profile.blade.php
@@ -147,7 +147,7 @@ class="border-transparent text-skin-base hover:text-skin-inverted-muted hover:bo
                                     <x-heroicon-o-chat class="h-10 w-10 text-skin-primary mx-auto" />
                                     <p class="mt-1 text-skin-base text-sm leading-5">{{ $user->name }} n'a pas encore posté de discussions</p>
                                     @if ($user->isLoggedInUser())
-                                        <x-button link="#" class="mt-4">
+                                        <x-button :link="route('discussions.new')" class="mt-4">
                                             <x-heroicon-s-plus class="-ml-1 mr-2 h-5 w-5" />
                                             Nouvelle discussion
                                         </x-button>
diff --git a/routes/web.php b/routes/web.php
index caa29016..186b9aa0 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,8 +1,8 @@
 <?php
 
 use App\Http\Controllers\ArticlesController;
-use App\Http\Controllers\Forum\ReplyController;
-use App\Http\Controllers\Forum\ThreadController;
+use App\Http\Controllers\DiscussionController;
+use App\Http\Controllers\ThreadController;
 use App\Http\Controllers\HomeController;
 use App\Http\Controllers\OAuthController;
 use App\Http\Controllers\SubscriptionController;
@@ -39,11 +39,18 @@
 Route::prefix('articles')->group(function () {
     Route::get('/', [ArticlesController::class, 'index'])->name('articles');
     Route::get('/new', [ArticlesController::class, 'create'])->name('articles.new');
-    Route::post('/new', [ArticlesController::class, 'store'])->name('articles.store');
     Route::get('/{article}', [ArticlesController::class, 'show'])->name('articles.show');
     Route::get('/{article}/edit', [ArticlesController::class, 'edit'])->name('articles.edit');
 });
 
+// Discussions
+Route::prefix('discussions')->as('discussions.')->group(function () {
+    Route::get('/', [DiscussionController::class, 'index'])->name('index');
+    Route::get('/new', [DiscussionController::class, 'create'])->name('new');
+    Route::get('/{discussion}', [DiscussionController::class, 'show'])->name('show');
+    Route::get('/{discussion}/edit', [DiscussionController::class, 'edit'])->name('edit');
+});
+
 // Forum
 Route::prefix('forum')->as('forum.')->group(function () {
     Route::redirect('/channels', '/forum');
@@ -54,9 +61,6 @@
     Route::get('/{thread}/edit', [ThreadController::class, 'edit'])->name('edit');
 });
 
-// Replies
-Route::post('replies', [ReplyController::class, 'store'])->name('replies.store');
-
 // Subscriptions
 Route::get('subscriptions/{subscription}/unsubscribe', [SubscriptionController::class, 'unsubscribe'])
     ->name('subscriptions.unsubscribe');

From 83258c4dda60a7a9c48c111752090e7540f90e78 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Wed, 17 Nov 2021 17:04:51 +0100
Subject: [PATCH 04/27] :sparkles: mise en place du listing des discussions

---
 app/Http/Controllers/DiscussionController.php |   2 +-
 app/Http/Livewire/Articles/Browse.php         |  21 +---
 app/Http/Livewire/Discussions/Browse.php      |  41 ++++++-
 app/Http/Livewire/Reactions.php               |   2 +
 app/Models/Discussion.php                     |   1 -
 app/Traits/WithTags.php                       |  25 +++++
 public/css/app.css                            | 100 +++++++-----------
 resources/views/articles/show.blade.php       |   2 +-
 .../components/articles/filter.blade.php      |   2 +-
 .../components/articles/overview.blade.php    |   8 +-
 .../components/discussions/overview.blade.php |  50 +++++++++
 .../forum/thread-overview.blade.php           |   2 +-
 .../components/{articles => }/tag.blade.php   |   0
 resources/views/components/tags.blade.php     |  39 +++++++
 .../discussions/_contributions.blade.php      |   6 +-
 resources/views/discussions/show.blade.php    |   4 +-
 resources/views/layouts/_nav.blade.php        |   8 +-
 .../views/livewire/articles/browse.blade.php  |  21 +---
 .../livewire/discussions/browse.blade.php     |  66 +++++++++++-
 resources/views/livewire/reactions.blade.php  |  11 +-
 20 files changed, 287 insertions(+), 124 deletions(-)
 create mode 100644 app/Traits/WithTags.php
 create mode 100644 resources/views/components/discussions/overview.blade.php
 rename resources/views/components/{articles => }/tag.blade.php (100%)
 create mode 100644 resources/views/components/tags.blade.php

diff --git a/app/Http/Controllers/DiscussionController.php b/app/Http/Controllers/DiscussionController.php
index 78d09939..72be812c 100644
--- a/app/Http/Controllers/DiscussionController.php
+++ b/app/Http/Controllers/DiscussionController.php
@@ -31,7 +31,7 @@ public function show(Discussion $discussion)
             ->twitterSite('laravelcm')
             ->withUrl();
 
-        return view('discussions.show', compact('discussion'));
+        return view('discussions.show', ['discussion' => $discussion->load('tags')]);
     }
 
     public function create()
diff --git a/app/Http/Livewire/Articles/Browse.php b/app/Http/Livewire/Articles/Browse.php
index b2ec3563..ac154dd7 100644
--- a/app/Http/Livewire/Articles/Browse.php
+++ b/app/Http/Livewire/Articles/Browse.php
@@ -5,35 +5,18 @@
 use App\Models\Article;
 use App\Models\Tag;
 use App\Traits\WithInfiniteScroll;
+use App\Traits\WithTags;
 use Livewire\Component;
 
 class Browse extends Component
 {
-    use WithInfiniteScroll;
-
-    public string $sortBy = 'recent';
-    public ?string $tag = null;
+    use WithInfiniteScroll, WithTags;
 
     protected $queryString = [
         'tag' => ['except' => ''],
         'sortBy' => ['except' => 'recent'],
     ];
 
-    public function toggleTag($tag): void
-    {
-        $this->tag = $this->tag !== $tag && $this->tagExists($tag) ? $tag : null;
-    }
-
-    public function sortBy($sort): void
-    {
-        $this->sortBy = $this->validSort($sort) ? $sort : 'recent';
-    }
-
-    public function tagExists($tag): bool
-    {
-        return Tag::where('slug', $tag)->exists();
-    }
-
     public function validSort($sort): bool
     {
         return in_array($sort, [
diff --git a/app/Http/Livewire/Discussions/Browse.php b/app/Http/Livewire/Discussions/Browse.php
index e32e21fa..5f244bb1 100644
--- a/app/Http/Livewire/Discussions/Browse.php
+++ b/app/Http/Livewire/Discussions/Browse.php
@@ -2,12 +2,51 @@
 
 namespace App\Http\Livewire\Discussions;
 
+use App\Models\Discussion;
+use App\Models\Tag;
+use App\Traits\WithInfiniteScroll;
+use App\Traits\WithTags;
 use Livewire\Component;
 
 class Browse extends Component
 {
+    use WithInfiniteScroll, WithTags;
+
+    protected $queryString = [
+        'tag' => ['except' => ''],
+        'sortBy' => ['except' => 'recent'],
+    ];
+
+    public function validSort($sort): bool
+    {
+        return in_array($sort, [
+            'recent',
+            'popular',
+            'active',
+        ]);
+    }
+
     public function render()
     {
-        return view('livewire.discussions.browse');
+        $discussions = Discussion::with('tags')
+            ->withCount('replies')
+            ->notPinned();
+
+        $tags = Tag::whereJsonContains('concerns', ['discussion'])->orderBy('name')->get();
+
+        $selectedTag = Tag::where('name', $this->tag)->first();
+
+        if ($this->tag) {
+            $discussions->forTag($this->tag);
+        }
+
+        $discussions->{$this->sortBy}();
+
+        return view('livewire.discussions.browse', [
+            'discussions' => $discussions->paginate($this->perPage),
+            'tags' => $tags,
+            'selectedTag' => $selectedTag,
+            'selectedSortBy' => $this->sortBy,
+        ]);
     }
 }
diff --git a/app/Http/Livewire/Reactions.php b/app/Http/Livewire/Reactions.php
index 6bd9b775..c35ecfe8 100644
--- a/app/Http/Livewire/Reactions.php
+++ b/app/Http/Livewire/Reactions.php
@@ -14,6 +14,8 @@ class Reactions extends Component
 
     public Model $model;
     public bool $withPlaceHolder = true;
+    public bool $withBackground = true;
+    public string $direction = 'right';
 
     public function userReacted(string $reaction)
     {
diff --git a/app/Models/Discussion.php b/app/Models/Discussion.php
index 68a7b2b1..5121ea51 100644
--- a/app/Models/Discussion.php
+++ b/app/Models/Discussion.php
@@ -61,7 +61,6 @@ class Discussion extends Model implements ReactableInterface, ReplyInterface, Su
      * @var array
      */
     protected $with = [
-        'tags',
         'author',
     ];
 
diff --git a/app/Traits/WithTags.php b/app/Traits/WithTags.php
new file mode 100644
index 00000000..06dec1da
--- /dev/null
+++ b/app/Traits/WithTags.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Traits;
+
+use App\Models\Tag;
+
+trait WithTags {
+    public ?string $tag = null;
+    public string $sortBy = 'recent';
+
+    public function toggleTag($tag): void
+    {
+        $this->tag = $this->tag !== $tag && $this->tagExists($tag) ? $tag : null;
+    }
+
+    public function sortBy($sort): void
+    {
+        $this->sortBy = $this->validSort($sort) ? $sort : 'recent';
+    }
+
+    public function tagExists($tag): bool
+    {
+        return Tag::where('slug', $tag)->exists();
+    }
+}
diff --git a/public/css/app.css b/public/css/app.css
index d8645f2e..02230929 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -4331,6 +4331,9 @@ select {
 .bottom-0 {
 	bottom: 0px;
 }
+.-right-1 {
+	right: -0.25rem;
+}
 .-top-3 {
 	top: -0.75rem;
 }
@@ -4346,9 +4349,6 @@ select {
 .-bottom-0\.5 {
 	bottom: -0.125rem;
 }
-.-right-1 {
-	right: -0.25rem;
-}
 .-bottom-0 {
 	bottom: 0px;
 }
@@ -4389,6 +4389,14 @@ select {
 	margin-left: auto;
 	margin-right: auto;
 }
+.mx-2 {
+	margin-left: 0.5rem;
+	margin-right: 0.5rem;
+}
+.mx-0 {
+	margin-left: 0px;
+	margin-right: 0px;
+}
 .mx-1\.5 {
 	margin-left: 0.375rem;
 	margin-right: 0.375rem;
@@ -4397,10 +4405,6 @@ select {
 	margin-left: 0.25rem;
 	margin-right: 0.25rem;
 }
-.mx-2 {
-	margin-left: 0.5rem;
-	margin-right: 0.5rem;
-}
 .my-8 {
 	margin-top: 2rem;
 	margin-bottom: 2rem;
@@ -4417,10 +4421,6 @@ select {
 	margin-top: 2.5rem;
 	margin-bottom: 2.5rem;
 }
-.mx-0 {
-	margin-left: 0px;
-	margin-right: 0px;
-}
 .-mx-4 {
 	margin-left: -1rem;
 	margin-right: -1rem;
@@ -4486,6 +4486,9 @@ select {
 .-ml-1 {
 	margin-left: -0.25rem;
 }
+.mr-1 {
+	margin-right: 0.25rem;
+}
 .ml-1\.5 {
 	margin-left: 0.375rem;
 }
@@ -4495,9 +4498,6 @@ select {
 .mr-1\.5 {
 	margin-right: 0.375rem;
 }
-.mr-1 {
-	margin-right: 0.25rem;
-}
 .mt-4 {
 	margin-top: 1rem;
 }
@@ -5117,16 +5117,16 @@ select {
 	margin-right: calc(2rem * var(--tw-space-x-reverse));
 	margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
 }
-.space-y-5 > :not([hidden]) ~ :not([hidden]) {
-	--tw-space-y-reverse: 0;
-	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-}
 .space-y-16 > :not([hidden]) ~ :not([hidden]) {
 	--tw-space-y-reverse: 0;
 	margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
 	margin-bottom: calc(4rem * var(--tw-space-y-reverse));
 }
+.space-y-5 > :not([hidden]) ~ :not([hidden]) {
+	--tw-space-y-reverse: 0;
+	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+}
 .space-x-6 > :not([hidden]) ~ :not([hidden]) {
 	--tw-space-x-reverse: 0;
 	margin-right: calc(1.5rem * var(--tw-space-x-reverse));
@@ -5164,10 +5164,6 @@ select {
 	--tw-divide-opacity: 1;
 	border-color: rgba(228, 228, 231, var(--tw-divide-opacity));
 }
-.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-	--tw-divide-opacity: 1;
-	border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
-}
 .self-start {
 	align-self: flex-start;
 }
@@ -5267,15 +5263,15 @@ select {
 .rounded-tl-sm {
 	border-top-left-radius: 0.125rem;
 }
+.rounded-tl {
+	border-top-left-radius: 0.25rem;
+}
 .rounded-tr-lg {
 	border-top-right-radius: 0.5rem;
 }
 .rounded-br-lg {
 	border-bottom-right-radius: 0.5rem;
 }
-.rounded-tl {
-	border-top-left-radius: 0.25rem;
-}
 .border {
 	border-width: 1px;
 }
@@ -5701,6 +5697,14 @@ select {
 	padding-left: 0px;
 	padding-right: 0px;
 }
+.px-0\.5 {
+	padding-left: 0.125rem;
+	padding-right: 0.125rem;
+}
+.py-px {
+	padding-top: 1px;
+	padding-bottom: 1px;
+}
 .px-3\.5 {
 	padding-left: 0.875rem;
 	padding-right: 0.875rem;
@@ -5713,14 +5717,6 @@ select {
 	padding-top: 0.625rem;
 	padding-bottom: 0.625rem;
 }
-.px-0\.5 {
-	padding-left: 0.125rem;
-	padding-right: 0.125rem;
-}
-.py-px {
-	padding-top: 1px;
-	padding-bottom: 1px;
-}
 .pr-2 {
 	padding-right: 0.5rem;
 }
@@ -5832,6 +5828,9 @@ select {
 .pt-12 {
 	padding-top: 3rem;
 }
+.pb-6 {
+	padding-bottom: 1.5rem;
+}
 .text-left {
 	text-align: left;
 }
@@ -6176,10 +6175,6 @@ select {
 	--tw-text-opacity: 1;
 	color: rgba(127, 29, 29, var(--tw-text-opacity));
 }
-.text-gray-900 {
-	--tw-text-opacity: 1;
-	color: rgba(17, 24, 39, var(--tw-text-opacity));
-}
 .underline {
 	text-decoration: underline;
 }
@@ -6731,11 +6726,6 @@ html {
 	background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
 }
 
-.hover\:bg-gray-50:hover {
-	--tw-bg-opacity: 1;
-	background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
-}
-
 .hover\:text-skin-inverted-muted:hover {
 	--tw-text-opacity: 1;
 	color: rgba(var(--color-text-inverted-muted), var(--tw-text-opacity));
@@ -9093,30 +9083,10 @@ html {
 		grid-column: span 10 / span 10;
 	}
 
-	.lg\:col-start-9 {
-		grid-column-start: 9;
-	}
-
-	.lg\:col-start-8 {
-		grid-column-start: 8;
-	}
-
 	.lg\:col-start-10 {
 		grid-column-start: 10;
 	}
 
-	.lg\:col-end-12 {
-		grid-column-end: 12;
-	}
-
-	.lg\:col-end-13 {
-		grid-column-end: 13;
-	}
-
-	.lg\:col-end-auto {
-		grid-column-end: auto;
-	}
-
 	.lg\:mx-0 {
 		margin-left: 0px;
 		margin-right: 0px;
@@ -9235,6 +9205,10 @@ html {
 		justify-content: flex-end;
 	}
 
+	.lg\:justify-between {
+		justify-content: space-between;
+	}
+
 	.lg\:gap-6 {
 		gap: 1.5rem;
 	}
diff --git a/resources/views/articles/show.blade.php b/resources/views/articles/show.blade.php
index 96cc77d3..5f1bb0c9 100644
--- a/resources/views/articles/show.blade.php
+++ b/resources/views/articles/show.blade.php
@@ -85,7 +85,7 @@
                     @if ($article->tags->isNotEmpty())
                         <div class="flex items-center space-x-2">
                             @foreach ($article->tags as $tag)
-                                <x-articles.tag :tag="$tag" />
+                                <x-tag :tag="$tag" />
                             @endforeach
                         </div>
                     @endif
diff --git a/resources/views/components/articles/filter.blade.php b/resources/views/components/articles/filter.blade.php
index fe08bf61..27332673 100644
--- a/resources/views/components/articles/filter.blade.php
+++ b/resources/views/components/articles/filter.blade.php
@@ -13,7 +13,7 @@ class="{{ $selectedSortBy === 'recent' ? 'bg-skin-link text-skin-inverted': 'tex
                 <path clip-rule="evenodd" d="M3.61 12c0 6.937 2.098 9.25 8.391 9.25 6.294 0 8.391-2.313 8.391-9.25 0-6.937-2.097-9.25-8.391-9.25C5.708 2.75 3.61 5.063 3.61 12z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
             </svg>
             <span class="truncate">
-                Récents
+                Récent
             </span>
         </button>
 
diff --git a/resources/views/components/articles/overview.blade.php b/resources/views/components/articles/overview.blade.php
index 910e7ea5..2253ec8f 100644
--- a/resources/views/components/articles/overview.blade.php
+++ b/resources/views/components/articles/overview.blade.php
@@ -10,15 +10,15 @@
         @if ($article->tags->isNotEmpty())
             <div class="flex items-center space-x-2">
                 @foreach ($article->tags as $tag)
-                    <x-articles.tag :tag="$tag" />
+                    <x-tag :tag="$tag" />
                 @endforeach
             </div>
         @endif
         <div class="mt-2">
             <a href="{{ route('articles.show', $article) }}" class="group">
-                <h4 class="text-xl leading-7 font-bold font-sans text-skin-inverted group-hover:text-skin-primary">{{ $article->title }}</h4>
+                <h4 class="text-lg leading-6 font-semibold font-sans text-skin-inverted group-hover:text-skin-primary">{{ $article->title }}</h4>
             </a>
-            <p class="mt-1 text-base font-normal text-skin-base leading-6">
+            <p class="mt-1 text-sm font-normal text-skin-base leading-5">
                 {!! $article->excerpt() !!}
             </p>
             <div class="mt-3 flex items-center font-sans">
@@ -35,7 +35,7 @@
                         </a>
                     </p>
                     <div class="flex space-x-1 text-sm text-skin-muted">
-                        <time datetime="{{ $article->createdAt()->format('Y-m-d') }}">{{ $article->createdAt()->format('j M, Y') }}</time>
+                        <time datetime="{{ $article->created_at->format('Y-m-d') }}">{{ $article->created_at->format('j M, Y') }}</time>
                         <span aria-hidden="true">&middot;</span>
                         <span>{{ $article->readTime() }} min de lecture</span>
                     </div>
diff --git a/resources/views/components/discussions/overview.blade.php b/resources/views/components/discussions/overview.blade.php
new file mode 100644
index 00000000..fc602e37
--- /dev/null
+++ b/resources/views/components/discussions/overview.blade.php
@@ -0,0 +1,50 @@
+@props(['discussion'])
+
+<div class="py-6">
+    <div class="lg:flex lg:items-center lg:justify-between">
+        <div class="flex-1">
+            <h2 class="text-xl font-semibold font-sans text-skin-inverted leading-7">
+                <a href="{{ route('discussions.show', $discussion) }}" class="hover:text-skin-primary">{{ $discussion->title }}</a>
+            </h2>
+        </div>
+        <div class="mt-2 lg:mt-0 flex-shrink-0 self-start">
+            @if (count($tags = $discussion->tags))
+                <div class="flex flex-wrap gap-2 lg:gap-x-3">
+                    @foreach ($tags as $tag)
+                        <x-tag :tag="$tag" />
+                    @endforeach
+                </div>
+            @endif
+        </div>
+    </div>
+    <p class="mt-1 text-sm font-normal text-skin-base leading-5">
+        {!! $discussion->excerpt(175) !!}
+    </p>
+    <div class="mt-3 flex justify-between">
+        <div class="flex items-center text-sm font-sans text-skin-muted">
+            <a class="flex-shrink-0" href="/user/{{ $discussion->author->username }}">
+                <img class="h-6 w-6 rounded-full" src="{{ $discussion->author->profile_photo_url }}" alt="{{ $discussion->author->name }}">
+            </a>
+            <span class="ml-2 pr-1">Posté par</span>
+            <div class="flex items-center space-x-1">
+                <a href="/user/{{ $discussion->author->username }}" class="text-skin-inverted hover:underline">{{ $discussion->author->name }}</a>
+                <span aria-hidden="true">&middot;</span>
+                <time datetime="{{ $discussion->created_at->format('Y-m-d') }}">{{ $discussion->created_at->diffForHumans() }}</time>
+            </div>
+        </div>
+        <div class="flex items-center space-x-4">
+            <livewire:reactions
+                wire:key="{{ $discussion->id }}"
+                :model="$discussion"
+                direction="left"
+                :with-place-holder="false"
+                :with-background="false"
+            />
+            <p class="inline-flex text-sm space-x-2 text-skin-base">
+                <x-heroicon-o-chat-alt-2 class="h-5 w-5" />
+                <span class="font-normal text-skin-inverted-muted">{{ $discussion->replies_count }}</span>
+                <span class="sr-only">réponses</span>
+            </p>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/forum/thread-overview.blade.php b/resources/views/components/forum/thread-overview.blade.php
index 7e6380aa..fccfae06 100644
--- a/resources/views/components/forum/thread-overview.blade.php
+++ b/resources/views/components/forum/thread-overview.blade.php
@@ -1,6 +1,6 @@
 @props(['thread'])
 
-<div class="bg-skin-card px-4 py-6 shadow sm:p-6 sm:rounded-lg">
+<div class="bg-skin-card px-4 py-6 rounded-lg shadow sm:p-6">
     <article aria-labelledby="question-title-{{ $thread->id }}">
         <div>
             <div class="lg:flex lg:space-x-3">
diff --git a/resources/views/components/articles/tag.blade.php b/resources/views/components/tag.blade.php
similarity index 100%
rename from resources/views/components/articles/tag.blade.php
rename to resources/views/components/tag.blade.php
diff --git a/resources/views/components/tags.blade.php b/resources/views/components/tags.blade.php
new file mode 100644
index 00000000..e9a75b32
--- /dev/null
+++ b/resources/views/components/tags.blade.php
@@ -0,0 +1,39 @@
+@props(['tags', 'isLowercase' => false, 'showHashTag' => false])
+
+<div x-data="{ selectedTag: '{{ $selectedTag ? $selectedTag->id() : null }}' }"
+     class="mt-4"
+     aria-labelledby="posts-tags"
+>
+    @foreach($tags as $tag)
+        <button
+            wire:click="toggleTag('{{ $tag->slug() }}')"
+            type="button"
+            @class([
+                'mb-1.5 group inline-flex items-center px-3 py-1 text-sm font-medium text-skin-inverted rounded-full border border-skin-base font-sans hover:bg-skin-card',
+                'bg-skin-card' => $selectedTag && $selectedTag->id() === $tag->id(),
+            ])
+        >
+            @if($showHashTag)
+                <span class="text-skin-muted group-hover:hidden">#</span>
+            @endif
+
+            <svg
+                @class([
+                    'mr-1.5 h-2 w-2 brand-'. $tag->slug,
+                    'hidden group-hover:block' => $showHashTag
+                ])
+                fill="currentColor"
+                viewBox="0 0 8 8"
+            >
+                <circle cx="4" cy="4" r="3" />
+            </svg>
+
+            <span @class(['truncate', 'lowercase' => $isLowercase])>{{ $tag->name }}</span>
+
+            @if($selectedTag && $selectedTag->id() === $tag->id())
+                <x-heroicon-o-x-circle class="ml-1.5 w-4 h-4 text-skin-muted group-hover:text-skin-base"/>
+            @endif
+
+        </button>
+    @endforeach
+</div>
diff --git a/resources/views/discussions/_contributions.blade.php b/resources/views/discussions/_contributions.blade.php
index bd675e86..5d8e34cf 100644
--- a/resources/views/discussions/_contributions.blade.php
+++ b/resources/views/discussions/_contributions.blade.php
@@ -1,4 +1,4 @@
-<div class="sticky space-y-16 top-4">
+<aside class="sticky space-y-16 top-4">
     <div>
         <h4 class="text-lg font-semibold text-skin-inverted font-sans leading-6">Top Contributeurs</h4>
         <p class="mt-3 font-normal text-skin-base text-sm">Les personnes qui ont lancé le plus de discussions sur le site.</p>
@@ -45,7 +45,7 @@
                                     <h3 class="text-sm font-medium text-skin-inverted font-sans">{{ $discussion->author->name }}</h3>
                                     <p class="text-xs text-skin-muted font-normal truncate">{{ $discussion->created_at->diffForHumans() }}</p>
                                 </div>
-                                <p class="text-sm text-skin-base font-normal">{{ $discussion->title }}</p>
+                                <a href="{{ route('discussions.show', $discussion) }}" class="inline-flex text-sm text-skin-base font-normal hover:text-skin-primary leading-5">{{ $discussion->title }}</a>
                             </div>
                         </div>
                     </li>
@@ -54,4 +54,4 @@
         </div>
 
     </div>
-</div>
+</aside>
diff --git a/resources/views/discussions/show.blade.php b/resources/views/discussions/show.blade.php
index 9802585d..84de5ab1 100644
--- a/resources/views/discussions/show.blade.php
+++ b/resources/views/discussions/show.blade.php
@@ -4,7 +4,7 @@
 
 @section('body')
 
-    <div class="relative lg:grid lg:grid-cols-12 lg:gap-10">
+    <div class="relative lg:grid lg:grid-cols-12 lg:gap-8">
         <div class="lg:col-span-8">
             <header class="space-y-5 border-b border-skin-base">
                 <div>
@@ -16,7 +16,7 @@
                         @if ($discussion->tags->isNotEmpty())
                             <div class="flex items-center space-x-2">
                                 @foreach ($discussion->tags as $tag)
-                                    <x-articles.tag :tag="$tag" />
+                                    <x-tag :tag="$tag" />
                                 @endforeach
                             </div>
                         @endif
diff --git a/resources/views/layouts/_nav.blade.php b/resources/views/layouts/_nav.blade.php
index 78c3e251..2de47fa9 100644
--- a/resources/views/layouts/_nav.blade.php
+++ b/resources/views/layouts/_nav.blade.php
@@ -14,12 +14,12 @@
                     <a href="{{ route('articles') }}" class="inline-flex items-center px-1 text-sm font-medium {{ active(['articles', 'articles*'], 'text-skin-primary hover:text-skin-primary-hover', 'text-skin-menu hover:text-skin-menu-hover') }}">
                         {{ __('Articles') }}
                     </a>
-                    <a href="#" class="inline-flex items-center px-1 text-sm font-medium {{ active(['tutorials', 'tutorials*'], 'text-skin-primary hover:text-skin-primary-hover', 'text-skin-menu hover:text-skin-menu-hover') }}">
-                        {{ __('Vidéos') }}
-                    </a>
                     <a href="{{ route('discussions.index') }}" class="inline-flex items-center px-1 text-sm font-medium {{ active(['discussions', 'discussions*'], 'text-skin-primary hover:text-skin-primary-hover', 'text-skin-menu hover:text-skin-menu-hover') }}">
                         {{ __('Discussions') }}
                     </a>
+                    <a href="#" class="inline-flex items-center px-1 text-sm font-medium {{ active(['tutorials', 'tutorials*'], 'text-skin-primary hover:text-skin-primary-hover', 'text-skin-menu hover:text-skin-menu-hover') }}">
+                        {{ __('Vidéos') }}
+                    </a>
                     <div class="relative px-1 mt-1.5">
                         <button @click="flyoutMenu =! flyoutMenu" type="button" class="group rounded-md inline-flex items-center font-medium text-skin-menu hover:text-skin-menu-hover focus:outline-none focus:ring-0" :class="{ 'text-skin-menu-hover': flyoutMenu, 'text-skin-menu': !(flyoutMenu) }">
                             <x-heroicon-s-dots-horizontal class="h-5 w-5" />
@@ -285,8 +285,8 @@ class="origin-top-right absolute right-0 mt-2 w-60 rounded-md shadow-lg py-1 bg-
         <div class="pt-2 pb-3 space-y-1">
             <a href="{{ route('forum.index') }}" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['forum', 'forum*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Forum') }}</a>
             <a href="{{ route('articles') }}" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['articles', 'articles*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Articles') }}</a>
-            <a href="#" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['tutorials', 'tutorials*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Vidéos') }}</a>
             <a href="{{ route('discussions.index') }}" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['discussions', 'discussions*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Discussions') }}</a>
+            <a href="#" class="border-transparent hover:bg-skin-card-muted hover:border-skin block pl-3 pr-4 py-2 border-l-4 text-base font-medium {{ active(['tutorials', 'tutorials*'], 'bg-green-50 border-green-500 text-skin-primary', 'text-skin-menu hover:text-skin-menu-hover') }}">{{ __('Vidéos') }}</a>
         </div>
         <div class="py-4 px-3 border-t border-skin-light">
             <h4 class="text-sm leading-5 font-medium uppercase tracking-wide text-skin-muted">{{ __('Autres') }}</h4>
diff --git a/resources/views/livewire/articles/browse.blade.php b/resources/views/livewire/articles/browse.blade.php
index c50260d0..3470a7ee 100644
--- a/resources/views/livewire/articles/browse.blade.php
+++ b/resources/views/livewire/articles/browse.blade.php
@@ -5,32 +5,15 @@
                 <x-articles.filter :selectedSortBy="$selectedSortBy" />
 
                 <div class="pt-8">
-                    <span class="inline-flex items-center px-2 py-1 rounded text-sm font-medium bg-skin-link text-skin-base font-sans">
+                    <span class="inline-flex items-center px-2 py-1 rounded-md text-sm font-medium bg-skin-link text-skin-base font-sans">
                         <svg class="mr-1.5 h-2 w-2 text-skin-base" fill="currentColor" viewBox="0 0 8 8">
                             <circle cx="4" cy="4" r="3" />
                         </svg>
                         Tous les tags
                     </span>
 
-                    <div x-data="{ selectedTag: '{{ $selectedTag ? $selectedTag->id() : null }}' }"
-                         class="mt-4"
-                         aria-labelledby="posts-tags"
-                    >
-                        @foreach($tags as $tag)
-                            <button wire:click="toggleTag('{{ $tag->slug() }}')" type="button" class="mb-1.5 group inline-flex items-center px-3 py-1 text-sm font-medium text-skin-inverted rounded-full border border-skin-input font-sans">
-                                <span class="text-skin-muted group-hover:hidden">#</span>
-                                <svg class="mr-1.5 h-2 w-2 brand-{{ $tag->slug }} hidden group-hover:block" :class="{ 'block' : '{{ $tag->id() }}' === selectedTag }" fill="currentColor" viewBox="0 0 8 8">
-                                    <circle cx="4" cy="4" r="3" />
-                                </svg>
-                                <span class="truncate lowercase">{{ $tag->name }}</span>
-                                @if($selectedTag && $selectedTag->id() === $tag->id())
-                                    <x-heroicon-o-x-circle class="ml-1.5 w-4 h-4 text-green-500"/>
-                                @endif
-                            </button>
-                        @endforeach
-                    </div>
+                    <x-tags :tags="$tags" :selected-tag="$selectedTag" isLowercase showHashTag />
                 </div>
-
             </div>
         </div>
         <div
diff --git a/resources/views/livewire/discussions/browse.blade.php b/resources/views/livewire/discussions/browse.blade.php
index 04b21c8b..28529fe1 100644
--- a/resources/views/livewire/discussions/browse.blade.php
+++ b/resources/views/livewire/discussions/browse.blade.php
@@ -1,3 +1,65 @@
-<div>
-    {{-- Be like water. --}}
+<div class="relative lg:grid lg:grid-cols-12 lg:gap-8">
+    <div class="hidden lg:block lg:col-span-2">
+        <aside class="sticky top-4 divide-y divide-skin-base">
+            <div class="pb-6">
+                <span class="inline-flex items-center px-2 py-1 rounded-md text-sm font-medium bg-skin-link text-skin-base font-sans">
+                    <svg class="mr-1.5 h-2 w-2 text-skin-base" fill="currentColor" viewBox="0 0 8 8">
+                        <circle cx="4" cy="4" r="3" />
+                    </svg>
+                    Toutes les catégories
+                </span>
+
+                <x-tags :tags="$tags" :selected-tag="$selectedTag" />
+            </div>
+            @auth
+                <div class="py-6 space-y-3">
+                    <h4 class="text-sm leading-5 font-sans text-skin-base">Vous avez un sujet passionnant ?</h4>
+                    <x-button :link="route('discussions.new')">Nouvelle discussion</x-button>
+                </div>
+            @endauth
+        </aside>
+    </div>
+    <div class="relative lg:col-span-7">
+        <div class="w-full">
+            <nav class="relative z-0 rounded-lg shadow flex divide-x divide-skin-base" aria-label="Tabs">
+                <button
+                    type="button"
+                    wire:click="sortBy('recent')"
+                    aria-current="{{ $selectedSortBy === 'recent' ? 'page' : 'false' }}"
+                    class="w-full {{ $selectedSortBy === 'recent' ? 'text-skin-inverted': 'text-skin-base hover:text-skin-inverted' }} rounded-l-lg group relative min-w-0 flex-1 overflow-hidden bg-skin-card py-4 px-6 text-sm font-medium text-center hover:bg-skin-card-muted focus:z-10"
+                >
+                    <span>Récent</span>
+                    <span aria-hidden="true" class="{{ $selectedSortBy === 'recent' ? 'bg-skin-primary': 'bg-transparent' }} absolute inset-x-0 bottom-0 h-0.5"></span>
+                </button>
+
+                <button
+                    type="button"
+                    wire:click="sortBy('popular')"
+                    aria-current="{{ $selectedSortBy === 'popular' ? 'page' : 'false' }}"
+                    class="w-full {{ $selectedSortBy === 'popular' ? 'text-skin-inverted': 'text-skin-base hover:text-skin-inverted' }} group relative min-w-0 flex-1 overflow-hidden bg-skin-card py-4 px-6 text-sm font-medium text-center hover:bg-skin-card-muted focus:z-10"
+                >
+                    <span>Populaire</span>
+                    <span aria-hidden="true" class="{{ $selectedSortBy === 'popular' ? 'bg-skin-primary': 'bg-transparent' }} absolute inset-x-0 bottom-0 h-0.5"></span>
+                </button>
+
+                <button
+                    type="button"
+                    wire:click="sortBy('active')"
+                    aria-current="{{ $selectedSortBy === 'active' ? 'page' : 'false' }}"
+                    class="w-full {{ $selectedSortBy === 'active' ? 'text-skin-inverted': 'text-skin-base hover:text-skin-inverted' }} rounded-r-lg group relative min-w-0 flex-1 overflow-hidden bg-skin-card py-4 px-6 text-sm font-medium text-center hover:bg-skin-card-muted focus:z-10"
+                >
+                    <span>Actif</span>
+                    <span aria-hidden="true" class="{{ $selectedSortBy === 'active' ? 'bg-skin-primary': 'bg-transparent' }} absolute inset-x-0 bottom-0 h-0.5"></span>
+                </button>
+            </nav>
+        </div>
+        <div class="relative mt-4 divide-y divide-skin-base z-20">
+            @foreach($discussions as $discussion)
+                <x-discussions.overview :discussion="$discussion" />
+            @endforeach
+        </div>
+    </div>
+    <div class="hidden lg:block lg:col-span-3">
+        @include('discussions._contributions')
+    </div>
 </div>
diff --git a/resources/views/livewire/reactions.blade.php b/resources/views/livewire/reactions.blade.php
index dde7ecd4..7222bbd2 100644
--- a/resources/views/livewire/reactions.blade.php
+++ b/resources/views/livewire/reactions.blade.php
@@ -10,7 +10,10 @@ class="flex items-center text-skin-base hover:underline text-sm leading-5 focus:
     @else
         <button
             @click="showReactions = ! showReactions"
-            class="rounded-md flex relative justify-between items-center py-2 px-3 cursor-pointer h-8 bg-skin-card hover:bg-skin-card-muted rounded-md shadow-md"
+            @class([
+                'flex relative justify-between items-center cursor-pointer h-8',
+                'py-2 px-3 rounded-md bg-skin-card hover:bg-skin-card-muted rounded-md shadow' => $withBackground
+            ])
         >
             <div class="flex items-center justify-center space-x-2">
                 @foreach($model->getReactionsSummary() as $reaction)
@@ -30,7 +33,11 @@ class="rounded-md flex relative justify-between items-center py-2 px-3 cursor-po
         x-transition:leave="transition ease-in duration-75"
         x-transition:leave-start="transform opacity-100 scale-100"
         x-transition:leave-end="transform opacity-0 scale-95"
-        class="origin-top absolute left-0 mt-4 w-56 rounded-md shadow-lg"
+        @class([
+            'origin-top absolute mt-4 w-56 rounded-md shadow-lg',
+            'left-0' => $direction === 'right',
+            'right-0' => $direction !== 'right',
+        ])
         style="display: none;"
     >
         <div class="p-3 pt-4 bg-skin-card rounded-md shadow-lg">

From 30edba3d921f7cf972a7dd19ba91d772dd0dfcd0 Mon Sep 17 00:00:00 2001
From: mckenziearts <mckenziearts@users.noreply.github.com>
Date: Wed, 17 Nov 2021 16:05:40 +0000
Subject: [PATCH 05/27] Apply php-cs-fixer changes

---
 app/Http/Controllers/ThreadController.php | 1 -
 app/Traits/WithTags.php                   | 3 ++-
 routes/web.php                            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/Http/Controllers/ThreadController.php b/app/Http/Controllers/ThreadController.php
index 13661b75..691099c6 100644
--- a/app/Http/Controllers/ThreadController.php
+++ b/app/Http/Controllers/ThreadController.php
@@ -2,7 +2,6 @@
 
 namespace App\Http\Controllers;
 
-use App\Http\Controllers\Controller;
 use App\Models\Channel;
 use App\Models\Thread;
 use Illuminate\Http\Request;
diff --git a/app/Traits/WithTags.php b/app/Traits/WithTags.php
index 06dec1da..c1bb7e7a 100644
--- a/app/Traits/WithTags.php
+++ b/app/Traits/WithTags.php
@@ -4,7 +4,8 @@
 
 use App\Models\Tag;
 
-trait WithTags {
+trait WithTags
+{
     public ?string $tag = null;
     public string $sortBy = 'recent';
 
diff --git a/routes/web.php b/routes/web.php
index 186b9aa0..b92b6272 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,10 +2,10 @@
 
 use App\Http\Controllers\ArticlesController;
 use App\Http\Controllers\DiscussionController;
-use App\Http\Controllers\ThreadController;
 use App\Http\Controllers\HomeController;
 use App\Http\Controllers\OAuthController;
 use App\Http\Controllers\SubscriptionController;
+use App\Http\Controllers\ThreadController;
 use App\Http\Controllers\User;
 use Illuminate\Support\Facades\Route;
 

From d2abd28de5bf16fd301467b262b6757c5ad38934 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Thu, 18 Nov 2021 00:22:48 +0100
Subject: [PATCH 06/27] :sparkles: ajout de l'edition et la suppression d'une
 discussion

---
 app/Http/Livewire/Discussions/Create.php      |  1 -
 app/Http/Livewire/Discussions/Edit.php        | 47 ++++++++++++++++++-
 app/Http/Livewire/Forum/EditThread.php        |  2 +-
 app/Http/Livewire/Modals/DeleteDiscussion.php | 41 ++++++++++++++++
 app/Models/Discussion.php                     |  3 +-
 app/Providers/AppServiceProvider.php          |  4 +-
 ...ns.php => InactiveDiscussionsComposer.php} |  2 +-
 jsconfig.json                                 |  0
 resources/views/discussions/edit.blade.php    | 21 +++++++--
 resources/views/discussions/show.blade.php    | 15 ++++++
 .../views/livewire/discussions/edit.blade.php |  2 +-
 .../modals/delete-discussion.blade.php        | 30 ++++++++++++
 12 files changed, 156 insertions(+), 12 deletions(-)
 create mode 100644 app/Http/Livewire/Modals/DeleteDiscussion.php
 rename app/View/Composers/{InactiveDiscussions.php => InactiveDiscussionsComposer.php} (92%)
 create mode 100644 jsconfig.json
 create mode 100644 resources/views/livewire/modals/delete-discussion.blade.php

diff --git a/app/Http/Livewire/Discussions/Create.php b/app/Http/Livewire/Discussions/Create.php
index e8cca421..85f2d33c 100644
--- a/app/Http/Livewire/Discussions/Create.php
+++ b/app/Http/Livewire/Discussions/Create.php
@@ -17,7 +17,6 @@ class Create extends Component
     public string $body = '';
 
     protected $listeners = ['markdown-x:update' => 'onMarkdownUpdate'];
-
     protected $rules = [
         'title' => ['required', 'max:150'],
         'body' => ['required'],
diff --git a/app/Http/Livewire/Discussions/Edit.php b/app/Http/Livewire/Discussions/Edit.php
index f211f1f6..451230dc 100644
--- a/app/Http/Livewire/Discussions/Edit.php
+++ b/app/Http/Livewire/Discussions/Edit.php
@@ -3,14 +3,59 @@
 namespace App\Http\Livewire\Discussions;
 
 use App\Models\Discussion;
+use App\Models\Tag;
+use App\Traits\WithTagsAssociation;
 use Livewire\Component;
 
 class Edit extends Component
 {
+    use WithTagsAssociation;
+
     public Discussion $discussion;
+    public string $title = '';
+    public string $body = '';
+
+    protected $listeners = ['markdown-x:update' => 'onMarkdownUpdate'];
+    protected $rules = [
+        'title' => ['required', 'max:150'],
+        'body' => ['required'],
+        'tags_selected' => 'nullable|array',
+    ];
+
+    public function mount(Discussion $discussion)
+    {
+        $this->discussion = $discussion;
+        $this->title = $discussion->title;
+        $this->body = $discussion->body;
+        $this->associateTags = $this->tags_selected = old('tags', $discussion->tags()->pluck('id')->toArray());
+    }
+
+    public function onMarkdownUpdate(string $content)
+    {
+        $this->body = $content;
+    }
+
+    public function store()
+    {
+        $this->validate();
+
+        $this->discussion->update([
+            'title' => $this->title,
+            'slug' => $this->title,
+            'body' => $this->body,
+        ]);
+
+        if (collect($this->associateTags)->isNotEmpty()) {
+            $this->discussion->syncTags($this->associateTags);
+        }
+
+        $this->redirectRoute('discussions.show', $this->discussion);
+    }
 
     public function render()
     {
-        return view('livewire.discussions.edit');
+        return view('livewire.discussions.edit', [
+            'tags' => Tag::whereJsonContains('concerns', ['discussion'])->get(),
+        ]);
     }
 }
diff --git a/app/Http/Livewire/Forum/EditThread.php b/app/Http/Livewire/Forum/EditThread.php
index 0413bb3c..634a420a 100644
--- a/app/Http/Livewire/Forum/EditThread.php
+++ b/app/Http/Livewire/Forum/EditThread.php
@@ -26,7 +26,7 @@ public function mount(Thread $thread)
     {
         $this->title = $thread->title;
         $this->body = $thread->body;
-        $this->associateChannels = $this->channels_selected = old('tags', $thread->channels()->pluck('id')->toArray());
+        $this->associateChannels = $this->channels_selected = old('channels', $thread->channels()->pluck('id')->toArray());
     }
 
     public function onMarkdownUpdate(string $content)
diff --git a/app/Http/Livewire/Modals/DeleteDiscussion.php b/app/Http/Livewire/Modals/DeleteDiscussion.php
new file mode 100644
index 00000000..45566d01
--- /dev/null
+++ b/app/Http/Livewire/Modals/DeleteDiscussion.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Http\Livewire\Modals;
+
+use App\Models\Discussion;
+use App\Policies\DiscussionPolicy;
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use LivewireUI\Modal\ModalComponent;
+
+class DeleteDiscussion extends ModalComponent
+{
+    use AuthorizesRequests;
+
+    public ?Discussion $discussion = null;
+
+    public function mount($id)
+    {
+        $this->discussion = Discussion::find($id);
+    }
+
+    public static function modalMaxWidth(): string
+    {
+        return 'xl';
+    }
+
+    public function delete()
+    {
+        $this->authorize(DiscussionPolicy::DELETE, $this->discussion);
+
+        $this->discussion->delete();
+
+        session()->flash('status', 'La discussion a été supprimé avec tous ses commentaires.');
+
+        $this->redirectRoute('discussions.index');
+    }
+
+    public function render()
+    {
+        return view('livewire.modals.delete-discussion');
+    }
+}
diff --git a/app/Models/Discussion.php b/app/Models/Discussion.php
index 5121ea51..ba3edea4 100644
--- a/app/Models/Discussion.php
+++ b/app/Models/Discussion.php
@@ -152,7 +152,8 @@ public function scopeActive(Builder $query): Builder
 
     public function scopeNoComments(Builder $query): Builder
     {
-        return $query->whereDoesntHave('replies');
+        return $query->whereDoesntHave('replies')
+            ->orderByDesc('created_at');
     }
 
     public function lockedDiscussion()
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index b93e319c..474b5ed7 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -3,7 +3,7 @@
 namespace App\Providers;
 
 use App\View\Composers\ChannelsComposer;
-use App\View\Composers\InactiveDiscussions;
+use App\View\Composers\InactiveDiscussionsComposer;
 use App\View\Composers\ModeratorsComposer;
 use App\View\Composers\TopContributorsComposer;
 use App\View\Composers\TopMembersComposer;
@@ -62,6 +62,6 @@ public function bootViewsComposer()
         View::composer('forum._top-members', TopMembersComposer::class);
         View::composer('forum._moderators', ModeratorsComposer::class);
         View::composer('discussions._contributions', TopContributorsComposer::class);
-        View::composer('discussions._contributions', InactiveDiscussions::class);
+        View::composer('discussions._contributions', InactiveDiscussionsComposer::class);
     }
 }
diff --git a/app/View/Composers/InactiveDiscussions.php b/app/View/Composers/InactiveDiscussionsComposer.php
similarity index 92%
rename from app/View/Composers/InactiveDiscussions.php
rename to app/View/Composers/InactiveDiscussionsComposer.php
index 66383911..acb17304 100644
--- a/app/View/Composers/InactiveDiscussions.php
+++ b/app/View/Composers/InactiveDiscussionsComposer.php
@@ -6,7 +6,7 @@
 use Illuminate\Support\Facades\Cache;
 use Illuminate\View\View;
 
-class InactiveDiscussions
+class InactiveDiscussionsComposer
 {
     public function compose(View $view)
     {
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/views/discussions/edit.blade.php b/resources/views/discussions/edit.blade.php
index e65c09cf..fb318a4f 100644
--- a/resources/views/discussions/edit.blade.php
+++ b/resources/views/discussions/edit.blade.php
@@ -1,9 +1,22 @@
-@title('Modifier mon sujet')
+@title(__('Modifier la discussion > :subject', ['subject' => $discussion->subject()]))
 
-@extends('layouts.master')
+@extends('layouts.default')
 
-@section('content')
+@section('body')
 
-    <livewire:discussions.edit :discussion="$discussion" />
+    <div class="max-w-4xl mx-auto">
+        <div class="space-y-8 divide-y divide-skin-base sm:space-y-5">
+            <div>
+                <h3 class="text-lg leading-6 font-medium text-skin-inverted">
+                    Modifier ma discussion
+                </h3>
+                <p class="mt-1 max-w-2xl text-sm text-skin-base font-normal">
+                    Assurez-vous d'avoir lu nos <a href="{{ route('rules') }}" class="font-medium text-skin-primary hover:text-skin-primary-hover">règles de conduite</a> avant de continuer.
+                </p>
+            </div>
+
+            <livewire:discussions.edit :discussion="$discussion" />
+        </div>
+    </div>
 
 @endsection
diff --git a/resources/views/discussions/show.blade.php b/resources/views/discussions/show.blade.php
index 84de5ab1..6364fa99 100644
--- a/resources/views/discussions/show.blade.php
+++ b/resources/views/discussions/show.blade.php
@@ -44,6 +44,21 @@
                             <div class="text-sm prose md:prose-lg prose-green text-skin-base mx-auto max-w-none">
                                 <x-markdown-content :content="$discussion->body" />
                             </div>
+                            <div class="mt-3 relative inline-flex">
+                                <livewire:reactions
+                                    wire:key="{{ $discussion->id }}"
+                                    :model="$discussion"
+                                    :with-place-holder="false"
+                                    :with-background="false"
+                                />
+                            </div>
+                            @can(App\Policies\DiscussionPolicy::UPDATE, $discussion)
+                                <div class="mt-2 flex items-center space-x-2">
+                                    <a href="{{ route('discussions.edit', $discussion) }}" class="text-sm leading-5 font-sans text-skin-base focus:outline-none hover:underline">Éditer</a>
+                                    <span class="text-skin-base font-medium">·</span>
+                                    <button onclick="Livewire.emit('openModal', 'modals.delete-discussion', {{ json_encode([$discussion->id]) }})" type="button" class="text-sm leading-5 font-sans text-red-500 focus:outline-none hover:underline">Supprimer</button>
+                                </div>
+                            @endcan
                         </div>
                     </div>
                 </div>
diff --git a/resources/views/livewire/discussions/edit.blade.php b/resources/views/livewire/discussions/edit.blade.php
index ad58cc83..c0958488 100644
--- a/resources/views/livewire/discussions/edit.blade.php
+++ b/resources/views/livewire/discussions/edit.blade.php
@@ -1,3 +1,3 @@
 <div>
-    {{-- Stop trying to control. --}}
+    @include('livewire.discussions._form')
 </div>
diff --git a/resources/views/livewire/modals/delete-discussion.blade.php b/resources/views/livewire/modals/delete-discussion.blade.php
new file mode 100644
index 00000000..b49f2a4b
--- /dev/null
+++ b/resources/views/livewire/modals/delete-discussion.blade.php
@@ -0,0 +1,30 @@
+<x-modal footerClasses="px-4 pb-5 sm:px-4 sm:flex sm:flex-row-reverse">
+    <x-slot name="content">
+        <div class="sm:flex sm:items-start">
+            <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
+                <x-heroicon-o-exclamation class="h-6 w-6 text-red-600" />
+            </div>
+            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
+                <h3 class="text-lg leading-6 font-medium text-skin-inverted font-sans" id="modal-headline">
+                    {{ __('Supprimer cette discussion') }}
+                </h3>
+                <div class="mt-2">
+                    <p class="text-sm leading-5 text-skin-base font-normal">
+                        {{ __('Voulez-vous vraiment supprimer cette discussion? Tous les commentaires seront supprimés cette action est irréversible.') }}
+                    </p>
+                </div>
+            </div>
+        </div>
+    </x-slot>
+
+    <x-slot name="buttons">
+        <span class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
+            <x-wi-button wire:click="delete" spinner type="button" negative :label="__('Confirmer')" />
+        </span>
+        <span class="mt-3 flex w-full rounded-md shadow-sm sm:mt-0 sm:w-auto">
+            <x-default-button wire:click="$emit('closeModal')" type="button">
+                {{ __('Annuler') }}
+            </x-default-button>
+        </span>
+    </x-slot>
+</x-modal>

From 2d643cc7a86609cc18aca647fd3954b26048cadd Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Thu, 18 Nov 2021 00:23:15 +0100
Subject: [PATCH 07/27] :bento: ajout de la config js pour webpack

---
 jsconfig.json  | 12 ++++++++++++
 webpack.mix.js | 24 ++++++++++++++++++------
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/jsconfig.json b/jsconfig.json
index e69de29b..04f7ddba 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "allowSyntheticDefaultImports": false,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["resources/js/*"],
+      "@components/*": ["resources/js/components/*"]
+    }
+  },
+  "exclude": ["node_modules", "public"]
+}
diff --git a/webpack.mix.js b/webpack.mix.js
index 9f45d59f..4637e4c2 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -1,4 +1,5 @@
 const mix = require('laravel-mix');
+const path = require('path');
 
 /*
  |--------------------------------------------------------------------------
@@ -19,11 +20,22 @@ mix.js('resources/js/app.js', 'public/js')
       require('tailwindcss'),
       require('autoprefixer'),
     ],
+  })
+  .webpackConfig({
+  output: { chunkFilename: 'js/[name].js?id=[chunkhash]' },
+  resolve: {
+    extensions: ['*', '.js', '.jsx'],
+    alias: {
+      '@': path.resolve('./resources/js'),
+      '@components': path.resolve('./resources/js/components'),
+    },
+    modules: [
+      'node_modules',
+      __dirname + '/vendor/spatie/laravel-medialibrary-pro/resources/js',
+    ]
+  }
 });
 
-mix.override((webpackConfig) => {
-  webpackConfig.resolve.modules = [
-    "node_modules",
-    __dirname + "/vendor/spatie/laravel-medialibrary-pro/resources/js",
-  ];
-});
+if (mix.inProduction()) {
+  mix.version();
+}

From 91096be8e3f0cc4598f80c2a43d2354425d10d04 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Thu, 18 Nov 2021 00:46:54 +0100
Subject: [PATCH 08/27] :sparkles: ajout des discussions dans le profil
 utilisateur

---
 app/Http/Livewire/User/Activities.php         |  5 --
 app/Http/Livewire/User/Articles.php           | 12 +--
 app/Http/Livewire/User/Discussions.php        | 22 ++++++
 app/Http/Livewire/User/Threads.php            | 11 ++-
 public/css/app.css                            | 75 +++++++++++--------
 .../feeds/created_discussion.blade.php        | 22 ++++++
 resources/views/errors/minimal.blade.php      |  2 +-
 .../views/livewire/user/discussions.blade.php | 22 ++++++
 resources/views/user/profile.blade.php        | 13 +---
 9 files changed, 121 insertions(+), 63 deletions(-)
 create mode 100644 app/Http/Livewire/User/Discussions.php
 create mode 100644 resources/views/livewire/user/discussions.blade.php

diff --git a/app/Http/Livewire/User/Activities.php b/app/Http/Livewire/User/Activities.php
index 821aadb6..2e73ff86 100644
--- a/app/Http/Livewire/User/Activities.php
+++ b/app/Http/Livewire/User/Activities.php
@@ -10,11 +10,6 @@ class Activities extends Component
 {
     public User $user;
 
-    public function mount(User $user)
-    {
-        $this->user = $user;
-    }
-
     public function render()
     {
         return view('livewire.user.activities', [
diff --git a/app/Http/Livewire/User/Articles.php b/app/Http/Livewire/User/Articles.php
index 05152a1f..01603ab4 100644
--- a/app/Http/Livewire/User/Articles.php
+++ b/app/Http/Livewire/User/Articles.php
@@ -9,15 +9,15 @@ class Articles extends Component
 {
     public User $user;
 
-    public function mount(User $user)
-    {
-        $this->user = $user;
-    }
-
     public function render()
     {
         return view('livewire.user.articles', [
-            'articles' => $this->user->articles()->with('tags')->published()->recent()->limit(5)->get(),
+            'articles' => $this->user->articles()
+                ->with('tags')
+                ->published()
+                ->recent()
+                ->limit(5)
+                ->get(),
         ]);
     }
 }
diff --git a/app/Http/Livewire/User/Discussions.php b/app/Http/Livewire/User/Discussions.php
new file mode 100644
index 00000000..adaa10f2
--- /dev/null
+++ b/app/Http/Livewire/User/Discussions.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Http\Livewire\User;
+
+use App\Models\User;
+use Livewire\Component;
+
+class Discussions extends Component
+{
+    public User $user;
+
+    public function render()
+    {
+        return view('livewire.user.discussions', [
+            'discussions' => $this->user->discussions()
+                ->with('tags')
+                ->withCount('replies')
+                ->limit(5)
+                ->get(),
+        ]);
+    }
+}
diff --git a/app/Http/Livewire/User/Threads.php b/app/Http/Livewire/User/Threads.php
index b9f7cde4..a5425818 100644
--- a/app/Http/Livewire/User/Threads.php
+++ b/app/Http/Livewire/User/Threads.php
@@ -9,15 +9,14 @@ class Threads extends Component
 {
     public User $user;
 
-    public function mount(User $user)
-    {
-        $this->user = $user;
-    }
-
     public function render()
     {
         return view('livewire.user.threads', [
-            'threads' => $this->user->threads()->with(['solutionReply', 'channels', 'reactions'])->orderByDesc('created_at')->limit(5)->get(),
+            'threads' => $this->user->threads()
+                ->with(['solutionReply', 'channels', 'reactions'])
+                ->orderByDesc('created_at')
+                ->limit(5)
+                ->get(),
         ]);
     }
 }
diff --git a/public/css/app.css b/public/css/app.css
index 02230929..5ae99995 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -4519,12 +4519,6 @@ select {
 .-mb-8 {
 	margin-bottom: -2rem;
 }
-.mb-1\.5 {
-	margin-bottom: 0.375rem;
-}
-.mb-1 {
-	margin-bottom: 0.25rem;
-}
 .mt-12 {
 	margin-top: 3rem;
 }
@@ -4564,6 +4558,12 @@ select {
 .mb-3 {
 	margin-bottom: 0.75rem;
 }
+.mb-1\.5 {
+	margin-bottom: 0.375rem;
+}
+.mb-1 {
+	margin-bottom: 0.25rem;
+}
 .mb-2 {
 	margin-bottom: 0.5rem;
 }
@@ -4600,6 +4600,9 @@ select {
 .-ml-0 {
 	margin-left: 0px;
 }
+.-mt-6 {
+	margin-top: -1.5rem;
+}
 .block {
 	display: block;
 }
@@ -5217,15 +5220,15 @@ select {
 .rounded-full {
 	border-radius: 9999px;
 }
-.rounded {
-	border-radius: 0.25rem;
-}
 .rounded-sm {
 	border-radius: 0.125rem;
 }
 .rounded-xl {
 	border-radius: 0.75rem;
 }
+.rounded {
+	border-radius: 0.25rem;
+}
 .rounded-none {
 	border-radius: 0px;
 }
@@ -5774,12 +5777,18 @@ select {
 .pr-3 {
 	padding-right: 0.75rem;
 }
+.pr-1 {
+	padding-right: 0.25rem;
+}
 .pb-3 {
 	padding-bottom: 0.75rem;
 }
 .pr-4 {
 	padding-right: 1rem;
 }
+.pb-6 {
+	padding-bottom: 1.5rem;
+}
 .pl-16 {
 	padding-left: 4rem;
 }
@@ -5807,9 +5816,6 @@ select {
 .pr-2\.5 {
 	padding-right: 0.625rem;
 }
-.pr-1 {
-	padding-right: 0.25rem;
-}
 .pr-14 {
 	padding-right: 3.5rem;
 }
@@ -5828,9 +5834,6 @@ select {
 .pt-12 {
 	padding-top: 3rem;
 }
-.pb-6 {
-	padding-bottom: 1.5rem;
-}
 .text-left {
 	text-align: left;
 }
@@ -5853,22 +5856,18 @@ select {
 	font-size: 0.875rem;
 	line-height: 1.25rem;
 }
+.text-lg {
+	font-size: 1.125rem;
+	line-height: 1.75rem;
+}
 .text-xl {
 	font-size: 1.25rem;
 	line-height: 1.75rem;
 }
-.text-base {
-	font-size: 1rem;
-	line-height: 1.5rem;
-}
 .text-xs {
 	font-size: 0.75rem;
 	line-height: 1rem;
 }
-.text-lg {
-	font-size: 1.125rem;
-	line-height: 1.75rem;
-}
 .text-2xl {
 	font-size: 1.5rem;
 	line-height: 2rem;
@@ -5881,6 +5880,10 @@ select {
 	font-size: 2.25rem;
 	line-height: 2.5rem;
 }
+.text-base {
+	font-size: 1rem;
+	line-height: 1.5rem;
+}
 .text-\[12px\] {
 	font-size: 12px;
 }
@@ -5894,18 +5897,18 @@ select {
 .font-medium {
 	font-weight: 500;
 }
-.font-bold {
-	font-weight: 700;
+.font-semibold {
+	font-weight: 600;
 }
 .font-normal {
 	font-weight: 300;
 }
-.font-semibold {
-	font-weight: 600;
-}
 .font-extrabold {
 	font-weight: 800;
 }
+.font-bold {
+	font-weight: 700;
+}
 .uppercase {
 	text-transform: uppercase;
 }
@@ -5918,9 +5921,6 @@ select {
 .italic {
 	font-style: italic;
 }
-.leading-7 {
-	line-height: 1.75rem;
-}
 .leading-6 {
 	line-height: 1.5rem;
 }
@@ -5939,6 +5939,9 @@ select {
 .leading-8 {
 	line-height: 2rem;
 }
+.leading-7 {
+	line-height: 1.75rem;
+}
 .leading-none {
 	line-height: 1;
 }
@@ -7581,14 +7584,20 @@ html {
 		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 	}
 
-	.sm\:rounded-lg {
-		border-radius: 0.5rem;
+	.sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+		--tw-space-y-reverse: 0;
+		margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+		margin-bottom: calc(2rem * var(--tw-space-y-reverse));
 	}
 
 	.sm\:rounded-xl {
 		border-radius: 0.75rem;
 	}
 
+	.sm\:rounded-lg {
+		border-radius: 0.5rem;
+	}
+
 	.sm\:border-0 {
 		border-width: 0px;
 	}
diff --git a/resources/views/components/feeds/created_discussion.blade.php b/resources/views/components/feeds/created_discussion.blade.php
index e69de29b..356e9042 100644
--- a/resources/views/components/feeds/created_discussion.blade.php
+++ b/resources/views/components/feeds/created_discussion.blade.php
@@ -0,0 +1,22 @@
+@props(['activity'])
+
+<li>
+    <div class="relative pb-8">
+        <span class="absolute top-5 left-5 -ml-px h-full w-0.5 bg-skin-footer" aria-hidden="true"></span>
+        <div class="relative flex space-x-3">
+            <div>
+                <span class="h-8 w-8 rounded-full bg-skin-card-gray flex items-center justify-center ring-8 ring-body">
+                    <x-heroicon-o-chat-alt-2 class="h-5 w-5 text-skin-inverted-muted" />
+                </span>
+            </div>
+            <div class="min-w-0 flex-1">
+                <div>
+                    <p class="text-sm text-skin-base">a démarré une conversation <a href="{{ route('discussions.show', $activity->subject) }}" class="font-medium text-skin-primary hover:text-skin-primary-hover">{{ $activity->subject->title }}</a></p>
+                </div>
+                <div class="mt-1.5 text-sm whitespace-nowrap text-skin-muted font-sans">
+                    <time datetime="{{ $activity->created_at->format('Y-m-d') }}">{{ $activity->created_at->diffForHumans() }}</time>
+                </div>
+            </div>
+        </div>
+    </div>
+</li>
diff --git a/resources/views/errors/minimal.blade.php b/resources/views/errors/minimal.blade.php
index f546b0d4..2db4e73c 100644
--- a/resources/views/errors/minimal.blade.php
+++ b/resources/views/errors/minimal.blade.php
@@ -85,7 +85,7 @@
                         <div class="min-w-0 flex-1">
                             <h3 class="text-base font-medium text-skin-inverted font-sans">
                                 <span class="rounded-sm focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-green-500">
-                                    <a href="#" class="focus:outline-none">
+                                    <a href="{{ route('rules') }}" class="focus:outline-none">
                                         <span class="absolute inset-0" aria-hidden="true"></span>
                                         Guides
                                     </a>
diff --git a/resources/views/livewire/user/discussions.blade.php b/resources/views/livewire/user/discussions.blade.php
new file mode 100644
index 00000000..f5236ed8
--- /dev/null
+++ b/resources/views/livewire/user/discussions.blade.php
@@ -0,0 +1,22 @@
+<div>
+    @if($discussions->isNotEmpty())
+        <div class="-mt-6 relative divide-y divide-skin-base z-20">
+            @foreach($discussions as $discussion)
+                <x-discussions.overview :discussion="$discussion" />
+            @endforeach
+        </div>
+    @else
+        <div class="flex items-center justify-between rounded-md border border-skin-base border-dashed py-8 px-6">
+            <div class="text-center max-w-sm mx-auto">
+                <x-heroicon-o-chat class="h-10 w-10 text-skin-primary mx-auto" />
+                <p class="mt-1 text-skin-base text-sm leading-5">{{ $user->name }} n'a pas encore posté de discussions</p>
+                @if ($user->isLoggedInUser())
+                    <x-button :link="route('discussions.new')" class="mt-4">
+                        <x-heroicon-s-plus class="-ml-1 mr-2 h-5 w-5" />
+                        Nouvelle discussion
+                    </x-button>
+                @endif
+            </div>
+        </div>
+    @endif
+</div>
diff --git a/resources/views/user/profile.blade.php b/resources/views/user/profile.blade.php
index 8d7cd52c..e5bd7530 100644
--- a/resources/views/user/profile.blade.php
+++ b/resources/views/user/profile.blade.php
@@ -142,18 +142,7 @@ class="border-transparent text-skin-base hover:text-skin-inverted-muted hover:bo
                             <livewire:user.articles :user="$user" />
                         </div>
                         <div x-cloak x-show="activeTab === 'discussions'">
-                            <div class="flex items-center justify-between rounded-md border border-skin-base border-dashed py-8 px-6">
-                                <div class="text-center max-w-sm mx-auto">
-                                    <x-heroicon-o-chat class="h-10 w-10 text-skin-primary mx-auto" />
-                                    <p class="mt-1 text-skin-base text-sm leading-5">{{ $user->name }} n'a pas encore posté de discussions</p>
-                                    @if ($user->isLoggedInUser())
-                                        <x-button :link="route('discussions.new')" class="mt-4">
-                                            <x-heroicon-s-plus class="-ml-1 mr-2 h-5 w-5" />
-                                            Nouvelle discussion
-                                        </x-button>
-                                    @endif
-                                </div>
-                            </div>
+                            <livewire:user.discussions :user="$user" />
                         </div>
                         <div x-cloak x-show="activeTab === 'questions'">
                             <livewire:user.threads :user="$user" />

From 926df0cb19d5b4a9d450a35dbe3826cff9814624 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Thu, 18 Nov 2021 08:33:40 +0100
Subject: [PATCH 09/27] :sparkles: modification de l'affichage des dates avec
 le time-ago customElement

---
 resources/js/elements/Confetti.js                      |  0
 resources/js/elements/TimeAgo.js                       |  0
 resources/js/elements/TimeCountdown.js                 |  0
 resources/js/elements/index.js                         |  0
 resources/js/helpers/api.js                            |  0
 resources/js/helpers/auth.js                           |  0
 resources/js/helpers/cookie.js                         |  0
 resources/js/helpers/darkMode.js                       |  0
 resources/js/helpers/preact.js                         |  0
 resources/js/helpers/string.js                         |  0
 resources/js/helpers/window.js                         |  0
 .../views/components/discussions/overview.blade.php    |  2 +-
 .../views/components/forum/thread-overview.blade.php   |  2 +-
 resources/views/discussions/show.blade.php             |  5 ++++-
 resources/views/forum/thread.blade.php                 |  7 +++++--
 resources/views/layouts/master.blade.php               | 10 +++++++++-
 resources/views/user/profile.blade.php                 |  4 ++--
 17 files changed, 22 insertions(+), 8 deletions(-)
 create mode 100644 resources/js/elements/Confetti.js
 create mode 100644 resources/js/elements/TimeAgo.js
 create mode 100644 resources/js/elements/TimeCountdown.js
 create mode 100644 resources/js/elements/index.js
 create mode 100644 resources/js/helpers/api.js
 create mode 100644 resources/js/helpers/auth.js
 create mode 100644 resources/js/helpers/cookie.js
 create mode 100644 resources/js/helpers/darkMode.js
 create mode 100644 resources/js/helpers/preact.js
 create mode 100644 resources/js/helpers/string.js
 create mode 100644 resources/js/helpers/window.js

diff --git a/resources/js/elements/Confetti.js b/resources/js/elements/Confetti.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/elements/TimeAgo.js b/resources/js/elements/TimeAgo.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/elements/TimeCountdown.js b/resources/js/elements/TimeCountdown.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/elements/index.js b/resources/js/elements/index.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/api.js b/resources/js/helpers/api.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/auth.js b/resources/js/helpers/auth.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/cookie.js b/resources/js/helpers/cookie.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/darkMode.js b/resources/js/helpers/darkMode.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/preact.js b/resources/js/helpers/preact.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/string.js b/resources/js/helpers/string.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/window.js b/resources/js/helpers/window.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/views/components/discussions/overview.blade.php b/resources/views/components/discussions/overview.blade.php
index fc602e37..23ee88c0 100644
--- a/resources/views/components/discussions/overview.blade.php
+++ b/resources/views/components/discussions/overview.blade.php
@@ -29,7 +29,7 @@
             <div class="flex items-center space-x-1">
                 <a href="/user/{{ $discussion->author->username }}" class="text-skin-inverted hover:underline">{{ $discussion->author->name }}</a>
                 <span aria-hidden="true">&middot;</span>
-                <time datetime="{{ $discussion->created_at->format('Y-m-d') }}">{{ $discussion->created_at->diffForHumans() }}</time>
+                <time-ago time="{{ $discussion->created_at->getTimestamp() }}"/>
             </div>
         </div>
         <div class="flex items-center space-x-4">
diff --git a/resources/views/components/forum/thread-overview.blade.php b/resources/views/components/forum/thread-overview.blade.php
index fccfae06..6f45e0c1 100644
--- a/resources/views/components/forum/thread-overview.blade.php
+++ b/resources/views/components/forum/thread-overview.blade.php
@@ -16,7 +16,7 @@
                             </a>
                         </p>
                         <p class="text-sm text-skin-base font-normal">
-                            <time datetime="{{ $thread->created_at }}">{{ $thread->last_posted_at->format('j M, Y \à H:i') }}</time>
+                            <time-ago time="{{ $thread->created_at->getTimestamp() }}"/>
                         </p>
                     </div>
                 </div>
diff --git a/resources/views/discussions/show.blade.php b/resources/views/discussions/show.blade.php
index 6364fa99..c10ef3c8 100644
--- a/resources/views/discussions/show.blade.php
+++ b/resources/views/discussions/show.blade.php
@@ -38,7 +38,9 @@
                                     </p>
                                 </div>
                                 <div class="mt-1 text-sm whitespace-nowrap text-skin-muted font-normal">
-                                    <time datetime="{{ $discussion->created_at->format('Y-m-d') }}">Crée {{ $discussion->created_at->diffForHumans() }}</time>
+                                    <time class="sr-only" datetime="{{ $discussion->created_at->format('Y-m-d') }}">{{ $discussion->created_at->diffForHumans() }}</time>
+                                    Crée
+                                    <time-ago time="{{ $discussion->created_at->getTimestamp() }}"/>
                                 </div>
                             </div>
                             <div class="text-sm prose md:prose-lg prose-green text-skin-base mx-auto max-w-none">
@@ -69,6 +71,7 @@
                     <livewire:discussions.subscribe :discussion="$discussion" />
                 @endauth
             </div>
+
             <div class="mt-8" id="discussions-replies"></div>
         </div>
         <div class="hidden lg:block lg:col-start-10 lg:col-span-3">
diff --git a/resources/views/forum/thread.blade.php b/resources/views/forum/thread.blade.php
index 9142377c..a6cf1e3f 100644
--- a/resources/views/forum/thread.blade.php
+++ b/resources/views/forum/thread.blade.php
@@ -36,9 +36,12 @@
                             <img class="inline-block rounded-full h-5 w-5 mr-1" src="{{ $thread->author->profile_photo_url }}" alt="Avatar de {{ $thread->author->username }}">
                             <span class="font-sans">{{ '@' . $thread->author->username }}</span>
                         </a>
-                        <span class="inline-flex ml-1.5">
-                            a posé le <time class="mx-1.5" datetime="{{ $thread->created_at }}" title="{{ $thread->last_posted_at->format('j M, Y \à H:i') }}">{{ $thread->last_posted_at->format('j M, Y \à H:i') }}</time> dans
+                        <span class="inline-flex mx-1.5 space-x-1">
+                            <span>a posé</span>
+                            <time-ago time="{{ $thread->created_at->getTimestamp() }}"/>
+                            <time class="sr-only" datetime="{{ $thread->created_at }}" title="{{ $thread->last_posted_at->format('j M, Y \à H:i') }}">{{ $thread->last_posted_at->format('j M, Y \à H:i') }}</time>
                         </span>
+                        <span>dans</span>
                     </div>
                     <div class="mt-2 sm:mt-0 sm:ml-2 self-center flex items-center space-x-2">
                         <div class="flex-shrink-0">
diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php
index 0f804d3b..2eb063f4 100644
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -14,6 +14,9 @@
         {{ config('app.name') }}
         {{ is_active('home') ? '- La plus grande communauté de développeurs Laravel & PHP au Cameroun' : '' }}
     </title>
+    <meta property="og:site_name" content="Laravel.cm"/>
+    <meta property="og:language" content="fr"/>
+    <meta name="twitter:author" content="@laravelcm"/>
 
     <!-- Styles -->
     <link href="https://fonts.cdnfonts.com/css/operator-mono" rel="stylesheet">
@@ -22,7 +25,12 @@
     @livewireStyles
 
     <script>
-        window.Laravel = {!! json_encode(['csrfToken' => csrf_token()]) !!};
+        window.csrfToken = {!! json_encode(['csrfToken' => csrf_token()]) !!};
+        window.laravel = {
+            ...(window.laravel || {}),
+            isModerator: {{ auth()->user() && auth()->user()->hasAnyRole('admin', 'moderator') ? 'true' : 'false' }},
+            user: {{ auth()->user() ? auth()->id() : 'null' }},
+        }
     </script>
 
     <!-- Scripts -->
diff --git a/resources/views/user/profile.blade.php b/resources/views/user/profile.blade.php
index e5bd7530..9ef2112f 100644
--- a/resources/views/user/profile.blade.php
+++ b/resources/views/user/profile.blade.php
@@ -25,7 +25,7 @@
                             @endif
                         </h1>
                         <p class="text-sm font-medium text-skin-base font-normal">
-                            {{ __('Inscrit depuis') }} <time datetime="{{ $user->created_at->format('Y-m-d') }}">{{ $user->created_at->toFormattedDateString() }}</time>
+                            {{ __('Inscrit') }} <time-ago time="{{ $user->created_at->getTimestamp() }}"/>
                         </p>
                     </div>
                     <div class="mt-6 flex flex-col justify-stretch space-y-3 sm:flex-row sm:space-y-0 sm:space-x-4">
@@ -47,7 +47,7 @@
                     {{ $user->name }}
                 </h1>
                 <p class="text-sm font-medium text-skin-base font-normal">
-                    {{ __('Inscrit depuis') }} <time datetime="{{ $user->created_at->format('Y-m-d') }}">{{ $user->created_at->toFormattedDateString() }}</time>
+                    {{ __('Inscrit') }} <time-ago time="{{ $user->created_at->getTimestamp() }}"/>
                 </p>
             </div>
         </x-container>

From 11f82c05df829ee85f4b229e3b8c12e79bc2899d Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Fri, 19 Nov 2021 16:05:49 +0100
Subject: [PATCH 10/27] :card_file_box: update des tags seeder

---
 babel.config.json                                | 0
 database/seeders/TagSeeder.php                   | 3 ++-
 resources/js/api/comments.js                     | 0
 resources/js/components/Comments.jsx             | 0
 resources/js/helpers/animation.js                | 0
 resources/js/helpers/dom.js                      | 0
 resources/js/helpers/hooks.js                    | 0
 resources/views/components/user-status.blade.php | 0
 8 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 babel.config.json
 create mode 100644 resources/js/api/comments.js
 create mode 100644 resources/js/components/Comments.jsx
 create mode 100644 resources/js/helpers/animation.js
 create mode 100644 resources/js/helpers/dom.js
 create mode 100644 resources/js/helpers/hooks.js
 create mode 100644 resources/views/components/user-status.blade.php

diff --git a/babel.config.json b/babel.config.json
new file mode 100644
index 00000000..e69de29b
diff --git a/database/seeders/TagSeeder.php b/database/seeders/TagSeeder.php
index 0c98eb8d..73a70f39 100644
--- a/database/seeders/TagSeeder.php
+++ b/database/seeders/TagSeeder.php
@@ -21,7 +21,7 @@ public function run()
         $this->createTag('Packages', 'packages', ['post', 'tutorial']);
         $this->createTag('Design', 'design', ['post', 'tutorial']);
         $this->createTag('PHP', 'php', ['post', 'tutorial']);
-        $this->createTag('Tailwind', 'tailwind', ['post', 'tutorial']);
+        $this->createTag('TailwindCSS', 'tailwindcss', ['post', 'tutorial']);
         $this->createTag('JavaScript', 'javascript', ['post', 'tutorial']);
         $this->createTag('Applications', 'applications', ['post', 'tutorial']);
         $this->createTag('React', 'react', ['post', 'tutorial']);
@@ -35,6 +35,7 @@ public function run()
         $this->createTag('Branding', 'branding', ['discussion']);
         $this->createTag('Projets', 'projets', ['discussion']);
         $this->createTag('Paiement en ligne', 'paiement-en-ligne', ['discussion']);
+        $this->createTag('Développement', 'developpement', ['discussion']);
     }
 
     private function createTag(string $name, string $slug, array $concerns = []): void
diff --git a/resources/js/api/comments.js b/resources/js/api/comments.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/components/Comments.jsx b/resources/js/components/Comments.jsx
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/animation.js b/resources/js/helpers/animation.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/dom.js b/resources/js/helpers/dom.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/helpers/hooks.js b/resources/js/helpers/hooks.js
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/views/components/user-status.blade.php b/resources/views/components/user-status.blade.php
new file mode 100644
index 00000000..e69de29b

From 891c119dfaa034ae196882addf33d29337d1a56a Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Fri, 19 Nov 2021 16:06:42 +0100
Subject: [PATCH 11/27] :heavy_plus_sign: installation et configuration de
 preact et babel avec laarvel mix

---
 babel.config.json | 29 +++++++++++++++++++++++++++++
 jsconfig.json     |  4 +++-
 package.json      | 14 +++++++++++++-
 webpack.mix.js    |  6 +++++-
 4 files changed, 50 insertions(+), 3 deletions(-)

diff --git a/babel.config.json b/babel.config.json
index e69de29b..cc6acf7d 100644
--- a/babel.config.json
+++ b/babel.config.json
@@ -0,0 +1,29 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": "last 2 versions, not dead, not ie 6-11",
+        "modules": false,
+        "useBuiltIns": false,
+        "corejs": null
+      }
+    ]
+  ],
+  "plugins": [
+    ["@babel/plugin-transform-react-jsx", { "pragma": "h", "pragmaFrag": "Fragment" }],
+    [
+      "babel-plugin-jsx-pragmatic",
+      {
+        "module": "preact",
+        "import": "h, Fragment",
+        "export": "h, Fragment"
+      }
+    ]
+  ],
+  "env": {
+    "test": {
+      "presets": [["@babel/preset-env"]]
+    }
+  }
+}
diff --git a/jsconfig.json b/jsconfig.json
index 04f7ddba..7db190c7 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -5,7 +5,9 @@
     "baseUrl": "./",
     "paths": {
       "@/*": ["resources/js/*"],
-      "@components/*": ["resources/js/components/*"]
+      "@api/*": ["resources/js/api/*"],
+      "@components/*": ["resources/js/components/*"],
+      "@helpers/*": ["resources/js/helpers/*"]
     }
   },
   "exclude": ["node_modules", "public"]
diff --git a/package.json b/package.json
index 20588d5a..492ca11f 100644
--- a/package.json
+++ b/package.json
@@ -10,9 +10,18 @@
     "production": "mix --production"
   },
   "devDependencies": {
+    "@babel/core": "^7.12.10",
+    "@babel/plugin-transform-react-jsx": "^7.12.12",
+    "@babel/plugin-transform-runtime": "^7.16.4",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-react": "^7.16.0",
+    "babel-plugin-jsx-pragmatic": "^1.0.2",
+    "eslint-config-preact": "^1.1.3",
     "laravel-mix": "^6.0.6",
     "lodash": "^4.17.19",
-    "postcss": "^8.2.9"
+    "postcss": "^8.2.9",
+    "prettier": "^2.3.1",
+    "prettier-standard": "^16.4.1"
   },
   "dependencies": {
     "@tailwindcss/aspect-ratio": "^0.2.0",
@@ -22,9 +31,12 @@
     "alpinejs": "^3.2.0",
     "autoprefixer": "^10.2.6",
     "axios": "^0.21.1",
+    "canvas-confetti": "^1.4.0",
     "choices.js": "^9.0.1",
     "highlight.js": "^10.7.1",
+    "htm": "^3.1.0",
     "intl-tel-input": "^17.0.13",
+    "preact": "^10.5.15",
     "tailwindcss": "^2.2.4"
   }
 }
diff --git a/webpack.mix.js b/webpack.mix.js
index 4637e4c2..55e15ceb 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -14,7 +14,7 @@ const path = require('path');
 
 mix.disableNotifications();
 
-mix.js('resources/js/app.js', 'public/js')
+mix.js('resources/js/app.js', 'public/js').react()
   .postCss('resources/css/app.css', 'public/css').options({
     postCss: [
       require('tailwindcss'),
@@ -27,7 +27,11 @@ mix.js('resources/js/app.js', 'public/js')
     extensions: ['*', '.js', '.jsx'],
     alias: {
       '@': path.resolve('./resources/js'),
+      '@api': path.resolve('./resources/js/api'),
       '@components': path.resolve('./resources/js/components'),
+      '@helpers': path.resolve('./resources/js/helpers'),
+      "react": "preact/compat",
+      "react-dom": "preact/compat"
     },
     modules: [
       'node_modules',

From 3e8ade6e0dbe321baec424ad298276eb6f496a2a Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Fri, 19 Nov 2021 16:07:32 +0100
Subject: [PATCH 12/27] :sparkles: Ajout des controllers, api, et modification
 des services providers

---
 app/Http/Controllers/Api/ReplyController.php  | 35 +++++++++++++++++
 app/Http/Resources/ReplyResource.php          | 21 ++++++++++
 app/Http/Resources/UserResource.php           | 18 +++++++++
 app/Models/Reply.php                          | 24 +++++++++++-
 app/Providers/AppServiceProvider.php          | 39 ++++++++++++++++---
 .../Composers/InactiveDiscussionsComposer.php |  2 +-
 6 files changed, 130 insertions(+), 9 deletions(-)
 create mode 100644 app/Http/Controllers/Api/ReplyController.php
 create mode 100644 app/Http/Resources/ReplyResource.php
 create mode 100644 app/Http/Resources/UserResource.php

diff --git a/app/Http/Controllers/Api/ReplyController.php b/app/Http/Controllers/Api/ReplyController.php
new file mode 100644
index 00000000..60311cad
--- /dev/null
+++ b/app/Http/Controllers/Api/ReplyController.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller;
+use App\Http\Resources\ReplyResource;
+use App\Models\Discussion;
+use App\Models\Reply;
+use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
+
+class ReplyController extends Controller
+{
+    public function all(int $target): AnonymousResourceCollection
+    {
+        /** @var Discussion $discussion */
+        $discussion = Discussion::findOrFail($target);
+
+        return ReplyResource::collection($discussion->replies);
+    }
+
+    public function store()
+    {
+
+    }
+
+    public function update()
+    {
+
+    }
+
+    public function delete()
+    {
+
+    }
+}
diff --git a/app/Http/Resources/ReplyResource.php b/app/Http/Resources/ReplyResource.php
new file mode 100644
index 00000000..268f243c
--- /dev/null
+++ b/app/Http/Resources/ReplyResource.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class ReplyResource extends JsonResource
+{
+    public function toArray($request): array
+    {
+        return [
+            'id' => $this->id,
+            'body' => $this->body,
+            'model_type' => $this->replyable_type,
+            'model_id' => $this->replyable_id,
+            'created_at' => $this->created_at->getTimestamp(),
+            'author' => new UserResource($this->author),
+            'replies' => $this->replyable_type === 'discussion' ? self::collection($this->replies) : null,
+        ];
+    }
+}
diff --git a/app/Http/Resources/UserResource.php b/app/Http/Resources/UserResource.php
new file mode 100644
index 00000000..50a4e838
--- /dev/null
+++ b/app/Http/Resources/UserResource.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class UserResource extends JsonResource
+{
+    public function toArray($request): array
+    {
+        return [
+            'id' => $this->id,
+            'name' => $this->name,
+            'username' => $this->username,
+            'profile_photo_url' => $this->profile_photo_url,
+        ];
+    }
+}
diff --git a/app/Models/Reply.php b/app/Models/Reply.php
index 0d705597..d405dcd6 100644
--- a/app/Models/Reply.php
+++ b/app/Models/Reply.php
@@ -5,6 +5,7 @@
 use App\Contracts\ReactableInterface;
 use App\Contracts\ReplyInterface;
 use App\Traits\HasAuthor;
+use App\Traits\HasReplies;
 use App\Traits\Reactable;
 use App\Traits\RecordsActivity;
 use Carbon\Carbon;
@@ -15,9 +16,13 @@
 use Illuminate\Database\Eloquent\Relations\MorphTo;
 use Illuminate\Support\Str;
 
-class Reply extends Model implements ReactableInterface
+class Reply extends Model implements ReactableInterface, ReplyInterface
 {
-    use HasAuthor, HasFactory, Reactable, RecordsActivity;
+    use HasAuthor,
+        HasFactory,
+        HasReplies,
+        Reactable,
+        RecordsActivity;
 
     /**
      * The attributes that are mass assignable.
@@ -33,6 +38,21 @@ public static function boot()
         parent::boot();
     }
 
+    public function subject(): string
+    {
+        return $this->id;
+    }
+
+    public function replyAbleSubject(): string
+    {
+        return $this->id;
+    }
+
+    public function getPathUrl(): string
+    {
+        return "#reply-{$this->id}";
+    }
+
     public function solutionTo(): HasOne
     {
         return $this->hasOne(Thread::class, 'solution_reply_id');
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index 474b5ed7..eb8e3972 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -2,11 +2,18 @@
 
 namespace App\Providers;
 
+use App\Http\Resources\ReplyResource;
+use App\Models\Article;
+use App\Models\Discussion;
+use App\Models\Reply;
+use App\Models\Thread;
+use App\Models\User;
 use App\View\Composers\ChannelsComposer;
 use App\View\Composers\InactiveDiscussionsComposer;
 use App\View\Composers\ModeratorsComposer;
 use App\View\Composers\TopContributorsComposer;
 use App\View\Composers\TopMembersComposer;
+use Illuminate\Database\Eloquent\Relations\Relation;
 use Illuminate\Support\Facades\Blade;
 use Illuminate\Support\Facades\View;
 use Illuminate\Support\ServiceProvider;
@@ -31,14 +38,13 @@ public function register()
      */
     public function boot()
     {
-        Str::macro('readDuration', function (...$text) {
-            $totalWords = str_word_count(implode(' ', $text));
-            $minutesToRead = round($totalWords / 200);
-
-            return (int) max(1, $minutesToRead);
-        });
+        date_default_timezone_set('Africa/Douala');
 
+        $this->bootMacros();
         $this->bootViewsComposer();
+        $this->bootEloquentMorphs();
+
+        ReplyResource::withoutWrapping();
     }
 
     public function registerBladeDirective()
@@ -56,6 +62,16 @@ public function registerBladeDirective()
         });
     }
 
+    public function bootMacros()
+    {
+        Str::macro('readDuration', function (...$text) {
+            $totalWords = str_word_count(implode(' ', $text));
+            $minutesToRead = round($totalWords / 200);
+
+            return (int) max(1, $minutesToRead);
+        });
+    }
+
     public function bootViewsComposer()
     {
         View::composer('forum._channels', ChannelsComposer::class);
@@ -64,4 +80,15 @@ public function bootViewsComposer()
         View::composer('discussions._contributions', TopContributorsComposer::class);
         View::composer('discussions._contributions', InactiveDiscussionsComposer::class);
     }
+
+    public function bootEloquentMorphs()
+    {
+        Relation::morphMap([
+            'article' => Article::class,
+            'discussion' => Discussion::class,
+            'thread' => Thread::class,
+            'reply' => Reply::class,
+            'user' => User::class,
+        ]);
+    }
 }
diff --git a/app/View/Composers/InactiveDiscussionsComposer.php b/app/View/Composers/InactiveDiscussionsComposer.php
index acb17304..944036f0 100644
--- a/app/View/Composers/InactiveDiscussionsComposer.php
+++ b/app/View/Composers/InactiveDiscussionsComposer.php
@@ -10,7 +10,7 @@ class InactiveDiscussionsComposer
 {
     public function compose(View $view)
     {
-        $discussions = Cache::remember('inactive-discussions', 60 * 60 * 24, function () {
+        $discussions = Cache::remember('inactive-discussions', 60 * 30, function () {
             return Discussion::noComments()->limit(5)->get();
         });
 

From 82fe473d23e91f8713b1b6703b2aee57a7b7b587 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Fri, 19 Nov 2021 16:08:03 +0100
Subject: [PATCH 13/27] :recycle: refactoring des composants et vues

---
 resources/views/components/forum/thread-author.blade.php | 3 ---
 resources/views/components/user-status.blade.php         | 3 +++
 resources/views/discussions/_contributions.blade.php     | 6 ++++--
 resources/views/discussions/show.blade.php               | 7 +++++--
 resources/views/user/profile.blade.php                   | 4 +---
 5 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/resources/views/components/forum/thread-author.blade.php b/resources/views/components/forum/thread-author.blade.php
index 013e9d6e..5e77eaa0 100644
--- a/resources/views/components/forum/thread-author.blade.php
+++ b/resources/views/components/forum/thread-author.blade.php
@@ -6,9 +6,6 @@
         <div class="flex-1 truncate">
             <div class="flex items-center space-x-3">
                 <a href="{{ route('profile', $author->username) }}" class="text-skin-inverted text-sm font-medium truncate">{{ $author->name }}</a>
-                @if($author->hasAnyRole('admin', 'moderator'))
-                    <span class="flex-shrink-0 inline-block px-2 py-0.5 text-green-800 text-xs font-medium bg-green-100 rounded-full">Admin</span>
-                @endif
             </div>
             <p class="text-skin-base text-sm truncate font-normal">{{ '@'. $author->username }}</p>
         </div>
diff --git a/resources/views/components/user-status.blade.php b/resources/views/components/user-status.blade.php
index e69de29b..01ccc183 100644
--- a/resources/views/components/user-status.blade.php
+++ b/resources/views/components/user-status.blade.php
@@ -0,0 +1,3 @@
+<span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-md text-sm font-medium bg-green-500 bg-opacity-10 text-green-500 font-sans">
+    Modérateur
+</span>
diff --git a/resources/views/discussions/_contributions.blade.php b/resources/views/discussions/_contributions.blade.php
index 5d8e34cf..94da61f8 100644
--- a/resources/views/discussions/_contributions.blade.php
+++ b/resources/views/discussions/_contributions.blade.php
@@ -42,8 +42,10 @@
                             <img class="h-6 w-6 rounded-full" src="{{ $discussion->author->profile_photo_url }}" alt="">
                             <div class="flex-1 space-y-1">
                                 <div class="flex items-center justify-between">
-                                    <h3 class="text-sm font-medium text-skin-inverted font-sans">{{ $discussion->author->name }}</h3>
-                                    <p class="text-xs text-skin-muted font-normal truncate">{{ $discussion->created_at->diffForHumans() }}</p>
+                                    <h3 class="text-sm font-medium text-skin-inverted font-sans">
+                                        <a href="{{ route('profile', $discussion->author->username) }}" class="hover:underline">{{ $discussion->author->name }}</a>
+                                    </h3>
+                                    <p class="text-xs text-skin-muted font-normal truncate"><time-ago time="{{ $discussion->created_at->getTimestamp() }}" /></p>
                                 </div>
                                 <a href="{{ route('discussions.show', $discussion) }}" class="inline-flex text-sm text-skin-base font-normal hover:text-skin-primary leading-5">{{ $discussion->title }}</a>
                             </div>
diff --git a/resources/views/discussions/show.blade.php b/resources/views/discussions/show.blade.php
index c10ef3c8..3e7f3a68 100644
--- a/resources/views/discussions/show.blade.php
+++ b/resources/views/discussions/show.blade.php
@@ -33,8 +33,11 @@
                         <div class="min-w-0 flex-1">
                             <div>
                                 <div>
-                                    <p class="text-sm text-skin-inverted font-medium">
+                                    <p class="inline-flex items-center text-sm text-skin-inverted font-medium">
                                         {{ $discussion->author->name }}
+                                        @if($discussion->author->hasAnyRole('admin', 'moderator'))
+                                            <x-user-status />
+                                        @endif
                                     </p>
                                 </div>
                                 <div class="mt-1 text-sm whitespace-nowrap text-skin-muted font-normal">
@@ -72,7 +75,7 @@
                 @endauth
             </div>
 
-            <div class="mt-8" id="discussions-replies"></div>
+            <comments-area target="{{ $discussion->id }}" />
         </div>
         <div class="hidden lg:block lg:col-start-10 lg:col-span-3">
             @include('discussions._contributions')
diff --git a/resources/views/user/profile.blade.php b/resources/views/user/profile.blade.php
index 9ef2112f..9c6d25fd 100644
--- a/resources/views/user/profile.blade.php
+++ b/resources/views/user/profile.blade.php
@@ -19,9 +19,7 @@
                         <h1 class="inline-flex items-center text-2xl font-bold text-skin-inverted truncate font-sans">
                             {{ $user->name }}
                             @if($user->hasAnyRole('admin', 'moderator'))
-                                <span class="ml-2 inline-flex items-center px-2.5 py-0.5 rounded-md text-sm font-medium bg-green-100 text-green-800">
-                                    Modérateur
-                                </span>
+                                <x-user-status />
                             @endif
                         </h1>
                         <p class="text-sm font-medium text-skin-base font-normal">

From a8f909d02b802e11cb5339c255d57637690b27c6 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:03:43 +0100
Subject: [PATCH 14/27] :wrench: ajout des variables d'environnement

---
 .env.example                         | 1 +
 resources/js/components/Button.jsx   | 0
 resources/js/components/Form.jsx     | 0
 resources/js/components/Icon.jsx     | 0
 resources/js/components/Loader.jsx   | 0
 resources/js/components/Markdown.jsx | 0
 6 files changed, 1 insertion(+)
 create mode 100644 resources/js/components/Button.jsx
 create mode 100644 resources/js/components/Form.jsx
 create mode 100644 resources/js/components/Icon.jsx
 create mode 100644 resources/js/components/Loader.jsx
 create mode 100644 resources/js/components/Markdown.jsx

diff --git a/.env.example b/.env.example
index b897c7f7..7e2be8bb 100644
--- a/.env.example
+++ b/.env.example
@@ -67,6 +67,7 @@ SLACK_TEAM_URL="https://laravelcm.slack.com"
 
 MARKDOWNX_GIPHY_API_KEY=
 TORCHLIGHT_TOKEN=
+MIX_TORCHLIGHT_TOKEN="${TORCHLIGHT_TOKEN}"
 UNSPLASH_ACCESS_KEY=
 TELEGRAM_BOT_TOKEN=
 MEDIA_DISK=media
diff --git a/resources/js/components/Button.jsx b/resources/js/components/Button.jsx
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/components/Form.jsx b/resources/js/components/Form.jsx
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/components/Icon.jsx b/resources/js/components/Icon.jsx
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/components/Loader.jsx b/resources/js/components/Loader.jsx
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/js/components/Markdown.jsx b/resources/js/components/Markdown.jsx
new file mode 100644
index 00000000..e69de29b

From 2bad24075a2a4841679176de1e3ef3b2b5e90184 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:04:14 +0100
Subject: [PATCH 15/27] :hammer: ajout des scripts

---
 resources/js/helpers/animation.js | 107 +++++++++++++++++
 resources/js/helpers/api.js       | 120 +++++++++++++++++++
 resources/js/helpers/auth.js      |  62 ++++++++++
 resources/js/helpers/cookie.js    |  33 ++++++
 resources/js/helpers/darkMode.js  |   5 +
 resources/js/helpers/dom.js       | 131 ++++++++++++++++++++
 resources/js/helpers/hooks.js     | 191 ++++++++++++++++++++++++++++++
 resources/js/helpers/preact.js    | 152 ++++++++++++++++++++++++
 resources/js/helpers/preact.js~   |   1 +
 resources/js/helpers/string.js    |  34 ++++++
 resources/js/helpers/window.js    |  27 +++++
 11 files changed, 863 insertions(+)
 create mode 100644 resources/js/helpers/preact.js~

diff --git a/resources/js/helpers/animation.js b/resources/js/helpers/animation.js
index e69de29b..525a2409 100644
--- a/resources/js/helpers/animation.js
+++ b/resources/js/helpers/animation.js
@@ -0,0 +1,107 @@
+import { offsetTop } from '@helpers/dom.js'
+import { windowHeight } from '@helpers/window.js'
+
+/**
+ * Masque un élément avec un effet de repli
+ * @param {HTMLElement} element
+ * @param {Number} duration
+ * @returns {Promise<boolean>}
+ */
+export function slideUp (element, duration = 500) {
+  return new Promise(resolve => {
+    element.style.height = `${element.offsetHeight}px`
+    element.style.transitionProperty = 'height, margin, padding'
+    element.style.transitionDuration = `${duration}ms`
+    element.offsetHeight // eslint-disable-line no-unused-expressions
+    element.style.overflow = 'hidden'
+    element.style.height = 0
+    element.style.paddingTop = 0
+    element.style.paddingBottom = 0
+    element.style.marginTop = 0
+    element.style.marginBottom = 0
+    window.setTimeout(() => {
+      element.style.display = 'none'
+      element.style.removeProperty('height')
+      element.style.removeProperty('padding-top')
+      element.style.removeProperty('padding-bottom')
+      element.style.removeProperty('margin-top')
+      element.style.removeProperty('margin-bottom')
+      element.style.removeProperty('overflow')
+      element.style.removeProperty('transition-duration')
+      element.style.removeProperty('transition-property')
+      resolve(element)
+    }, duration)
+  })
+}
+
+/**
+ * Masque un élément avec un effet de repli
+ * @param {HTMLElement} element
+ * @param {Number} duration
+ * @returns {Promise<boolean>}
+ */
+export async function slideUpAndRemove (element, duration = 500) {
+  const r = await slideUp(element, duration)
+  element.parentNode.removeChild(element)
+  return r
+}
+
+/**
+ * Affiche un élément avec un effet de dépliement
+ * @param {HTMLElement} element
+ * @param {Number} duration
+ * @returns {Promise<boolean>}
+ */
+export function slideDown (element, duration = 500) {
+  return new Promise(resolve => {
+    element.style.removeProperty('display')
+    let display = window.getComputedStyle(element).display
+    if (display === 'none') display = 'block'
+    element.style.display = display
+    const height = element.offsetHeight
+    element.style.overflow = 'hidden'
+    element.style.height = 0
+    element.style.paddingTop = 0
+    element.style.paddingBottom = 0
+    element.style.marginTop = 0
+    element.style.marginBottom = 0
+    element.offsetHeight // eslint-disable-line no-unused-expressions
+    element.style.transitionProperty = 'height, margin, padding'
+    element.style.transitionDuration = `${duration}ms`
+    element.style.height = `${height}px`
+    element.style.removeProperty('padding-top')
+    element.style.removeProperty('padding-bottom')
+    element.style.removeProperty('margin-top')
+    element.style.removeProperty('margin-bottom')
+    window.setTimeout(() => {
+      element.style.removeProperty('height')
+      element.style.removeProperty('overflow')
+      element.style.removeProperty('transition-duration')
+      element.style.removeProperty('transition-property')
+      resolve(element)
+    }, duration)
+  })
+}
+
+/**
+ * Scroll vers l'élément en le plaçant au centre de la fenêtre si il n'est pas trop grand
+ *
+ * @param {HTMLElement|null} element
+ */
+export function scrollTo (element) {
+  if (element === null) {
+    return
+  }
+  const elementOffset = offsetTop(element)
+  const elementHeight = element.getBoundingClientRect().height
+  const viewHeight = windowHeight()
+  let top = elementOffset - 100
+  if (elementHeight <= viewHeight) {
+    top = elementOffset - (viewHeight - elementHeight) / 2
+  }
+  window.scrollTo({
+    top,
+    left: 0,
+    behavior: 'smooth'
+  })
+}
diff --git a/resources/js/helpers/api.js b/resources/js/helpers/api.js
index e69de29b..71c516e4 100644
--- a/resources/js/helpers/api.js
+++ b/resources/js/helpers/api.js
@@ -0,0 +1,120 @@
+export const HTTP_UNPROCESSABLE_ENTITY = 422
+export const HTTP_NOT_FOUND = 404
+export const HTTP_FORBIDDEN = 403
+export const HTTP_OK = 200
+export const HTTP_NO_CONTENT = 204
+
+/**
+ * @param {RequestInfo} url
+ * @param params
+ * @return {Promise<Object>}
+ */
+export async function jsonFetch (url, params = {}) {
+  // Si on reçoit un FormData on le convertit en objet
+  if (params.body instanceof FormData) {
+    params.body = Object.fromEntries(params.body)
+  }
+  // Si on reçoit un objet on le convertit en chaine JSON
+  if (params.body && typeof params.body === 'object') {
+    params.body = JSON.stringify(params.body)
+  }
+  params = {
+    headers: {
+      'Content-Type': 'application/json',
+      Accept: 'application/json',
+      'X-Requested-With': 'XMLHttpRequest'
+    },
+    ...params
+  }
+
+  const response = await fetch(url, params)
+  if (response.status === 204) {
+    return null
+  }
+  const data = await response.json()
+  if (response.ok) {
+    return data
+  }
+  throw new ApiError(data, response.status)
+}
+
+/**
+ * @param {RequestInfo} url
+ * @param params
+ * @return {Promise<Object>}
+ */
+export async function jsonFetchOrFlash (url, params = {}) {
+  try {
+    return await jsonFetch(url, params)
+  } catch (e) {
+    if (e instanceof ApiError) {
+      window.$wireui.notify({
+        title: 'Ops! Erreur',
+        description: e.name,
+        icon: 'error'
+      })
+    } else {
+      window.$wireui.notify({
+        title: 'Ops! Erreur',
+        description: e,
+        icon: 'error'
+      })
+    }
+    return null
+  }
+}
+
+/**
+ * Capture un retour d'API
+ *
+ * @param {function} p
+ */
+export async function catchViolations (p) {
+  try {
+    return [await p, null]
+  } catch (e) {
+    if (e instanceof ApiError) {
+      return [null, e.violations]
+    }
+    throw e
+  }
+}
+
+/**
+ * Représente une erreur d'API
+ * @property {{
+ *  violations: {propertyPath: string, message: string}
+ * }} data
+ */
+export class ApiError {
+  constructor (data, status) {
+    this.data = data
+    this.status = status
+  }
+
+  // Récupère la liste de violation pour un champs donnée
+  violationsFor (field) {
+    return this.data.violations.filter(v => v.propertyPath === field).map(v => v.message)
+  }
+
+  get name () {
+    return `${this.data.title} ${this.data.detail || ''}`
+  }
+
+  // Renvoie les violations indexé par propertyPath
+  get violations () {
+    if (!this.data.violations) {
+      return {
+        main: `${this.data.title} ${this.data.detail || ''}`
+      }
+    }
+    return this.data.violations.reduce((acc, violation) => {
+      if (acc[violation.propertyPath]) {
+        acc[violation.propertyPath].push(violation.message)
+      } else {
+        acc[violation.propertyPath] = [violation.message]
+      }
+      return acc
+    }, {})
+  }
+}
diff --git a/resources/js/helpers/auth.js b/resources/js/helpers/auth.js
index e69de29b..43d427f5 100644
--- a/resources/js/helpers/auth.js
+++ b/resources/js/helpers/auth.js
@@ -0,0 +1,62 @@
+/**
+ * Vérifie si l'utilisateur est un modérateur
+ *
+ * @return {boolean}
+ */
+export function isAdmin () {
+  return window.laravel.isModerator === true
+}
+
+/**
+ * Vérifie si l'utilisateur est connecté
+ *
+ * @return {boolean}
+ */
+export function isAuthenticated () {
+  return window.laravel.user !== null
+}
+
+/**
+ * Retourne l'utilisateur connecté
+ *
+ * @returns {*}
+ */
+export function currentUser () {
+  return window.laravel.currentUser
+}
+
+/**
+ * Vérifie si l'utilisateur est connecté
+ *
+ * @return {boolean}
+ */
+export function lastNotificationRead () {
+  return window.laravel.notification
+}
+
+/**
+ * Renvoie l'id de l'utilisateur
+ *
+ * @return {number|null}
+ */
+export function getUserId () {
+  return window.laravel.user
+}
+
+/**
+ * Vérifie si l'utilisateur connecté correspond à l'id passé en paramètre
+ *
+ * @param {number} userId
+ * @return {boolean}
+ */
+export function canManage (userId) {
+  if (isAdmin()) {
+    return true
+  }
+
+  if (! userId) {
+    return false
+  }
+
+  return window.laravel.user === parseInt(userId, 10)
+}
diff --git a/resources/js/helpers/cookie.js b/resources/js/helpers/cookie.js
index e69de29b..592e6ab7 100644
--- a/resources/js/helpers/cookie.js
+++ b/resources/js/helpers/cookie.js
@@ -0,0 +1,33 @@
+export function cookie (name, value = undefined, options = {}) {
+  // On veut lire le cookie
+  if (value === undefined) {
+    const cookies = document.cookie.split(';')
+    for (const cookie of cookies) {
+      const [k, v] = cookie.split('=')
+      if (k === name) {
+        return v
+      }
+    }
+    return null
+  }
+
+  // On veut écrire le cookie
+  if (value === null) {
+    value = ''
+    options.expires = -365
+  } else {
+    value = escape(value)
+  }
+  if (options.expires) {
+    const d = new Date()
+    d.setDate(d.getDate() + options.expires)
+    value += '; expires=' + d.toUTCString()
+  }
+  if (options.domain) {
+    value += '; domain=' + options.domain
+  }
+  if (options.path) {
+    value += '; path=' + options.path
+  }
+  document.cookie = name + '=' + value
+}
diff --git a/resources/js/helpers/darkMode.js b/resources/js/helpers/darkMode.js
index e69de29b..db588426 100644
--- a/resources/js/helpers/darkMode.js
+++ b/resources/js/helpers/darkMode.js
@@ -0,0 +1,5 @@
+if (localStorage.theme === 'dark' || (!'theme' in localStorage && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+  document.querySelector('html').classList.add('theme-dark')
+} else if (localStorage.theme === 'dark') {
+  document.querySelector('html').classList.add('theme-dark')
+}
diff --git a/resources/js/helpers/dom.js b/resources/js/helpers/dom.js
index e69de29b..db61214d 100644
--- a/resources/js/helpers/dom.js
+++ b/resources/js/helpers/dom.js
@@ -0,0 +1,131 @@
+import htm from "htm/mini";
+
+/**
+ * Trouve la position de l'élément par rapport au haut de la page de manière recursive
+ *
+ * @param {HTMLElement} element
+ * @param {HTMLElement|null} parent
+ */
+export function offsetTop(element, parent = null) {
+  let top = element.offsetTop;
+  while ((element = element.offsetParent)) {
+    if (parent === element) {
+      return top;
+    }
+    top += element.offsetTop;
+  }
+  return top;
+}
+
+/**
+ * Crée un élément HTML
+ *
+ * Cette fonction ne couvre que les besoins de l'application, jsx-dom pourrait remplacer cette fonction
+ *
+ * @param {string} tagName
+ * @param {object} attributes
+ * @param {...HTMLElement|string} children
+ * @return HTMLElement
+ */
+export function createElement(tagName, attributes = {}, ...children) {
+  if (typeof tagName === "function") {
+    return tagName(attributes);
+  }
+
+  const svgTags = ["svg", "use", "path", "circle", "g"];
+  // On construit l'élément
+  const e = !svgTags.includes(tagName)
+    ? document.createElement(tagName)
+    : document.createElementNS("http://www.w3.org/2000/svg", tagName);
+
+  // On lui associe les bons attributs
+  for (const k of Object.keys(attributes || {})) {
+    if (typeof attributes[k] === "function" && k.startsWith("on")) {
+      e.addEventListener(k.substr(2).toLowerCase(), attributes[k]);
+    } else if (k === "xlink:href") {
+      e.setAttributeNS("http://www.w3.org/1999/xlink", "href", attributes[k]);
+    } else {
+      e.setAttribute(k, attributes[k]);
+    }
+  }
+
+  // On aplatit les enfants
+  children = children.reduce((acc, child) => {
+    return Array.isArray(child) ? [...acc, ...child] : [...acc, child];
+  }, []);
+
+  // On ajoute les enfants à l'élément
+  for (const child of children) {
+    if (typeof child === "string" || typeof child === "number") {
+      e.appendChild(document.createTextNode(child));
+    } else if (child instanceof HTMLElement || child instanceof SVGElement) {
+      e.appendChild(child);
+    } else {
+      console.error("Impossible d'ajouter l'élément", child, typeof child);
+    }
+  }
+  return e;
+}
+
+/**
+ * CreateElement version Tagged templates
+ * @type {(strings: TemplateStringsArray, ...values: any[]) => (HTMLElement[] | HTMLElement)}
+ */
+export const html = htm.bind(createElement);
+
+/**
+ * Transform une chaine en élément DOM
+ * @param {string} str
+ * @return {DocumentFragment}
+ */
+export function strToDom(str) {
+  return document.createRange().createContextualFragment(str).firstChild;
+}
+
+/**
+ *
+ * @param {HTMLElement|Document|Node} element
+ * @param {string} selector
+ * @return {null|HTMLElement}
+ */
+export function closest(element, selector) {
+  for (; element && element !== document; element = element.parentNode) {
+    if (element.matches(selector)) return element;
+  }
+  return null;
+}
+
+/**
+ * @param {string} selector
+ * @return {HTMLElement}
+ */
+export function $(selector) {
+  return document.querySelector(selector);
+}
+
+/**
+ * @param {string} selector
+ * @return {HTMLElement[]}
+ */
+export function $$(selector) {
+  return Array.from(document.querySelectorAll(selector));
+}
+
+/**
+ * Génère une classe à partir de différentes variables
+ *
+ * @param  {...string|null} classnames
+ */
+export function classNames(...classnames) {
+  return classnames.filter((classname) => classname !== null && classname !== false).join(" ");
+}
+
+/**
+ * Convertit les données d'un formulaire en objet JavaScript
+ *
+ * @param {HTMLFormElement} form
+ * @return {{[p: string]: string}}
+ */
+export function formDataToObj(form) {
+  return Object.fromEntries(new FormData(form));
+}
diff --git a/resources/js/helpers/hooks.js b/resources/js/helpers/hooks.js
index e69de29b..b9a00139 100644
--- a/resources/js/helpers/hooks.js
+++ b/resources/js/helpers/hooks.js
@@ -0,0 +1,191 @@
+import { useEffect, useState, useCallback, useRef } from 'preact/hooks'
+import { ApiError, jsonFetch } from '@helpers/api.js'
+import { strToDom } from '@helpers/dom.js'
+
+/**
+ * Alterne une valeur
+ */
+export function useToggle (initialValue = null) {
+  const [value, setValue] = useState(initialValue)
+  return [value, useCallback(() => setValue(v => !v), [])]
+}
+
+/**
+ * Valeur avec la possibilité de push un valeur supplémentaire
+ */
+export function usePrepend (initialValue = []) {
+  const [value, setValue] = useState(initialValue)
+  return [
+    value,
+    useCallback(item => {
+      setValue(v => [item, ...v])
+    }, [])
+  ]
+}
+
+/**
+ * Hook d'effet pour détecter le clique en dehors d'un élément
+ */
+export function useClickOutside (ref, cb) {
+  useEffect(() => {
+    if (cb === null) {
+      return
+    }
+    const escCb = e => {
+      if (e.key === 'Escape' && ref.current) {
+        cb()
+      }
+    }
+    const clickCb = e => {
+      if (ref.current && !ref.current.contains(e.target)) {
+        cb()
+      }
+    }
+    document.addEventListener('click', clickCb)
+    document.addEventListener('keyup', escCb)
+    return function cleanup () {
+      document.removeEventListener('click', clickCb)
+      document.removeEventListener('keyup', escCb)
+    }
+  }, [ref, cb])
+}
+
+/**
+ * Focus le premier champs dans l'élément correspondant à la ref
+ * @param {boolean} focus
+ */
+export function useAutofocus (ref, focus) {
+  useEffect(() => {
+    if (focus && ref.current) {
+      const input = ref.current.querySelector('input, textarea')
+      if (input) {
+        input.focus()
+      }
+    }
+  }, [focus, ref])
+}
+
+/**
+ * Hook faisant un appel fetch et flash en cas d'erreur / succès
+ *
+ * @param {string} url
+ * @param {object} params
+ * @return {{data: Object|null, fetch: fetch, loading: boolean, done: boolean}}
+ */
+export function useJsonFetchOrFlash (url, params = {}) {
+  const [state, setState] = useState({
+    loading: false,
+    data: null,
+    done: false
+  })
+  const fetch = useCallback(
+    async (localUrl, localParams) => {
+      setState(s => ({ ...s, loading: true }))
+      try {
+        const response = await jsonFetch(localUrl || url, localParams || params)
+        setState(s => ({ ...s, loading: false, data: response, done: true }))
+        return response
+      } catch (e) {
+        if (e instanceof ApiError) {
+          window.$wireui.notify({
+            title: 'Ops! Erreur',
+            description: e.name,
+            icon: 'error'
+          })
+        } else {
+          window.$wireui.notify({
+            title: 'Ops! Erreur',
+            description: e,
+            icon: 'error'
+          })
+        }
+      }
+      setState(s => ({ ...s, loading: false }))
+    },
+    [url, params]
+  )
+  return { ...state, fetch }
+}
+
+/**
+ * useEffect pour une fonction asynchrone
+ */
+export function useAsyncEffect (fn, deps = []) {
+  /* eslint-disable */
+  useEffect(() => {
+    fn()
+  }, deps)
+  /* eslint-enable */
+}
+
+export const PROMISE_PENDING = 0
+export const PROMISE_DONE = 1
+export const PROMISE_ERROR = -1
+
+/**
+ * Décore une promesse et renvoie son état
+ */
+export function usePromiseFn (fn) {
+  const [state, setState] = useState(null)
+  const resetState = useCallback(() => {
+    setState(null)
+  }, [])
+
+  const wrappedFn = useCallback(
+    async (...args) => {
+      setState(PROMISE_PENDING)
+      try {
+        await fn(...args)
+        setState(PROMISE_DONE)
+      } catch (e) {
+        setState(PROMISE_ERROR)
+        throw e
+      }
+    },
+    [fn]
+  )
+
+  return [state, wrappedFn, resetState]
+}
+
+/**
+ * Hook permettant de détecter quand un élément devient visible à l'écran
+ *
+ * @export
+ * @param {DOMNode reference} node
+ * @param {Boolean} once
+ * @param {Object} [options={}]
+ * @returns {object} visibility
+ */
+export function useVisibility (node, once = true, options = {}) {
+  const [visible, setVisibilty] = useState(false)
+  const isIntersecting = useRef()
+
+  const handleObserverUpdate = entries => {
+    const ent = entries[0]
+
+    if (isIntersecting.current !== ent.isIntersecting) {
+      setVisibilty(ent.isIntersecting)
+      isIntersecting.current = ent.isIntersecting
+    }
+  }
+
+  const observer = once && visible ? null : new IntersectionObserver(handleObserverUpdate, options)
+
+  useEffect(() => {
+    const element = node instanceof HTMLElement ? node : node.current
+
+    if (!element || observer === null) {
+      return
+    }
+
+    observer.observe(element)
+
+    return function cleanup () {
+      observer.unobserve(element)
+    }
+  })
+
+  return visible
+}
+
diff --git a/resources/js/helpers/preact.js b/resources/js/helpers/preact.js
index e69de29b..e75bd4be 100644
--- a/resources/js/helpers/preact.js
+++ b/resources/js/helpers/preact.js
@@ -0,0 +1,152 @@
+import { h, cloneElement, render, hydrate } from 'preact'
+
+export default function preactCustomElement (tagName, Component, propNames, options) {
+  function PreactElement () {
+    const inst = Reflect.construct(HTMLElement, [], PreactElement)
+    inst._vdomComponent = Component
+    inst._root = options && options.shadow ? inst.attachShadow({ mode: 'open' }) : inst
+    return inst
+  }
+  PreactElement.prototype = Object.create(HTMLElement.prototype)
+  PreactElement.prototype.constructor = PreactElement
+  PreactElement.prototype.connectedCallback = connectedCallback
+  PreactElement.prototype.attributeChangedCallback = attributeChangedCallback
+  PreactElement.prototype.disconnectedCallback = disconnectedCallback
+
+  propNames = propNames || Component.observedAttributes || Object.keys(Component.propTypes || {})
+  PreactElement.observedAttributes = propNames
+
+  // Keep DOM properties and Preact props in sync
+  propNames.forEach(name => {
+    Object.defineProperty(PreactElement.prototype, name, {
+      get () {
+        return this._vdom.props[name]
+      },
+      set (v) {
+        if (this._vdom) {
+          this.attributeChangedCallback(name, null, v)
+        } else {
+          if (!this._props) this._props = {}
+          this._props[name] = v
+          this.connectedCallback()
+        }
+
+        // Reflect property changes to attributes if the value is a primitive
+        const type = typeof v
+        if (v == null || type === 'string' || type === 'boolean' || type === 'number') {
+          this.setAttribute(name, v)
+        }
+      }
+    })
+  })
+
+  return customElements.define(tagName || Component.tagName || Component.displayName || Component.name, PreactElement)
+}
+
+function ContextProvider (props) {
+  this.getChildContext = () => props.context
+  // eslint-disable-next-line no-unused-vars
+  const { context, children, ...rest } = props
+  return cloneElement(children, rest)
+}
+
+function connectedCallback () {
+  // Obtain a reference to the previous context by pinging the nearest
+  // higher up node that was rendered with Preact. If one Preact component
+  // higher up receives our ping, it will set the `detail` property of
+  // our custom event. This works because events are dispatched
+  // synchronously.
+  const event = new CustomEvent('_preact', {
+    detail: {},
+    bubbles: true,
+    cancelable: true
+  })
+  this.dispatchEvent(event)
+  const context = event.detail.context
+
+  this._vdom = h(ContextProvider, { ...this._props, context }, toVdom(this, this._vdomComponent))
+  ;(this.hasAttribute('hydrate') ? hydrate : render)(this._vdom, this._root)
+}
+
+function toCamelCase (str) {
+  return str.replace(/-(\w)/g, (_, c) => (c ? c.toUpperCase() : ''))
+}
+
+function attributeChangedCallback (name, oldValue, newValue) {
+  if (!this._vdom) return
+  // Attributes use `null` as an empty value whereas `undefined` is more
+  // common in pure JS components, especially with default parameters.
+  // When calling `node.removeAttribute()` we'll receive `null` as the new
+  // value. See issue #50.
+  newValue = newValue == null ? undefined : newValue
+  const props = {}
+  props[name] = newValue
+  props[toCamelCase(name)] = newValue
+  this._vdom = cloneElement(this._vdom, props)
+  render(this._vdom, this._root)
+}
+
+function disconnectedCallback () {
+  render((this._vdom = null), this._root)
+}
+
+/**
+ * Pass an event listener to each `<slot>` that "forwards" the current
+ * context value to the rendered child. The child will trigger a custom
+ * event, where will add the context value to. Because events work
+ * synchronously, the child can immediately pull of the value right
+ * after having fired the event.
+ */
+function Slot (props, context) {
+  const ref = r => {
+    if (!r) {
+      this.ref.removeEventListener('_preact', this._listener)
+    } else {
+      this.ref = r
+      if (!this._listener) {
+        this._listener = event => {
+          event.stopPropagation()
+          event.detail.context = context
+        }
+        r.addEventListener('_preact', this._listener)
+      }
+    }
+  }
+  return h('slot', { ...props, ref })
+}
+
+function toVdom (element, nodeName) {
+  if (element.nodeType === Node.TEXT_NODE) {
+    const data = element.data
+    element.data = ''
+    return data
+  }
+  if (element.nodeType !== Node.ELEMENT_NODE) return null
+  const children = []
+  const props = {}
+  let i = 0
+  const a = element.attributes
+  const cn = element.childNodes
+  for (i = a.length; i--; ) {
+    if (a[i].name !== 'slot') {
+      props[a[i].name] = a[i].value
+      props[toCamelCase(a[i].name)] = a[i].value
+    }
+  }
+  props.parent = element
+
+  for (i = cn.length; i--; ) {
+    const vnode = toVdom(cn[i], null)
+    // Move slots correctly
+    const name = cn[i].slot
+    if (name) {
+      props[name] = h(Slot, { name }, vnode)
+    } else {
+      children[i] = vnode
+    }
+  }
+
+  // Only wrap the topmost node with a slot
+  const wrappedChildren = nodeName ? h(Slot, null, children) : children
+  return h(nodeName || element.nodeName.toLowerCase(), props, wrappedChildren)
+}
diff --git a/resources/js/helpers/preact.js~ b/resources/js/helpers/preact.js~
new file mode 100644
index 00000000..250d5a8d
--- /dev/null
+++ b/resources/js/helpers/preact.js~
@@ -0,0 +1 @@
+import { h, cloneElement, render, hydrate } from 'preact'
diff --git a/resources/js/helpers/string.js b/resources/js/helpers/string.js
index e69de29b..173110ae 100644
--- a/resources/js/helpers/string.js
+++ b/resources/js/helpers/string.js
@@ -0,0 +1,34 @@
+/**
+ * Transforme la première d'une chaîne de caractère en majuscule
+ *
+ * @param string
+ */
+window.capitalize = (string) => string.replace(/^\w/, (c) => c.toUpperCase());
+
+/**
+ * Créer une chaîne de cas de serpent
+ *
+ * @param string
+ * @returns {*}
+ */
+window.snakeCase = (string) => string && string.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g).map(s => s.toLowerCase()).join('_');
+
+/**
+ * Ajoute des sauts de ligne automatiquement sur une chaine
+ *
+ * @param {string} str
+ * @return {string}
+ */
+export function nl2br (str) {
+  return str.replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1<br>$2')
+}
+
+/**
+ * Formate un nombre
+ *
+ * @param {number} amount
+ * @return {string}
+ */
+export function formatMoney (amount) {
+  return new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'XAF' }).format(amount)
+}
diff --git a/resources/js/helpers/window.js b/resources/js/helpers/window.js
index e69de29b..4410128f 100644
--- a/resources/js/helpers/window.js
+++ b/resources/js/helpers/window.js
@@ -0,0 +1,27 @@
+/**
+ * Renvoie la hauteur de la fenêtre
+ *
+ * @return {number}
+ */
+export function windowHeight () {
+  return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
+}
+
+const uuid = new Date().getTime().toString()
+if (localStorage) {
+  localStorage.setItem('windowId', uuid)
+  window.addEventListener('focus', function () {
+    localStorage.setItem('windowId', uuid)
+  })
+}
+
+/**
+ * Renvoie true si la fenêtre est active ou si elle a été la dernière fenêtre active
+ */
+export function isActiveWindow () {
+  if (localStorage) {
+    return uuid === localStorage.getItem('windowId')
+  } else {
+    return true
+  }
+}

From a186c9c1a5fd033f82d9eaf7543bd7129d442844 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:08:47 +0100
Subject: [PATCH 16/27] :recycle: refactoring et ajout d'API

---
 app/Http/Controllers/Api/ReplyController.php | 16 ++++++++++++++++
 app/Http/Resources/ReplyResource.php         |  2 ++
 app/Models/Discussion.php                    | 20 ++++++++++++++++++++
 app/Models/Reply.php                         |  6 ++++++
 app/Models/User.php                          |  9 +++++++++
 app/Traits/Reactable.php                     |  2 +-
 app/Traits/Reacts.php                        |  2 +-
 7 files changed, 55 insertions(+), 2 deletions(-)

diff --git a/app/Http/Controllers/Api/ReplyController.php b/app/Http/Controllers/Api/ReplyController.php
index 60311cad..ff7d91ad 100644
--- a/app/Http/Controllers/Api/ReplyController.php
+++ b/app/Http/Controllers/Api/ReplyController.php
@@ -5,8 +5,12 @@
 use App\Http\Controllers\Controller;
 use App\Http\Resources\ReplyResource;
 use App\Models\Discussion;
+use App\Models\Reaction;
 use App\Models\Reply;
+use App\Models\User;
+use Illuminate\Http\Request;
 use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
+use Illuminate\Support\Facades\Auth;
 
 class ReplyController extends Controller
 {
@@ -28,6 +32,18 @@ public function update()
 
     }
 
+    public function like(Request $request, int $id): ReplyResource
+    {
+        $reply = Reply::findOrFail($id);
+        $react = Reaction::where('name', 'love')->first();
+        /** @var User $user */
+        $user = User::findOrFail($request->userId);
+
+        $user->reactTo($reply, $react);
+
+        return new ReplyResource($reply);
+    }
+
     public function delete()
     {
 
diff --git a/app/Http/Resources/ReplyResource.php b/app/Http/Resources/ReplyResource.php
index 268f243c..a874604c 100644
--- a/app/Http/Resources/ReplyResource.php
+++ b/app/Http/Resources/ReplyResource.php
@@ -15,7 +15,9 @@ public function toArray($request): array
             'model_id' => $this->replyable_id,
             'created_at' => $this->created_at->getTimestamp(),
             'author' => new UserResource($this->author),
+            'has_replies' => $this->allChildReplies->isNotEmpty(),
             'replies' => $this->replyable_type === 'discussion' ? self::collection($this->replies) : null,
+            'likes_count' => $this->getReactionsSummary()->sum('count'),
         ];
     }
 }
diff --git a/app/Models/Discussion.php b/app/Models/Discussion.php
index ba3edea4..72ec7bf6 100644
--- a/app/Models/Discussion.php
+++ b/app/Models/Discussion.php
@@ -73,6 +73,15 @@ class Discussion extends Model implements ReactableInterface, ReplyInterface, Su
         'replies',
     ];
 
+    /**
+     * The accessors to append to the model's array form.
+     *
+     * @var array
+     */
+    protected $appends = [
+        'count_all_replies_with_child',
+    ];
+
     protected $removeViewsOnDelete = true;
 
     public static function boot()
@@ -120,6 +129,17 @@ public function isLocked(): bool
         return (bool) $this->locked;
     }
 
+    public function getCountAllRepliesWithChildAttribute(): int
+    {
+        $count = $this->replies()->count();
+
+        foreach ($this->replies()->withCount('allChildReplies')->get() as $reply) {
+            $count += $reply->all_child_replies_count;
+        }
+
+        return $count;
+    }
+
     public function scopePinned(Builder $query): Builder
     {
         return $query->where('is_pinned', true);
diff --git a/app/Models/Reply.php b/app/Models/Reply.php
index d405dcd6..747284c4 100644
--- a/app/Models/Reply.php
+++ b/app/Models/Reply.php
@@ -13,6 +13,7 @@
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\HasOne;
+use Illuminate\Database\Eloquent\Relations\MorphMany;
 use Illuminate\Database\Eloquent\Relations\MorphTo;
 use Illuminate\Support\Str;
 
@@ -80,6 +81,11 @@ public function to(ReplyInterface $replyAble)
         $this->replyAble()->associate($replyAble);
     }
 
+    public function allChildReplies(): MorphMany
+    {
+        return $this->replies()->with('allChildReplies')->where('replyable_type', 'reply');
+    }
+
     /**
      * It's important to name the relationship the same as the method because otherwise
      * eager loading of the polymorphic relationship will fail on queued jobs.
diff --git a/app/Models/User.php b/app/Models/User.php
index c5ccbb80..24e9f9e6 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -107,6 +107,15 @@ public function isLoggedInUser(): bool
         return $this->id === Auth::id();
     }
 
+    public function profile(): array
+    {
+        return [
+            'name' => $this->name,
+            'username' => $this->username,
+            'picture' => $this->profile_photo_url,
+        ];
+    }
+
     public function registerMediaCollections(): void
     {
         $this->addMediaCollection('avatar')
diff --git a/app/Traits/Reactable.php b/app/Traits/Reactable.php
index e989e375..70d4e8c0 100644
--- a/app/Traits/Reactable.php
+++ b/app/Traits/Reactable.php
@@ -25,7 +25,7 @@ public function getReactionsSummary(): Collection
             ->get();
     }
 
-    public function reacted(User $responder = null)
+    public function reacted(User $responder = null): bool
     {
         if (is_null($responder)) {
             $responder = auth()->user();
diff --git a/app/Traits/Reacts.php b/app/Traits/Reacts.php
index ed2c26c6..d17e835b 100644
--- a/app/Traits/Reacts.php
+++ b/app/Traits/Reacts.php
@@ -7,7 +7,7 @@
 
 trait Reacts
 {
-    public function reactTo(ReactableInterface $reactable, Reaction $reaction)
+    public function reactTo(ReactableInterface $reactable, Reaction $reaction): ?Reaction
     {
         $reactedToReaction = $reactable->reactions()
             ->where('responder_id', $this->getKey())

From 0349cda0eefba0cbd45d27f646825663648cb5ad Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:09:25 +0100
Subject: [PATCH 17/27] :heavy_plus_sign: ajout des dependances markdown

---
 package.json       | 9 ++++++++-
 tailwind.config.js | 2 ++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 492ca11f..2c1102af 100644
--- a/package.json
+++ b/package.json
@@ -17,13 +17,15 @@
     "@babel/preset-react": "^7.16.0",
     "babel-plugin-jsx-pragmatic": "^1.0.2",
     "eslint-config-preact": "^1.1.3",
-    "laravel-mix": "^6.0.6",
+    "laravel-mix": "^6.0.38",
     "lodash": "^4.17.19",
     "postcss": "^8.2.9",
     "prettier": "^2.3.1",
     "prettier-standard": "^16.4.1"
   },
   "dependencies": {
+    "@headlessui/react": "^1.4.2",
+    "@heroicons/react": "^1.0.5",
     "@tailwindcss/aspect-ratio": "^0.2.0",
     "@tailwindcss/forms": "^0.3.2",
     "@tailwindcss/line-clamp": "^0.2.0",
@@ -36,7 +38,12 @@
     "highlight.js": "^10.7.1",
     "htm": "^3.1.0",
     "intl-tel-input": "^17.0.13",
+    "markdown-to-jsx": "^7.1.3",
     "preact": "^10.5.15",
+    "react-content-loader": "^6.0.3",
+    "remark": "^14.0.2",
+    "remark-html": "^15.0.0",
+    "remark-torchlight": "^0.0.2",
     "tailwindcss": "^2.2.4"
   }
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 7a4ced61..3d4ff5cc 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -25,6 +25,7 @@ module.exports = {
       './vendor/ph7jack/wireui/src/View/**/*.php',
       './resources/**/*.blade.php',
       './resources/**/*.js',
+      './resources/**/*.jsx',
     ],
     options: {
       safelist: [/^media-library/],
@@ -42,6 +43,7 @@ module.exports = {
         body: 'rgb(var(--color-body-fill))',
         card: 'rgb(var(--color-card-fill))',
         primary: colors.green,
+        rose: colors.rose,
       },
       fontFamily: {
         mono: ['Operator Mono', ...defaultTheme.fontFamily.mono],

From 74270ad2b3f26acc32a6a369b84fd39e5854a283 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:09:46 +0100
Subject: [PATCH 18/27] api routes

---
 routes/api.php | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/routes/api.php b/routes/api.php
index bcb8b189..da393c51 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -1,6 +1,6 @@
 <?php
 
-use Illuminate\Http\Request;
+use App\Http\Controllers\Api\ReplyController;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -14,6 +14,8 @@
 |
 */
 
-Route::middleware('auth:api')->get('/user', function (Request $request) {
-    return $request->user();
-});
+Route::get('replies/{target}', [ReplyController::class, 'all']);
+Route::post('replies', [ReplyController::class, 'store']);
+Route::put('replies/{id}', [ReplyController::class, 'update']);
+Route::post('like/{id}', [ReplyController::class, 'like']);
+Route::delete('replies/{id}', [ReplyController::class, 'update']);

From be5a7413646c44ae0dd1ecba7dac124a62b88b34 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:12:18 +0100
Subject: [PATCH 19/27] :lipstick: modification des vues

---
 resources/views/components/discussions/overview.blade.php | 2 +-
 resources/views/discussions/show.blade.php                | 2 +-
 resources/views/layouts/master.blade.php                  | 5 +++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/views/components/discussions/overview.blade.php b/resources/views/components/discussions/overview.blade.php
index 23ee88c0..e4d25663 100644
--- a/resources/views/components/discussions/overview.blade.php
+++ b/resources/views/components/discussions/overview.blade.php
@@ -42,7 +42,7 @@
             />
             <p class="inline-flex text-sm space-x-2 text-skin-base">
                 <x-heroicon-o-chat-alt-2 class="h-5 w-5" />
-                <span class="font-normal text-skin-inverted-muted">{{ $discussion->replies_count }}</span>
+                <span class="font-normal text-skin-inverted-muted">{{ $discussion->count_all_replies_with_child }}</span>
                 <span class="sr-only">réponses</span>
             </p>
         </div>
diff --git a/resources/views/discussions/show.blade.php b/resources/views/discussions/show.blade.php
index 3e7f3a68..fd7cfe65 100644
--- a/resources/views/discussions/show.blade.php
+++ b/resources/views/discussions/show.blade.php
@@ -69,7 +69,7 @@
                 </div>
             </header>
             <div class="py-6 flex items-center justify-between">
-                <p class="text-skin-inverted font-semibold font-sans" id="comments-count">Commentaires ({{ $discussion->replies_count }})</p>
+                <p class="text-skin-inverted font-semibold font-sans" id="comments-count">Commentaires ({{ $discussion->count_all_replies_with_child }})</p>
                 @auth
                     <livewire:discussions.subscribe :discussion="$discussion" />
                 @endauth
diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php
index 2eb063f4..e97f19d1 100644
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -28,8 +28,9 @@
         window.csrfToken = {!! json_encode(['csrfToken' => csrf_token()]) !!};
         window.laravel = {
             ...(window.laravel || {}),
-            isModerator: {{ auth()->user() && auth()->user()->hasAnyRole('admin', 'moderator') ? 'true' : 'false' }},
-            user: {{ auth()->user() ? auth()->id() : 'null' }},
+            isModerator: {{ auth()->check() && auth()->user()->hasAnyRole('admin', 'moderator') ? 'true' : 'false' }},
+            user: {{ auth()->check() ? auth()->id() : 'null' }},
+            currentUser: {!! auth()->check() ? json_encode(auth()->user()->profile()) : 'null'  !!}
         }
     </script>
 

From 6368265840d73f1263bc8c88d6edff017342968d Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:12:53 +0100
Subject: [PATCH 20/27] :alien: mis en place des api des reponses

---
 resources/js/api/comments.js | 59 ++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/resources/js/api/comments.js b/resources/js/api/comments.js
index e69de29b..f457eb7e 100644
--- a/resources/js/api/comments.js
+++ b/resources/js/api/comments.js
@@ -0,0 +1,59 @@
+import { jsonFetch } from '@helpers/api.js'
+
+/**
+ * Représentation d'un commentaire de l'API
+ * @typedef {{id: number, username: string, avatar: string, content: string, createdAt: number, replies: ReplyResource[]}} ReplyResource
+ */
+
+/**
+ * @param {number} target
+ * @return {Promise<ReplyResource[]>}
+ */
+export async function findAllReplies (target) {
+  return await jsonFetch(`/api/replies/${target}`)
+}
+
+/**
+ * @param {{target: number, username: ?string, email: ?string, content: string}} data
+ * @return {Promise<Object>}
+ */
+export async function addReply (body) {
+  return jsonFetch('/api/replies', {
+    method: 'POST',
+    body
+  })
+}
+
+/**
+ * @param {int} id
+ * @param {int} userId
+ * @return {Promise<Object>}
+ */
+export async function likeReply(id, userId) {
+  return jsonFetch(`/api/like/${id}`, {
+    method: 'POST',
+    body: JSON.stringify({ userId })
+  })
+}
+
+/**
+ * @param {int} id
+ * @return {Promise<null>}
+ */
+export async function deleteReply (id) {
+  return jsonFetch(`/api/replies/${id}`, {
+    method: 'DELETE'
+  })
+}
+
+/**
+ * @param {int} id
+ * @param {string} body
+ * @return {Promise<ReplyResource>}
+ */
+export async function updateReply (id, body) {
+  return jsonFetch(`/api/replies/${id}`, {
+    method: 'PUT',
+    body: JSON.stringify({ body })
+  })
+}

From 1baf3233394bdc56d2b1700a6769c442b8f67ff8 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:13:28 +0100
Subject: [PATCH 21/27] :sparkles: ajout des customElements

---
 resources/js/elements/Confetti.js      |  16 ++++
 resources/js/elements/TimeAgo.js       | 102 +++++++++++++++++++++++++
 resources/js/elements/TimeCountdown.js |  47 ++++++++++++
 resources/js/elements/index.js         |  10 +++
 4 files changed, 175 insertions(+)

diff --git a/resources/js/elements/Confetti.js b/resources/js/elements/Confetti.js
index e69de29b..3883e2b5 100644
--- a/resources/js/elements/Confetti.js
+++ b/resources/js/elements/Confetti.js
@@ -0,0 +1,16 @@
+import confetti from 'canvas-confetti'
+import { windowHeight } from '@helpers/window.js'
+
+export class Confetti extends HTMLElement {
+  connectedCallback () {
+    const rect = this.getBoundingClientRect()
+    const y = (rect.top + rect.height / 2) / windowHeight()
+    confetti({
+      particleCount: 100,
+      zIndex: 3000,
+      spread: 90,
+      disableForReducedMotion: true,
+      origin: { y }
+    })
+  }
+}
diff --git a/resources/js/elements/TimeAgo.js b/resources/js/elements/TimeAgo.js
index e69de29b..bf368ae5 100644
--- a/resources/js/elements/TimeAgo.js
+++ b/resources/js/elements/TimeAgo.js
@@ -0,0 +1,102 @@
+const terms = [
+  {
+    time: 45,
+    divide: 60,
+    text: "moins d'une minute"
+  },
+  {
+    time: 90,
+    divide: 60,
+    text: 'environ une minute'
+  },
+  {
+    time: 45 * 60,
+    divide: 60,
+    text: '%d minutes'
+  },
+  {
+    time: 90 * 60,
+    divide: 60 * 60,
+    text: 'environ une heure'
+  },
+  {
+    time: 24 * 60 * 60,
+    divide: 60 * 60,
+    text: '%d heures'
+  },
+  {
+    time: 42 * 60 * 60,
+    divide: 24 * 60 * 60,
+    text: 'environ un jour'
+  },
+  {
+    time: 30 * 24 * 60 * 60,
+    divide: 24 * 60 * 60,
+    text: '%d jours'
+  },
+  {
+    time: 45 * 24 * 60 * 60,
+    divide: 24 * 60 * 60 * 30,
+    text: 'environ un mois'
+  },
+  {
+    time: 365 * 24 * 60 * 60,
+    divide: 24 * 60 * 60 * 30,
+    text: '%d mois'
+  },
+  {
+    time: 365 * 1.5 * 24 * 60 * 60,
+    divide: 24 * 60 * 60 * 365,
+    text: 'environ un an'
+  },
+  {
+    time: Infinity,
+    divide: 24 * 60 * 60 * 365,
+    text: '%d ans'
+  }
+]
+
+/**
+ * Custom element permettant d'afficher une date de manière relative
+ *
+ * @property {number} timer
+ */
+export class TimeAgo extends HTMLElement {
+  connectedCallback () {
+    const timestamp = parseInt(this.getAttribute('time'), 10) * 1000
+    const date = new Date(timestamp)
+    this.updateText(date)
+  }
+
+  disconnectedCallback () {
+    window.clearTimeout(this.timer)
+  }
+
+  updateText (date) {
+    const seconds = (new Date().getTime() - date.getTime()) / 1000
+    let term = null
+    const prefix = this.getAttribute('prefix')
+    for (term of terms) {
+      if (Math.abs(seconds) < term.time) {
+        break
+      }
+    }
+    if (seconds >= 0) {
+      this.innerHTML = `${prefix || 'il y a'} ${term.text.replace('%d', Math.round(seconds / term.divide))}`
+    } else {
+      this.innerHTML = `${prefix || 'dans'} ${term.text.replace('%d', Math.round(Math.abs(seconds) / term.divide))}`
+    }
+    let nextTick = Math.abs(seconds) % term.divide
+    if (nextTick === 0) {
+      nextTick = term.divide
+    }
+    if (nextTick > 2147482) {
+      return
+    }
+    this.timer = window.setTimeout(() => {
+      window.requestAnimationFrame(() => {
+        this.updateText(date)
+      })
+    }, 1000 * nextTick)
+  }
+}
diff --git a/resources/js/elements/TimeCountdown.js b/resources/js/elements/TimeCountdown.js
index e69de29b..0a654310 100644
--- a/resources/js/elements/TimeCountdown.js
+++ b/resources/js/elements/TimeCountdown.js
@@ -0,0 +1,47 @@
+const DAY = 1000 * 60 * 60 * 24
+const HOUR = 1000 * 60 * 60
+const MINUTE = 1000 * 60
+
+export class TimeCountdown extends HTMLElement {
+  connectedCallback () {
+    const timestamp = parseInt(this.getAttribute('time'), 10) * 1000
+    const date = new Date(timestamp)
+    this.updateText(date)
+  }
+
+  disconnectedCallback () {
+    window.clearTimeout(this.timer)
+  }
+
+  updateText (date) {
+    const now = new Date().getTime()
+    const distance = date - now
+    const days = Math.floor(distance / DAY)
+    const hours = Math.floor((distance % DAY) / HOUR)
+    const minutes = Math.floor((distance % HOUR) / MINUTE)
+    const seconds = Math.floor((distance % MINUTE) / 1000)
+    if (distance < 0) {
+      this.innerText = ''
+      return ''
+    }
+    let timeInterval = 1000
+    if (days > 0) {
+      this.innerText = `${days}j ${hours}h`
+      timeInterval = HOUR
+    } else if (hours > 0) {
+      this.innerText = `${hours}h ${minutes}m`
+      timeInterval = MINUTE
+    } else {
+      this.innerText = `${minutes}m ${seconds}s`
+    }
+    if (distance > 0) {
+      this.timer = window.setTimeout(() => {
+        if (window.requestAnimationFrame) {
+          window.requestAnimationFrame(() => this.updateText(date))
+        } else {
+          this.updateText(date)
+        }
+      }, timeInterval)
+    }
+  }
+}
diff --git a/resources/js/elements/index.js b/resources/js/elements/index.js
index e69de29b..388772c8 100644
--- a/resources/js/elements/index.js
+++ b/resources/js/elements/index.js
@@ -0,0 +1,10 @@
+import preactCustomElement from '@helpers/preact.js'
+import { Comments } from '@components/Comments.jsx'
+import { Confetti } from './Confetti.js'
+import { TimeAgo } from './TimeAgo.js'
+import { TimeCountdown } from './TimeCountdown.js'
+
+customElements.define('con-fetti', Confetti)
+customElements.define('time-ago', TimeAgo)
+customElements.define('time-countdown', TimeCountdown)
+preactCustomElement('comments-area', Comments, ['target'])

From 9c5b90a3d100273ef5185c3dea3267d1a132417c Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:16:42 +0100
Subject: [PATCH 22/27] :sparkles: ajout des components

---
 resources/js/app.js                  |  13 +-
 resources/js/components/Button.jsx   |  37 +++
 resources/js/components/Comments.jsx | 434 +++++++++++++++++++++++++++
 resources/js/components/Form.jsx     | 137 +++++++++
 resources/js/components/Icon.jsx     |  31 ++
 resources/js/components/Loader.jsx   |  11 +
 resources/js/components/Markdown.jsx |  39 +++
 7 files changed, 695 insertions(+), 7 deletions(-)

diff --git a/resources/js/app.js b/resources/js/app.js
index ef39054e..7e0c7081 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,11 +1,10 @@
-import Alpine from 'alpinejs';
+import Alpine from 'alpinejs'
 
-// Alpine plugins.
-import internationalNumber from "./plugins/internationalNumber";
-
-require('./helpers');
-require('./editor');
-require('./scrollspy');
+import internationalNumber from './plugins/internationalNumber'
+import './elements'
+import './helpers'
+import './editor'
+import './scrollspy'
 
 // Add Alpine to window object.
 window.Alpine = Alpine;
diff --git a/resources/js/components/Button.jsx b/resources/js/components/Button.jsx
index e69de29b..a00b8fac 100644
--- a/resources/js/components/Button.jsx
+++ b/resources/js/components/Button.jsx
@@ -0,0 +1,37 @@
+import Loader from '@components/Loader';
+import { classNames } from '@helpers/dom.js'
+
+export function PrimaryButton ({ children, ...props }) {
+  return (
+    <Button className='border border-transparent text-white bg-green-600 hover:bg-green-700' {...props}>
+      {children}
+    </Button>
+  )
+}
+
+export function DefaultButton ({ children, ...props }) {
+  return (
+    <Button className='border border-skin-input shadow-sm bg-skin-button text-skin-base hover:bg-skin-button-hover' {...props}>
+      {children}
+    </Button>
+  )
+}
+
+/**
+ *
+ * @param {*} children
+ * @param {string} className
+ * @param {string} size
+ * @param {boolean} loading
+ * @param {Object} props
+ * @return {*}
+ */
+export function Button ({ children, className = '', loading = false, ...props }) {
+  className = classNames('inline-flex items-center justify-center py-2 px-4 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500', className)
+  return (
+    <button className={className} disabled={loading} {...props}>
+      {loading && <Loader />}
+      {children}
+    </button>
+  )
+}
diff --git a/resources/js/components/Comments.jsx b/resources/js/components/Comments.jsx
index e69de29b..0a353782 100644
--- a/resources/js/components/Comments.jsx
+++ b/resources/js/components/Comments.jsx
@@ -0,0 +1,434 @@
+import { memo } from 'preact/compat'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks'
+import ContentLoader from 'react-content-loader'
+import { ChatAltIcon } from '@heroicons/react/solid'
+import { findAllReplies, addReply, updateReply, deleteReply, likeReply } from '@api/comments';
+import { PrimaryButton } from '@components/Button';
+import { Field } from '@components/Form'
+import { Markdown } from '@components/Markdown'
+import { ChatIcon, HeartIcon } from '@components/Icon'
+import { canManage, currentUser, isAuthenticated, getUserId } from '@helpers/auth'
+import { scrollTo } from '@helpers/animation'
+import { catchViolations } from '@helpers/api'
+import { classNames } from '@helpers/dom'
+import { useVisibility, useAsyncEffect } from '@helpers/hooks'
+
+/**
+ * Affiche les commentaires associé à un contenu
+ *
+ * @param {{target: number}} param
+ */
+export function Comments ({ target, parent }) {
+  target = parseInt(target, 10)
+  const element = useRef(null)
+  const [state, setState] = useState({
+    editing: null, // ID du commentaire en cours d'édition
+    comments: null, // Liste des commentaires
+    focus: null, // Commentaire à focus
+    reply: null // Commentaire auquel on souhaite répondre
+  })
+  const count = state.comments ? state.comments.length : null
+  const isVisible = useVisibility(parent)
+  const comments = useMemo(() => {
+    if (state.comments === null) {
+      return null
+    }
+    return state.comments.filter(c => c.model_type === 'discussion').sort((a, b) => b.created_at - a.created_at)
+  }, [state.comments])
+
+  // Trouve les commentaire enfant d'un commentaire
+  function repliesFor (comment) {
+    return comment.replies.filter(c => c.model_type === 'reply').sort((a, b) => b.created_at - a.created_at)
+  }
+
+  // On commence l'édition d'un commentaire
+  const handleEdit = useCallback(comment => {
+    setState(s => ({ ...s, editing: s.editing === comment.id ? null : comment.id }))
+  }, [])
+
+  // On met à jour (via l'API un commentaire)
+  const handleUpdate = useCallback(async (comment, body) => {
+    const newComment = { ...(await updateReply(comment.id, body)), parent: comment.model_id }
+    setState(s => ({
+      ...s,
+      editing: null,
+      comments: s.comments.map(c => (c === comment ? newComment : c))
+    }))
+  }, [])
+
+  // On supprime un commentaire
+  const handleDelete = useCallback(async comment => {
+    await deleteReply(comment.id)
+    setState(s => ({
+      ...s,
+      comments: s.comments.filter(c => c !== comment)
+    }))
+  }, [])
+
+  // On répond à un commentaire
+  const handleReply = useCallback(comment => {
+    setState(s => ({ ...s, reply: comment.model_id || comment.id }))
+  }, [])
+
+  const handleCancelReply = useCallback(() => {
+    setState(s => ({ ...s, reply: null }))
+  }, [])
+
+  // On crée un nouveau commentaire
+  const handleCreate = useCallback(
+    async (data, parent) => {
+      data = { ...data, target, parent }
+      const newComment = await addReply(data)
+      setState(s => ({
+        ...s,
+        focus: newComment.id,
+        reply: null,
+        comments: [...s.comments, newComment]
+      }))
+    },
+    [target]
+  )
+
+  // On like un commentaire
+  const handleLike = useCallback(async (comment) => {
+    await likeReply(comment.id, getUserId())
+    const comments = await findAllReplies(target)
+    setState(s => ({ ...s, comments }))
+  }, [])
+
+  // On scroll jusqu'à l'élément si l'ancre commence par un "c"
+  useAsyncEffect(async () => {
+    if (window.location.hash.startsWith('#c')) {
+      const comments = await findAllReplies(target)
+      setState(s => ({
+        ...s,
+        comments,
+        focus: window.location.hash.replace('#c', '')
+      }))
+    }
+  }, [element])
+
+  // On charge les commentaire dès l'affichage du composant
+  useAsyncEffect(async () => {
+    if (isVisible) {
+      const comments = await findAllReplies(target)
+      setState(s => ({ ...s, comments }))
+    }
+  }, [target, isVisible])
+
+  // On se focalise sur un commentaire
+  useEffect(() => {
+    if (state.focus && comments) {
+      scrollTo(document.getElementById(`c${state.focus}`))
+      setState(s => ({ ...s, focus: null }))
+    }
+  }, [state.focus, comments])
+
+  return (
+    <div className="mt-6" ref={element}>
+      <div>
+        {isAuthenticated() ? (
+          <CommentForm onSubmit={handleCreate} />
+        ) : (
+          <div className="relative">
+            <div className="min-w-0 flex-1 filter blur-sm">
+              <div>
+                <label htmlFor="body" className="sr-only">
+                  Commentaire
+                </label>
+                <Field
+                  type='textarea'
+                  name='body'
+                  className="bg-skin-input shadow-sm focus:border-flag-green focus:ring-flag-green mt-1 block w-full text-skin-base focus:outline-none sm:text-sm font-normal border-skin-input rounded-md"
+                  placeholder="Laisser un commentaire"
+                  rows={4}
+                  disabled
+                />
+                <div className="mt-6 flex items-center justify-end space-x-4">
+                  <PrimaryButton type="button">
+                    Commenter
+                  </PrimaryButton>
+                </div>
+              </div>
+            </div>
+            <div className="absolute inset-0 flex items-center justify-center bg-skin-card bg-opacity-10 py-8">
+              <p className="text-center font-sans text-skin-base">Veuillez vous <a href="/login" className="text-skin-primary hover:text-skin-primary-hover hover:underline">connecter</a> ou {' '}
+                <a href="/register" className="text-skin-primary hover:text-skin-primary-hover hover:underline">créer un compte</a> pour participer à cette conversation.</p>
+            </div>
+          </div>
+        )}
+      </div>
+      <div className="mt-10">
+        {comments ? (
+            <ul role="list" className="space-y-8">
+              {comments.map((comment) => (
+                <Comment
+                  key={comment.id}
+                  comment={comment}
+                  editing={state.editing === comment.id}
+                  onEdit={handleEdit}
+                  onUpdate={handleUpdate}
+                  onDelete={handleDelete}
+                  onReply={handleReply}
+                  onLike={handleLike}
+                >
+                  <ul role="list" className="space-y-5">
+                    {repliesFor(comment).map(reply => (
+                      <Comment
+                        key={reply.id}
+                        comment={reply}
+                        editing={state.editing === reply.id}
+                        onEdit={handleEdit}
+                        onUpdate={handleUpdate}
+                        onDelete={handleDelete}
+                        onReply={handleReply}
+                        onLike={handleLike}
+                        isReply
+                      />
+                    ))}
+                  </ul>
+                </Comment>
+                )
+              )}
+            </ul>
+          ) : (
+          <>
+            <FakeComment />
+            <FakeComment />
+          </>
+        )}
+      </div>
+    </div>
+  );
+
+}
+
+const FakeComment = memo(() => {
+  return (
+    <ContentLoader
+      speed={2}
+      width={750}
+      height={160}
+      viewBox="0 0 750 160"
+      backgroundColor="#9CA3AF"
+      foregroundColor="#6B7280"
+    >
+      <rect x="48" y="8" rx="3" ry="3" width="88" height="6" />
+      <rect x="48" y="26" rx="3" ry="3" width="52" height="6" />
+      <rect x="0" y="56" rx="3" ry="3" width="410" height="6" />
+      <rect x="0" y="72" rx="3" ry="3" width="380" height="6" />
+      <rect x="0" y="88" rx="3" ry="3" width="178" height="6" />
+      <circle cx="20" cy="20" r="20" />
+    </ContentLoader>
+  )
+})
+
+/**
+ * Affiche un commentaire
+ */
+const Comment = memo(({ comment, editing, onEdit, onUpdate, onDelete, onReply, onLike, children, isReply }) => {
+  const anchor = `#c${comment.id}`
+  const canEdit = canManage(comment.author.id)
+  const className = ['comment']
+  const textarea = useRef(null)
+  const [loading, setLoading] = useState(false)
+
+  const handleEdit = canEdit
+    ? e => {
+      e.preventDefault()
+      onEdit(comment)
+    }
+    : null
+
+  async function handleUpdate (e) {
+    e.preventDefault()
+    setLoading(true)
+    await onUpdate(comment, textarea.current.value)
+    setLoading(false)
+  }
+
+  async function handleLike (e) {
+    e.preventDefault()
+    if (isAuthenticated()) {
+      await onLike(comment)
+    } else {
+      window.$wireui.notify({
+        title: 'Ops! Erreur',
+        description: 'Vous devez être connecté pour liker ce contenu!',
+        icon: 'error'
+      })
+    }
+  }
+
+  async function handleDelete (e) {
+    e.preventDefault()
+    if (confirm('Voulez vous vraiment supprimer ce commentaire ?')) {
+      setLoading(true)
+      await onDelete(comment)
+    }
+  }
+
+  function handleReply (e) {
+    e.preventDefault()
+    onReply(comment)
+  }
+
+  // On focus automatiquement le champs quand il devient visible
+  useEffect(() => {
+    if (textarea.current) {
+      textarea.current.focus()
+    }
+  }, [editing])
+
+  let content = (
+    <>
+      <div className="mt-2 text-sm text-skin-base prose prose-green font-normal max-w-none">
+        <Markdown children={comment.body} onDoubleClick={handleEdit} />
+      </div>
+      <div className="mt-2 text-sm space-x-4">
+        <button
+          type="button"
+          onClick={handleLike}
+          className={classNames('inline-flex items-center justify-center text-sm text-skin-base font-normal hover:text-rose-500', comment.likes_count > 0 && 'text-rose-500')}
+        >
+          <HeartIcon className="-ml-1 mr-2 h-5 w-5 fill-current" aria-hidden="true" />
+          {comment.likes_count > 0 && <span className="mr-1.5">{comment.likes_count}</span>}
+          Like{comment.likes_count > 1 ? 's' : ''}
+        </button>
+        {!isReply && (
+          <button type="button" onClick={handleReply} className="inline-flex items-center justify-center text-sm text-skin-base font-normal hover:text-skin-inverted-muted">
+            <ChatIcon className="-ml-1 mr-2 h-5 w-5 fill-current" aria-hidden="true"/>
+            Répondre
+          </button>
+        )}
+      </div>
+    </>
+  )
+  if (editing) {
+    content = (<p>Formulaire d'edition</p>)
+  }
+
+  return (
+    <li className={className.join(' ')} id={`c${comment.id}`}>
+      <div className="relative pb-2">
+        {comment.has_replies ? (
+          <span
+            className="absolute top-5 left-5 -ml-px h-full w-0.5 bg-skin-card-gray"
+            aria-hidden="true"
+          />
+        ) : null}
+        <div className="relative flex space-x-3">
+          <div className="flex-shrink-0">
+            <img
+              className="h-10 w-10 rounded-full"
+              src={comment.author.profile_photo_url}
+              alt=""
+            />
+          </div>
+          <div>
+            <div className="flex items-center text-sm space-x-2">
+              <a href={`/user/${comment.author.username}`} className="font-medium text-skin-primary font-sans hover:text-skin-primary-hover">
+                {comment.author.name}
+              </a>
+              <span className="text-skin-base font-normal"><time-ago time={comment.created_at} /></span>
+              {canEdit && (
+                <div className="flex">
+                  <span className="text-skin-base font-medium">·</span>
+                  <div className="pl-2 flex items-center divide-x divide-skin-base">
+                    <button type="button" onClick={handleEdit} className="pr-2 text-sm leading-5 font-sans text-skin-base focus:outline-none hover:underline">Éditer</button>
+                    <button type="button" onClick={handleDelete} className="pl-2 text-sm leading-5 font-sans text-red-500 focus:outline-none hover:underline">Supprimer</button>
+                  </div>
+                </div>
+              )}
+            </div>
+            {content}
+          </div>
+        </div>
+        {comment.has_replies && (
+          <div className="mt-8 ml-12">
+            {children}
+          </div>
+        )}
+      </div>
+    </li>
+  )
+})
+
+function CommentForm ({ onSubmit, parent, onCancel = null }) {
+  const [loading, setLoading] = useState(false)
+  const [errors, setErrors] = useState({})
+  const ref = useRef(null)
+
+  const handleSubmit = useCallback(
+    async e => {
+      const form = e.target
+      e.preventDefault()
+      setLoading(true)
+      const errors = (await catchViolations(onSubmit(Object.fromEntries(new FormData(form)), parent)))[1]
+      if (errors) {
+        setErrors(errors)
+      } else {
+        form.reset()
+      }
+      setLoading(false)
+    },
+    [onSubmit, parent]
+  )
+
+  const handleCancel = function (e) {
+    e.preventDefault()
+    onCancel()
+  }
+
+  useEffect(() => {
+    if (parent && ref.current) {
+      scrollTo(ref.current)
+    }
+  }, [parent])
+
+  return (
+    <div className="flex space-x-3">
+      {isAuthenticated() && (
+        <>
+          <div className="flex-shrink-0">
+            <div className="relative">
+              <img
+                className="h-10 w-10 rounded-full bg-skin-card-gray flex items-center justify-center ring-8 ring-body"
+                src={`${currentUser().picture}`}
+                alt=""
+              />
+
+              <span className="absolute -bottom-0.5 -right-1 bg-skin-body rounded-tl px-0.5 py-px">
+                <ChatAltIcon className="h-5 w-5 text-skin-muted" aria-hidden="true" />
+              </span>
+            </div>
+          </div>
+        </>
+      )}
+      <div className="min-w-0 flex-1">
+        <form onSubmit={handleSubmit} ref={ref}>
+          <label htmlFor="body" className="sr-only">
+            Commentaire
+          </label>
+          <Field
+            type='textarea'
+            name='body'
+            className="bg-skin-input shadow-sm focus:border-flag-green focus:ring-flag-green mt-1 block w-full text-skin-base focus:outline-none sm:text-sm font-normal border-skin-input rounded-md"
+            placeholder="Laisser un commentaire"
+            error={errors.body}
+            rows={4}
+            required
+          />
+          <div className="mt-6 flex items-center justify-between space-x-4">
+            <p className="text-sm text-skin-base max-w-xl font-normal">
+              Veuillez vous assurer d'avoir lu nos <a href="/rules" className="font-medium text-skin-primary hover:text-skin-primary-hover">règles de conduite</a> avant de répondre à ce fil de conversation.
+            </p>
+            <PrimaryButton type="submit" loading={loading}>
+              Commenter
+            </PrimaryButton>
+          </div>
+        </form>
+      </div>
+    </div>
+  )
+}
diff --git a/resources/js/components/Form.jsx b/resources/js/components/Form.jsx
index e69de29b..f044e9a8 100644
--- a/resources/js/components/Form.jsx
+++ b/resources/js/components/Form.jsx
@@ -0,0 +1,137 @@
+import { createContext } from 'preact'
+import { useContext, useEffect, useLayoutEffect, useRef, useState } from 'preact/hooks'
+import { useMemo } from 'preact/compat'
+import { useAutofocus } from '@helpers/hooks.js'
+
+/**
+ * Représente un champs, dans le contexte du formulaire
+ *
+ * @param {string} type
+ * @param {string} name
+ * @param {function} onInput
+ * @param {string} value
+ * @param {string} error
+ * @param {boolean} autofocus
+ * @param {function} component
+ * @param {React.Children} children
+ * @param {string} className
+ * @param {string} wrapperClass
+ * @param props
+ */
+export function Field ({
+   name,
+   onInput,
+   value,
+   error,
+   children,
+   type = 'text',
+   className = '',
+   wrapperClass = '',
+   component = null,
+   ...props
+ }) {
+  // Hooks
+  const [dirty, setDirty] = useState(false)
+  const ref = useRef(null)
+  useAutofocus(ref, props.autofocus)
+  const showError = error && !dirty
+
+  function handleInput (e) {
+    if (dirty === false) {
+      setDirty(true)
+    }
+    if (onInput) {
+      onInput(e)
+    }
+  }
+
+  // Si le champs a une erreur et n'a pas été modifié
+  if (showError) {
+    className += ' border-red-300 text-red-500 placeholder-red-300 focus:outline-none focus:ring-red-500 focus:border-red-500'
+  }
+
+  // Les attributs à passer aux champs
+  const attr = {
+    name,
+    id: name,
+    className,
+    onInput: handleInput,
+    type,
+    ...(value === undefined ? {} : { value }),
+    ...props
+  }
+
+  // On trouve le composant à utiliser
+  const FieldComponent = useMemo(() => {
+    if (component) {
+      return component
+    }
+    switch (type) {
+      case 'textarea':
+        return FieldTextarea
+      case 'editor':
+        return FieldEditor
+      default:
+        return FieldInput
+    }
+  }, [component, type])
+
+  // Si l'erreur change on considère le champs comme "clean"
+  useLayoutEffect(() => {
+    setDirty(false)
+  }, [error])
+
+  return (
+    <div className={`relative ${wrapperClass}`} ref={ref}>
+      {children && <label htmlFor={name} className="block text-sm font-medium leading-5 text-skin-base">{children}</label>}
+      <FieldComponent {...attr} />
+      {showError && <p className='mt-2 text-sm text-red-500'>{error}</p>}
+    </div>
+  )
+}
+
+function FieldTextarea (props) {
+  return <textarea {...props} />
+}
+
+function FieldInput (props) {
+  return <input {...props} />
+}
+
+function FieldEditor (props) {
+  const ref = useRef(null)
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.syncEditor()
+    }
+  }, [props.value])
+  return <textarea {...props} is='markdown-editor' ref={ref} />
+}
+
+/**
+ * Version contextualisée des champs pour le formulaire
+ */
+
+export const FormContext = createContext({
+  errors: {},
+  loading: false,
+  emptyError: () => {}
+})
+
+/**
+ * Représente un champs, dans le contexte du formulaire
+ *
+ * @param {string} type
+ * @param {string} name
+ * @param {React.Children} children
+ * @param {object} props
+ */
+export function FormField ({ type = 'text', name, children, ...props }) {
+  const { errors, emptyError, loading } = useContext(FormContext)
+  const error = errors[name] || null
+  return (
+    <Field type={type} name={name} error={error} onInput={() => emptyError(name)} readonly={loading} {...props}>
+      {children}
+    </Field>
+  )
+}
diff --git a/resources/js/components/Icon.jsx b/resources/js/components/Icon.jsx
index e69de29b..c4da529a 100644
--- a/resources/js/components/Icon.jsx
+++ b/resources/js/components/Icon.jsx
@@ -0,0 +1,31 @@
+export function HeartIcon(props) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <path
+        opacity={0.4}
+        d="M11.776 21.837a36.258 36.258 0 01-6.328-4.957 12.668 12.668 0 01-3.03-4.805C1.278 8.535 2.603 4.49 6.3 3.288A6.282 6.282 0 0112.007 4.3a6.291 6.291 0 015.706-1.012c3.697 1.201 5.03 5.247 3.893 8.787a12.67 12.67 0 01-3.013 4.805 36.58 36.58 0 01-6.328 4.957l-.25.163-.24-.163z"
+      />
+      <path d="M12.01 22l-.234-.163a36.316 36.316 0 01-6.337-4.957 12.667 12.667 0 01-3.048-4.805c-1.13-3.54.195-7.585 3.892-8.787a6.296 6.296 0 015.728 1.023V22zM18.23 10a.719.719 0 01-.517-.278.818.818 0 01-.167-.592c.022-.702-.378-1.342-.994-1.59-.391-.107-.628-.53-.53-.948.093-.41.477-.666.864-.573a.384.384 0 01.138.052c1.236.476 2.036 1.755 1.973 3.155a.808.808 0 01-.23.56.708.708 0 01-.537.213z"/>
+    </svg>
+  )
+}
+
+export function ChatIcon(props) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        opacity={0.4}
+        d="M12.02 2C6.21 2 2 6.74 2 12c0 1.68.49 3.41 1.35 4.99.16.26.18.59.07.9l-.67 2.24c-.15.54.31.94.82.78l2.02-.6c.55-.18.98.05 1.491.36 1.46.86 3.279 1.3 4.919 1.3 4.96 0 10-3.83 10-10C22 6.65 17.7 2 12.02 2z"
+      />
+      <path d="M7.37 10.73c.71 0 1.28.57 1.28 1.28 0 .7-.57 1.27-1.28 1.28-.7 0-1.28-.58-1.28-1.28 0-.71.57-1.28 1.28-1.28zm4.61 0c.71 0 1.28.57 1.28 1.28 0 .7-.57 1.28-1.28 1.28-.71-.01-1.28-.58-1.28-1.29 0-.7.58-1.28 1.28-1.27zm4.61 0c.71 0 1.28.57 1.28 1.28 0 .7-.57 1.28-1.28 1.28-.71 0-1.28-.58-1.28-1.28 0-.71.57-1.28 1.28-1.28z"/>
+    </svg>
+  )
+}
diff --git a/resources/js/components/Loader.jsx b/resources/js/components/Loader.jsx
index e69de29b..8f542949 100644
--- a/resources/js/components/Loader.jsx
+++ b/resources/js/components/Loader.jsx
@@ -0,0 +1,11 @@
+/**
+ * Loader animé
+ */
+export default function Loader ({ className = 'text-white', ...props }) {
+  return (
+    <svg className={`animate-spin -ml-1 mr-3 h-5 w-5 ${className}`} fill="none" viewBox="0 0 24 24" {...props}>
+      <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"/>
+      <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"/>
+    </svg>
+  )
+}
diff --git a/resources/js/components/Markdown.jsx b/resources/js/components/Markdown.jsx
index e69de29b..46545db0 100644
--- a/resources/js/components/Markdown.jsx
+++ b/resources/js/components/Markdown.jsx
@@ -0,0 +1,39 @@
+import MarkdownToJSX from 'markdown-to-jsx'
+import { useEffect, useRef } from 'preact/hooks'
+
+const replacement = (className = 'bold') => ({
+  component: 'p',
+  props: {
+    className
+  }
+})
+
+export function Markdown ({ children, ...props }) {
+  const ref = useRef()
+  useEffect(() => {
+    /*if (ref.current && ref.current.querySelectorAll('pre').length > 0) {
+      bindHighlight(ref.current)
+    }*/
+  }, [children])
+
+  return (
+    <div ref={ref} {...props}>
+      <MarkdownToJSX
+        children={children}
+        options={{
+          disableParsingRawHTML: true,
+          forceBlock: true,
+          wrapper: null,
+          overrides: {
+            h1: replacement('bold underline text-big'),
+            h2: replacement('bold underline'),
+            h3: replacement(),
+            h4: replacement(),
+            h5: replacement(),
+            h6: replacement()
+          }
+        }}
+      />
+    </div>
+  )
+}

From 1e14511250d4097fa760be201caf3a16f1549c39 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 09:18:33 +0100
Subject: [PATCH 23/27] :construction: wip

---
 public/css/app.css    |   113 +-
 public/js/app.js      | 11252 +++++++++++++++++++++++++++++++++++++++-
 resources/css/app.css |     3 +-
 3 files changed, 11190 insertions(+), 178 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 5ae99995..a0481323 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -4263,6 +4263,9 @@ select {
 .pointer-events-auto {
 	pointer-events: auto;
 }
+.visible {
+	visibility: visible;
+}
 .static {
 	position: static;
 }
@@ -4276,6 +4279,7 @@ select {
 	position: relative;
 }
 .sticky {
+	position: -webkit-sticky;
 	position: sticky;
 }
 .inset-0 {
@@ -4352,12 +4356,12 @@ select {
 .-bottom-0 {
 	bottom: 0px;
 }
-.z-30 {
-	z-index: 30;
-}
 .z-20 {
 	z-index: 20;
 }
+.z-30 {
+	z-index: 30;
+}
 .z-50 {
 	z-index: 50;
 }
@@ -4459,6 +4463,18 @@ select {
 .ml-4 {
 	margin-left: 1rem;
 }
+.-mt-6 {
+	margin-top: -1.5rem;
+}
+.mt-4 {
+	margin-top: 1rem;
+}
+.-ml-1 {
+	margin-left: -0.25rem;
+}
+.mr-2 {
+	margin-right: 0.5rem;
+}
 .ml-2\.5 {
 	margin-left: 0.625rem;
 }
@@ -4480,12 +4496,6 @@ select {
 .mb-4 {
 	margin-bottom: 1rem;
 }
-.mr-2 {
-	margin-right: 0.5rem;
-}
-.-ml-1 {
-	margin-left: -0.25rem;
-}
 .mr-1 {
 	margin-right: 0.25rem;
 }
@@ -4498,9 +4508,6 @@ select {
 .mr-1\.5 {
 	margin-right: 0.375rem;
 }
-.mt-4 {
-	margin-top: 1rem;
-}
 .mt-6 {
 	margin-top: 1.5rem;
 }
@@ -4600,9 +4607,6 @@ select {
 .-ml-0 {
 	margin-left: 0px;
 }
-.-mt-6 {
-	margin-top: -1.5rem;
-}
 .block {
 	display: block;
 }
@@ -4807,12 +4811,12 @@ select {
 .max-w-none {
 	max-width: none;
 }
-.max-w-lg {
-	max-width: 32rem;
-}
 .max-w-sm {
 	max-width: 24rem;
 }
+.max-w-lg {
+	max-width: 32rem;
+}
 .max-w-full {
 	max-width: 100%;
 }
@@ -5312,6 +5316,10 @@ select {
 	--tw-border-opacity: 1;
 	border-color: rgba(var(--color-input-border), var(--tw-border-opacity));
 }
+.border-skin-base {
+	--tw-border-opacity: 1;
+	border-color: rgba(var(--color-border), var(--tw-border-opacity));
+}
 .border-green-500 {
 	--tw-border-opacity: 1;
 	border-color: rgba(16, 185, 129, var(--tw-border-opacity));
@@ -5319,10 +5327,6 @@ select {
 .border-transparent {
 	border-color: transparent;
 }
-.border-skin-base {
-	--tw-border-opacity: 1;
-	border-color: rgba(var(--color-border), var(--tw-border-opacity));
-}
 .border-red-300 {
 	--tw-border-opacity: 1;
 	border-color: rgba(252, 165, 165, var(--tw-border-opacity));
@@ -5435,10 +5439,6 @@ select {
 	--tw-bg-opacity: 1;
 	background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
 }
-.bg-green-100 {
-	--tw-bg-opacity: 1;
-	background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
-}
 .bg-skin-footer {
 	--tw-bg-opacity: 1;
 	background-color: rgba(var(--color-footer-fill), var(--tw-bg-opacity));
@@ -5451,6 +5451,10 @@ select {
 	--tw-bg-opacity: 1;
 	background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
 }
+.bg-green-100 {
+	--tw-bg-opacity: 1;
+	background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
+}
 .bg-skin-primary {
 	--tw-bg-opacity: 1;
 	background-color: rgba(var(--color-text-primary), var(--tw-bg-opacity));
@@ -5672,14 +5676,6 @@ select {
 	padding-top: 2.5rem;
 	padding-bottom: 2.5rem;
 }
-.py-0\.5 {
-	padding-top: 0.125rem;
-	padding-bottom: 0.125rem;
-}
-.py-0 {
-	padding-top: 0px;
-	padding-bottom: 0px;
-}
 .py-4 {
 	padding-top: 1rem;
 	padding-bottom: 1rem;
@@ -5688,6 +5684,14 @@ select {
 	padding-top: 0.75rem;
 	padding-bottom: 0.75rem;
 }
+.py-0\.5 {
+	padding-top: 0.125rem;
+	padding-bottom: 0.125rem;
+}
+.py-0 {
+	padding-top: 0px;
+	padding-bottom: 0px;
+}
 .px-5 {
 	padding-left: 1.25rem;
 	padding-right: 1.25rem;
@@ -5834,6 +5838,9 @@ select {
 .pt-12 {
 	padding-top: 3rem;
 }
+.pb-2 {
+	padding-bottom: 0.5rem;
+}
 .text-left {
 	text-align: left;
 }
@@ -6046,14 +6053,14 @@ select {
 	--tw-text-opacity: 1;
 	color: rgba(156, 163, 175, var(--tw-text-opacity));
 }
-.text-green-800 {
-	--tw-text-opacity: 1;
-	color: rgba(6, 95, 70, var(--tw-text-opacity));
-}
 .text-blue-700 {
 	--tw-text-opacity: 1;
 	color: rgba(29, 78, 216, var(--tw-text-opacity));
 }
+.text-green-800 {
+	--tw-text-opacity: 1;
+	color: rgba(6, 95, 70, var(--tw-text-opacity));
+}
 .text-flag-green {
 	--tw-text-opacity: 1;
 	color: rgba(9, 145, 112, var(--tw-text-opacity));
@@ -6178,6 +6185,10 @@ select {
 	--tw-text-opacity: 1;
 	color: rgba(127, 29, 29, var(--tw-text-opacity));
 }
+.text-rose-500 {
+	--tw-text-opacity: 1;
+	color: rgba(244, 63, 94, var(--tw-text-opacity));
+}
 .underline {
 	text-decoration: underline;
 }
@@ -6362,6 +6373,18 @@ select {
 	--tw-blur: blur(8px);
 	filter: var(--tw-filter);
 }
+.blur-lg {
+	--tw-blur: blur(16px);
+	filter: var(--tw-filter);
+}
+.blur-md {
+	--tw-blur: blur(12px);
+	filter: var(--tw-filter);
+}
+.blur-sm {
+	--tw-blur: blur(4px);
+	filter: var(--tw-filter);
+}
 .filter {
 	filter: var(--tw-filter);
 }
@@ -6488,7 +6511,7 @@ select {
   --brand-forge: #19B69B;
   --brand-packages: #4F46E5;
   --brand-outils: #22D3EE;
-  --brand-tailwind: #06B6D4;
+  --brand-tailwindcss: #06B6D4;
   --brand-design: #78350F;
   --brand-alpinejs: #37BDD7;
   --brand-open-source: #F97316;
@@ -6499,6 +6522,7 @@ select {
   --brand-paiement-en-ligne: #10B981;
   --brand-branding: #EC4899;
   --brand-applications: #0284C7;
+  --brand-developpement: #4d7c0f;
 }
 
 html {
@@ -6834,6 +6858,11 @@ html {
 	color: rgba(24, 24, 27, var(--tw-text-opacity));
 }
 
+.hover\:text-rose-500:hover {
+	--tw-text-opacity: 1;
+	color: rgba(244, 63, 94, var(--tw-text-opacity));
+}
+
 .hover\:underline:hover {
 	text-decoration: underline;
 }
@@ -7584,12 +7613,6 @@ html {
 		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 	}
 
-	.sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
-		--tw-space-y-reverse: 0;
-		margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-		margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-	}
-
 	.sm\:rounded-xl {
 		border-radius: 0.75rem;
 	}
diff --git a/public/js/app.js b/public/js/app.js
index 845e11aa..3f19cdde 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -3103,6 +3103,88 @@ var module_default = src_default;
 
 
 
+/***/ }),
+
+/***/ "./resources/js/api/comments.js":
+/*!**************************************!*\
+  !*** ./resources/js/api/comments.js ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "findAllReplies": () => (/* binding */ findAllReplies),
+/* harmony export */   "addReply": () => (/* binding */ addReply),
+/* harmony export */   "likeReply": () => (/* binding */ likeReply),
+/* harmony export */   "deleteReply": () => (/* binding */ deleteReply),
+/* harmony export */   "updateReply": () => (/* binding */ updateReply)
+/* harmony export */ });
+/* harmony import */ var _helpers_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @helpers/api.js */ "./resources/js/helpers/api.js");
+
+/**
+ * Représentation d'un commentaire de l'API
+ * @typedef {{id: number, username: string, avatar: string, content: string, createdAt: number, replies: ReplyResource[]}} ReplyResource
+ */
+
+/**
+ * @param {number} target
+ * @return {Promise<ReplyResource[]>}
+ */
+
+async function findAllReplies(target) {
+  return await (0,_helpers_api_js__WEBPACK_IMPORTED_MODULE_0__.jsonFetch)(`/api/replies/${target}`);
+}
+/**
+ * @param {{target: number, username: ?string, email: ?string, content: string}} data
+ * @return {Promise<Object>}
+ */
+
+async function addReply(body) {
+  return (0,_helpers_api_js__WEBPACK_IMPORTED_MODULE_0__.jsonFetch)('/api/replies', {
+    method: 'POST',
+    body
+  });
+}
+/**
+ * @param {int} id
+ * @param {int} userId
+ * @return {Promise<Object>}
+ */
+
+async function likeReply(id, userId) {
+  return (0,_helpers_api_js__WEBPACK_IMPORTED_MODULE_0__.jsonFetch)(`/api/like/${id}`, {
+    method: 'POST',
+    body: JSON.stringify({
+      userId
+    })
+  });
+}
+/**
+ * @param {int} id
+ * @return {Promise<null>}
+ */
+
+async function deleteReply(id) {
+  return (0,_helpers_api_js__WEBPACK_IMPORTED_MODULE_0__.jsonFetch)(`/api/replies/${id}`, {
+    method: 'DELETE'
+  });
+}
+/**
+ * @param {int} id
+ * @param {string} body
+ * @return {Promise<ReplyResource>}
+ */
+
+async function updateReply(id, body) {
+  return (0,_helpers_api_js__WEBPACK_IMPORTED_MODULE_0__.jsonFetch)(`/api/replies/${id}`, {
+    method: 'PUT',
+    body: JSON.stringify({
+      body
+    })
+  });
+}
+
 /***/ }),
 
 /***/ "./resources/js/app.js":
@@ -3115,20 +3197,955 @@ var module_default = src_default;
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var alpinejs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! alpinejs */ "./node_modules/alpinejs/dist/module.esm.js");
 /* harmony import */ var _plugins_internationalNumber__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./plugins/internationalNumber */ "./resources/js/plugins/internationalNumber.js");
- // Alpine plugins.
+/* harmony import */ var _elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./elements */ "./resources/js/elements/index.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ "./resources/js/helpers.js");
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./editor */ "./resources/js/editor.js");
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _scrollspy__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./scrollspy */ "./resources/js/scrollspy.js");
+/* harmony import */ var _scrollspy__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_scrollspy__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+ // Add Alpine to window object.
+
+window.Alpine = alpinejs__WEBPACK_IMPORTED_MODULE_0__["default"];
+alpinejs__WEBPACK_IMPORTED_MODULE_0__["default"].data('internationalNumber', _plugins_internationalNumber__WEBPACK_IMPORTED_MODULE_1__["default"]);
+alpinejs__WEBPACK_IMPORTED_MODULE_0__["default"].start();
+
+/***/ }),
+
+/***/ "./resources/js/components/Button.jsx":
+/*!********************************************!*\
+  !*** ./resources/js/components/Button.jsx ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "PrimaryButton": () => (/* binding */ PrimaryButton),
+/* harmony export */   "DefaultButton": () => (/* binding */ DefaultButton),
+/* harmony export */   "Button": () => (/* binding */ Button)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+/* harmony import */ var _components_Loader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @components/Loader */ "./resources/js/components/Loader.jsx");
+/* harmony import */ var _helpers_dom_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @helpers/dom.js */ "./resources/js/helpers/dom.js");
+const _excluded = ["children"],
+      _excluded2 = ["children"],
+      _excluded3 = ["children", "className", "loading"];
+
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+function PrimaryButton(_ref) {
+  let {
+    children
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Button, _extends({
+    className: "border border-transparent text-white bg-green-600 hover:bg-green-700"
+  }, props), children);
+}
+function DefaultButton(_ref2) {
+  let {
+    children
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Button, _extends({
+    className: "border border-skin-input shadow-sm bg-skin-button text-skin-base hover:bg-skin-button-hover"
+  }, props), children);
+}
+/**
+ *
+ * @param {*} children
+ * @param {string} className
+ * @param {string} size
+ * @param {boolean} loading
+ * @param {Object} props
+ * @return {*}
+ */
+
+function Button(_ref3) {
+  let {
+    children,
+    className = '',
+    loading = false
+  } = _ref3,
+      props = _objectWithoutProperties(_ref3, _excluded3);
+
+  className = (0,_helpers_dom_js__WEBPACK_IMPORTED_MODULE_2__.classNames)('inline-flex items-center justify-center py-2 px-4 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500', className);
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("button", _extends({
+    className: className,
+    disabled: loading
+  }, props), loading && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Loader__WEBPACK_IMPORTED_MODULE_1__["default"], null), children);
+}
+
+/***/ }),
+
+/***/ "./resources/js/components/Comments.jsx":
+/*!**********************************************!*\
+  !*** ./resources/js/components/Comments.jsx ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Comments": () => (/* binding */ Comments)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+/* harmony import */ var preact_compat__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact/compat */ "./node_modules/preact/compat/dist/compat.module.js");
+/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
+/* harmony import */ var react_content_loader__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react-content-loader */ "./node_modules/react-content-loader/dist/react-content-loader.es.js");
+/* harmony import */ var _heroicons_react_solid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @heroicons/react/solid */ "./node_modules/@heroicons/react/solid/esm/index.js");
+/* harmony import */ var _api_comments__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @api/comments */ "./resources/js/api/comments.js");
+/* harmony import */ var _components_Button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @components/Button */ "./resources/js/components/Button.jsx");
+/* harmony import */ var _components_Form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @components/Form */ "./resources/js/components/Form.jsx");
+/* harmony import */ var _components_Markdown__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @components/Markdown */ "./resources/js/components/Markdown.jsx");
+/* harmony import */ var _components_Icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @components/Icon */ "./resources/js/components/Icon.jsx");
+/* harmony import */ var _helpers_auth__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @helpers/auth */ "./resources/js/helpers/auth.js");
+/* harmony import */ var _helpers_animation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @helpers/animation */ "./resources/js/helpers/animation.js");
+/* harmony import */ var _helpers_api__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @helpers/api */ "./resources/js/helpers/api.js");
+/* harmony import */ var _helpers_dom__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @helpers/dom */ "./resources/js/helpers/dom.js");
+/* harmony import */ var _helpers_hooks__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @helpers/hooks */ "./resources/js/helpers/hooks.js");
+
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Affiche les commentaires associé à un contenu
+ *
+ * @param {{target: number}} param
+ */
+
+function Comments(_ref) {
+  let {
+    target,
+    parent
+  } = _ref;
+  target = parseInt(target, 10);
+  const element = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
+  const [state, setState] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useState)({
+    editing: null,
+    // ID du commentaire en cours d'édition
+    comments: null,
+    // Liste des commentaires
+    focus: null,
+    // Commentaire à focus
+    reply: null // Commentaire auquel on souhaite répondre
+
+  });
+  const count = state.comments ? state.comments.length : null;
+  const isVisible = (0,_helpers_hooks__WEBPACK_IMPORTED_MODULE_13__.useVisibility)(parent);
+  const comments = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useMemo)(() => {
+    if (state.comments === null) {
+      return null;
+    }
+
+    return state.comments.filter(c => c.model_type === 'discussion').sort((a, b) => b.created_at - a.created_at);
+  }, [state.comments]); // Trouve les commentaire enfant d'un commentaire
+
+  function repliesFor(comment) {
+    return comment.replies.filter(c => c.model_type === 'reply').sort((a, b) => b.created_at - a.created_at);
+  } // On commence l'édition d'un commentaire
+
+
+  const handleEdit = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(comment => {
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      editing: s.editing === comment.id ? null : comment.id
+    }));
+  }, []); // On met à jour (via l'API un commentaire)
+
+  const handleUpdate = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async (comment, body) => {
+    const newComment = _objectSpread(_objectSpread({}, await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.updateReply)(comment.id, body)), {}, {
+      parent: comment.model_id
+    });
+
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      editing: null,
+      comments: s.comments.map(c => c === comment ? newComment : c)
+    }));
+  }, []); // On supprime un commentaire
+
+  const handleDelete = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async comment => {
+    await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.deleteReply)(comment.id);
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      comments: s.comments.filter(c => c !== comment)
+    }));
+  }, []); // On répond à un commentaire
+
+  const handleReply = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(comment => {
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      reply: comment.model_id || comment.id
+    }));
+  }, []);
+  const handleCancelReply = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(() => {
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      reply: null
+    }));
+  }, []); // On crée un nouveau commentaire
+
+  const handleCreate = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async (data, parent) => {
+    data = _objectSpread(_objectSpread({}, data), {}, {
+      target,
+      parent
+    });
+    const newComment = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.addReply)(data);
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      focus: newComment.id,
+      reply: null,
+      comments: [...s.comments, newComment]
+    }));
+  }, [target]); // On like un commentaire
+
+  const handleLike = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async comment => {
+    await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.likeReply)(comment.id, (0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.getUserId)());
+    const comments = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.findAllReplies)(target);
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      comments
+    }));
+  }, []); // On scroll jusqu'à l'élément si l'ancre commence par un "c"
+
+  (0,_helpers_hooks__WEBPACK_IMPORTED_MODULE_13__.useAsyncEffect)(async () => {
+    if (window.location.hash.startsWith('#c')) {
+      const comments = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.findAllReplies)(target);
+      setState(s => _objectSpread(_objectSpread({}, s), {}, {
+        comments,
+        focus: window.location.hash.replace('#c', '')
+      }));
+    }
+  }, [element]); // On charge les commentaire dès l'affichage du composant
+
+  (0,_helpers_hooks__WEBPACK_IMPORTED_MODULE_13__.useAsyncEffect)(async () => {
+    if (isVisible) {
+      const comments = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.findAllReplies)(target);
+      setState(s => _objectSpread(_objectSpread({}, s), {}, {
+        comments
+      }));
+    }
+  }, [target, isVisible]); // On se focalise sur un commentaire
+
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
+    if (state.focus && comments) {
+      (0,_helpers_animation__WEBPACK_IMPORTED_MODULE_10__.scrollTo)(document.getElementById(`c${state.focus}`));
+      setState(s => _objectSpread(_objectSpread({}, s), {}, {
+        focus: null
+      }));
+    }
+  }, [state.focus, comments]);
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "mt-6",
+    ref: element
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", null, (0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.isAuthenticated)() ? (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(CommentForm, {
+    onSubmit: handleCreate
+  }) : (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "relative"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "min-w-0 flex-1 filter blur-sm"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("label", {
+    htmlFor: "body",
+    className: "sr-only"
+  }, "Commentaire"), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Form__WEBPACK_IMPORTED_MODULE_6__.Field, {
+    type: "textarea",
+    name: "body",
+    className: "bg-skin-input shadow-sm focus:border-flag-green focus:ring-flag-green mt-1 block w-full text-skin-base focus:outline-none sm:text-sm font-normal border-skin-input rounded-md",
+    placeholder: "Laisser un commentaire",
+    rows: 4,
+    disabled: true
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "mt-6 flex items-center justify-end space-x-4"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Button__WEBPACK_IMPORTED_MODULE_5__.PrimaryButton, {
+    type: "button"
+  }, "Commenter")))), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "absolute inset-0 flex items-center justify-center bg-skin-card bg-opacity-10 py-8"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", {
+    className: "text-center font-sans text-skin-base"
+  }, "Veuillez vous ", (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("a", {
+    href: "/login",
+    className: "text-skin-primary hover:text-skin-primary-hover hover:underline"
+  }, "connecter"), " ou ", ' ', (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("a", {
+    href: "/register",
+    className: "text-skin-primary hover:text-skin-primary-hover hover:underline"
+  }, "cr\xE9er un compte"), " pour participer \xE0 cette conversation.")))), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "mt-10"
+  }, comments ? (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("ul", {
+    role: "list",
+    className: "space-y-8"
+  }, comments.map(comment => (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Comment, {
+    key: comment.id,
+    comment: comment,
+    editing: state.editing === comment.id,
+    onEdit: handleEdit,
+    onUpdate: handleUpdate,
+    onDelete: handleDelete,
+    onReply: handleReply,
+    onLike: handleLike
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("ul", {
+    role: "list",
+    className: "space-y-5"
+  }, repliesFor(comment).map(reply => (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Comment, {
+    key: reply.id,
+    comment: reply,
+    editing: state.editing === reply.id,
+    onEdit: handleEdit,
+    onUpdate: handleUpdate,
+    onDelete: handleDelete,
+    onReply: handleReply,
+    onLike: handleLike,
+    isReply: true
+  })))))) : (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(FakeComment, null), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(FakeComment, null))));
+}
+const FakeComment = (0,preact_compat__WEBPACK_IMPORTED_MODULE_1__.memo)(() => {
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(react_content_loader__WEBPACK_IMPORTED_MODULE_14__["default"], {
+    speed: 2,
+    width: 750,
+    height: 160,
+    viewBox: "0 0 750 160",
+    backgroundColor: "#9CA3AF",
+    foregroundColor: "#6B7280"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("rect", {
+    x: "48",
+    y: "8",
+    rx: "3",
+    ry: "3",
+    width: "88",
+    height: "6"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("rect", {
+    x: "48",
+    y: "26",
+    rx: "3",
+    ry: "3",
+    width: "52",
+    height: "6"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("rect", {
+    x: "0",
+    y: "56",
+    rx: "3",
+    ry: "3",
+    width: "410",
+    height: "6"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("rect", {
+    x: "0",
+    y: "72",
+    rx: "3",
+    ry: "3",
+    width: "380",
+    height: "6"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("rect", {
+    x: "0",
+    y: "88",
+    rx: "3",
+    ry: "3",
+    width: "178",
+    height: "6"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("circle", {
+    cx: "20",
+    cy: "20",
+    r: "20"
+  }));
+});
+/**
+ * Affiche un commentaire
+ */
+
+const Comment = (0,preact_compat__WEBPACK_IMPORTED_MODULE_1__.memo)(_ref2 => {
+  let {
+    comment,
+    editing,
+    onEdit,
+    onUpdate,
+    onDelete,
+    onReply,
+    onLike,
+    children,
+    isReply
+  } = _ref2;
+  const anchor = `#c${comment.id}`;
+  const canEdit = (0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.canManage)(comment.author.id);
+  const className = ['comment'];
+  const textarea = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
+  const [loading, setLoading] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
+  const handleEdit = canEdit ? e => {
+    e.preventDefault();
+    onEdit(comment);
+  } : null;
+
+  async function handleUpdate(e) {
+    e.preventDefault();
+    setLoading(true);
+    await onUpdate(comment, textarea.current.value);
+    setLoading(false);
+  }
+
+  async function handleLike(e) {
+    e.preventDefault();
+
+    if ((0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.isAuthenticated)()) {
+      await onLike(comment);
+    } else {
+      window.$wireui.notify({
+        title: 'Ops! Erreur',
+        description: 'Vous devez être connecté pour liker ce contenu!',
+        icon: 'error'
+      });
+    }
+  }
+
+  async function handleDelete(e) {
+    e.preventDefault();
+
+    if (confirm('Voulez vous vraiment supprimer ce commentaire ?')) {
+      setLoading(true);
+      await onDelete(comment);
+    }
+  }
+
+  function handleReply(e) {
+    e.preventDefault();
+    onReply(comment);
+  } // On focus automatiquement le champs quand il devient visible
+
+
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
+    if (textarea.current) {
+      textarea.current.focus();
+    }
+  }, [editing]);
+  let content = (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "mt-2 text-sm text-skin-base prose prose-green font-normal max-w-none"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Markdown__WEBPACK_IMPORTED_MODULE_7__.Markdown, {
+    children: comment.body,
+    onDoubleClick: handleEdit
+  })), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "mt-2 text-sm space-x-4"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("button", {
+    type: "button",
+    onClick: handleLike,
+    className: (0,_helpers_dom__WEBPACK_IMPORTED_MODULE_12__.classNames)('inline-flex items-center justify-center text-sm text-skin-base font-normal hover:text-rose-500', comment.likes_count > 0 && 'text-rose-500')
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Icon__WEBPACK_IMPORTED_MODULE_8__.HeartIcon, {
+    className: "-ml-1 mr-2 h-5 w-5 fill-current",
+    "aria-hidden": "true"
+  }), comment.likes_count > 0 && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("span", {
+    className: "mr-1.5"
+  }, comment.likes_count), "Like", comment.likes_count > 1 ? 's' : ''), !isReply && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("button", {
+    type: "button",
+    onClick: handleReply,
+    className: "inline-flex items-center justify-center text-sm text-skin-base font-normal hover:text-skin-inverted-muted"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Icon__WEBPACK_IMPORTED_MODULE_8__.ChatIcon, {
+    className: "-ml-1 mr-2 h-5 w-5 fill-current",
+    "aria-hidden": "true"
+  }), "R\xE9pondre")));
+
+  if (editing) {
+    content = (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", null, "Formulaire d'edition");
+  }
+
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("li", {
+    className: className.join(' '),
+    id: `c${comment.id}`
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "relative pb-2"
+  }, comment.has_replies ? (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("span", {
+    className: "absolute top-5 left-5 -ml-px h-full w-0.5 bg-skin-card-gray",
+    "aria-hidden": "true"
+  }) : null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "relative flex space-x-3"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "flex-shrink-0"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("img", {
+    className: "h-10 w-10 rounded-full",
+    src: comment.author.profile_photo_url,
+    alt: ""
+  })), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "flex items-center text-sm space-x-2"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("a", {
+    href: `/user/${comment.author.username}`,
+    className: "font-medium text-skin-primary font-sans hover:text-skin-primary-hover"
+  }, comment.author.name), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("span", {
+    className: "text-skin-base font-normal"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("time-ago", {
+    time: comment.created_at
+  })), canEdit && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "flex"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("span", {
+    className: "text-skin-base font-medium"
+  }, "\xB7"), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "pl-2 flex items-center divide-x divide-skin-base"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("button", {
+    type: "button",
+    onClick: handleEdit,
+    className: "pr-2 text-sm leading-5 font-sans text-skin-base focus:outline-none hover:underline"
+  }, "\xC9diter"), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("button", {
+    type: "button",
+    onClick: handleDelete,
+    className: "pl-2 text-sm leading-5 font-sans text-red-500 focus:outline-none hover:underline"
+  }, "Supprimer")))), content)), comment.has_replies && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "mt-8 ml-12"
+  }, children)));
+});
+
+function CommentForm(_ref3) {
+  let {
+    onSubmit,
+    parent,
+    onCancel = null
+  } = _ref3;
+  const [loading, setLoading] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
+  const [errors, setErrors] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useState)({});
+  const ref = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
+  const handleSubmit = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async e => {
+    const form = e.target;
+    e.preventDefault();
+    setLoading(true);
+    const errors = (await (0,_helpers_api__WEBPACK_IMPORTED_MODULE_11__.catchViolations)(onSubmit(Object.fromEntries(new FormData(form)), parent)))[1];
+
+    if (errors) {
+      setErrors(errors);
+    } else {
+      form.reset();
+    }
+
+    setLoading(false);
+  }, [onSubmit, parent]);
+
+  const handleCancel = function (e) {
+    e.preventDefault();
+    onCancel();
+  };
+
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
+    if (parent && ref.current) {
+      (0,_helpers_animation__WEBPACK_IMPORTED_MODULE_10__.scrollTo)(ref.current);
+    }
+  }, [parent]);
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "flex space-x-3"
+  }, (0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.isAuthenticated)() && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "flex-shrink-0"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "relative"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("img", {
+    className: "h-10 w-10 rounded-full bg-skin-card-gray flex items-center justify-center ring-8 ring-body",
+    src: `${(0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.currentUser)().picture}`,
+    alt: ""
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("span", {
+    className: "absolute -bottom-0.5 -right-1 bg-skin-body rounded-tl px-0.5 py-px"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_3__.ChatAltIcon, {
+    className: "h-5 w-5 text-skin-muted",
+    "aria-hidden": "true"
+  }))))), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "min-w-0 flex-1"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("form", {
+    onSubmit: handleSubmit,
+    ref: ref
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("label", {
+    htmlFor: "body",
+    className: "sr-only"
+  }, "Commentaire"), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Form__WEBPACK_IMPORTED_MODULE_6__.Field, {
+    type: "textarea",
+    name: "body",
+    className: "bg-skin-input shadow-sm focus:border-flag-green focus:ring-flag-green mt-1 block w-full text-skin-base focus:outline-none sm:text-sm font-normal border-skin-input rounded-md",
+    placeholder: "Laisser un commentaire",
+    error: errors.body,
+    rows: 4,
+    required: true
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "mt-6 flex items-center justify-between space-x-4"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", {
+    className: "text-sm text-skin-base max-w-xl font-normal"
+  }, "Veuillez vous assurer d'avoir lu nos ", (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("a", {
+    href: "/rules",
+    className: "font-medium text-skin-primary hover:text-skin-primary-hover"
+  }, "r\xE8gles de conduite"), " avant de r\xE9pondre \xE0 ce fil de conversation."), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Button__WEBPACK_IMPORTED_MODULE_5__.PrimaryButton, {
+    type: "submit",
+    loading: loading
+  }, "Commenter")))));
+}
+
+/***/ }),
+
+/***/ "./resources/js/components/Form.jsx":
+/*!******************************************!*\
+  !*** ./resources/js/components/Form.jsx ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Field": () => (/* binding */ Field),
+/* harmony export */   "FormContext": () => (/* binding */ FormContext),
+/* harmony export */   "FormField": () => (/* binding */ FormField)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
+/* harmony import */ var preact_compat__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! preact/compat */ "./node_modules/preact/compat/dist/compat.module.js");
+/* harmony import */ var _helpers_hooks_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @helpers/hooks.js */ "./resources/js/helpers/hooks.js");
+const _excluded = ["name", "onInput", "value", "error", "children", "type", "className", "wrapperClass", "component"],
+      _excluded2 = ["type", "name", "children"];
+
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+/**
+ * Représente un champs, dans le contexte du formulaire
+ *
+ * @param {string} type
+ * @param {string} name
+ * @param {function} onInput
+ * @param {string} value
+ * @param {string} error
+ * @param {boolean} autofocus
+ * @param {function} component
+ * @param {React.Children} children
+ * @param {string} className
+ * @param {string} wrapperClass
+ * @param props
+ */
+
+function Field(_ref) {
+  let {
+    name,
+    onInput,
+    value,
+    error,
+    children,
+    type = 'text',
+    className = '',
+    wrapperClass = '',
+    component = null
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  // Hooks
+  const [dirty, setDirty] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+  const ref = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  (0,_helpers_hooks_js__WEBPACK_IMPORTED_MODULE_3__.useAutofocus)(ref, props.autofocus);
+  const showError = error && !dirty;
+
+  function handleInput(e) {
+    if (dirty === false) {
+      setDirty(true);
+    }
+
+    if (onInput) {
+      onInput(e);
+    }
+  } // Si le champs a une erreur et n'a pas été modifié
+
+
+  if (showError) {
+    className += ' border-red-300 text-red-500 placeholder-red-300 focus:outline-none focus:ring-red-500 focus:border-red-500';
+  } // Les attributs à passer aux champs
+
+
+  const attr = _objectSpread(_objectSpread({
+    name,
+    id: name,
+    className,
+    onInput: handleInput,
+    type
+  }, value === undefined ? {} : {
+    value
+  }), props); // On trouve le composant à utiliser
+
+
+  const FieldComponent = (0,preact_compat__WEBPACK_IMPORTED_MODULE_2__.useMemo)(() => {
+    if (component) {
+      return component;
+    }
+
+    switch (type) {
+      case 'textarea':
+        return FieldTextarea;
+
+      case 'editor':
+        return FieldEditor;
+
+      default:
+        return FieldInput;
+    }
+  }, [component, type]); // Si l'erreur change on considère le champs comme "clean"
+
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)(() => {
+    setDirty(false);
+  }, [error]);
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: `relative ${wrapperClass}`,
+    ref: ref
+  }, children && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("label", {
+    htmlFor: name,
+    className: "block text-sm font-medium leading-5 text-skin-base"
+  }, children), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(FieldComponent, attr), showError && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", {
+    className: "mt-2 text-sm text-red-500"
+  }, error));
+}
+
+function FieldTextarea(props) {
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("textarea", props);
+}
+
+function FieldInput(props) {
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("input", props);
+}
+
+function FieldEditor(props) {
+  const ref = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
+    if (ref.current) {
+      ref.current.syncEditor();
+    }
+  }, [props.value]);
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("textarea", _extends({}, props, {
+    is: "markdown-editor",
+    ref: ref
+  }));
+}
+/**
+ * Version contextualisée des champs pour le formulaire
+ */
+
+
+const FormContext = (0,preact__WEBPACK_IMPORTED_MODULE_0__.createContext)({
+  errors: {},
+  loading: false,
+  emptyError: () => {}
+});
+/**
+ * Représente un champs, dans le contexte du formulaire
+ *
+ * @param {string} type
+ * @param {string} name
+ * @param {React.Children} children
+ * @param {object} props
+ */
+
+function FormField(_ref2) {
+  let {
+    type = 'text',
+    name,
+    children
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+
+  const {
+    errors,
+    emptyError,
+    loading
+  } = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_1__.useContext)(FormContext);
+  const error = errors[name] || null;
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Field, _extends({
+    type: type,
+    name: name,
+    error: error,
+    onInput: () => emptyError(name),
+    readonly: loading
+  }, props), children);
+}
+
+/***/ }),
+
+/***/ "./resources/js/components/Icon.jsx":
+/*!******************************************!*\
+  !*** ./resources/js/components/Icon.jsx ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "HeartIcon": () => (/* binding */ HeartIcon),
+/* harmony export */   "ChatIcon": () => (/* binding */ ChatIcon)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function HeartIcon(props) {
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    opacity: 0.4,
+    d: "M11.776 21.837a36.258 36.258 0 01-6.328-4.957 12.668 12.668 0 01-3.03-4.805C1.278 8.535 2.603 4.49 6.3 3.288A6.282 6.282 0 0112.007 4.3a6.291 6.291 0 015.706-1.012c3.697 1.201 5.03 5.247 3.893 8.787a12.67 12.67 0 01-3.013 4.805 36.58 36.58 0 01-6.328 4.957l-.25.163-.24-.163z"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M12.01 22l-.234-.163a36.316 36.316 0 01-6.337-4.957 12.667 12.667 0 01-3.048-4.805c-1.13-3.54.195-7.585 3.892-8.787a6.296 6.296 0 015.728 1.023V22zM18.23 10a.719.719 0 01-.517-.278.818.818 0 01-.167-.592c.022-.702-.378-1.342-.994-1.59-.391-.107-.628-.53-.53-.948.093-.41.477-.666.864-.573a.384.384 0 01.138.052c1.236.476 2.036 1.755 1.973 3.155a.808.808 0 01-.23.56.708.708 0 01-.537.213z"
+  }));
+}
+function ChatIcon(props) {
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", _extends({
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    opacity: 0.4,
+    d: "M12.02 2C6.21 2 2 6.74 2 12c0 1.68.49 3.41 1.35 4.99.16.26.18.59.07.9l-.67 2.24c-.15.54.31.94.82.78l2.02-.6c.55-.18.98.05 1.491.36 1.46.86 3.279 1.3 4.919 1.3 4.96 0 10-3.83 10-10C22 6.65 17.7 2 12.02 2z"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    d: "M7.37 10.73c.71 0 1.28.57 1.28 1.28 0 .7-.57 1.27-1.28 1.28-.7 0-1.28-.58-1.28-1.28 0-.71.57-1.28 1.28-1.28zm4.61 0c.71 0 1.28.57 1.28 1.28 0 .7-.57 1.28-1.28 1.28-.71-.01-1.28-.58-1.28-1.29 0-.7.58-1.28 1.28-1.27zm4.61 0c.71 0 1.28.57 1.28 1.28 0 .7-.57 1.28-1.28 1.28-.71 0-1.28-.58-1.28-1.28 0-.71.57-1.28 1.28-1.28z"
+  }));
+}
+
+/***/ }),
+
+/***/ "./resources/js/components/Loader.jsx":
+/*!********************************************!*\
+  !*** ./resources/js/components/Loader.jsx ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ Loader)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+const _excluded = ["className"];
+
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/**
+ * Loader animé
+ */
+function Loader(_ref) {
+  let {
+    className = 'text-white'
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("svg", _extends({
+    className: `animate-spin -ml-1 mr-3 h-5 w-5 ${className}`,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("circle", {
+    className: "opacity-25",
+    cx: "12",
+    cy: "12",
+    r: "10",
+    stroke: "currentColor",
+    strokeWidth: "4"
+  }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("path", {
+    className: "opacity-75",
+    fill: "currentColor",
+    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+  }));
+}
+
+/***/ }),
+
+/***/ "./resources/js/components/Markdown.jsx":
+/*!**********************************************!*\
+  !*** ./resources/js/components/Markdown.jsx ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Markdown": () => (/* binding */ Markdown)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+/* harmony import */ var markdown_to_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! markdown-to-jsx */ "./node_modules/markdown-to-jsx/dist/index.module.js");
+/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
+const _excluded = ["children"];
 
-__webpack_require__(/*! ./helpers */ "./resources/js/helpers.js");
 
-__webpack_require__(/*! ./editor */ "./resources/js/editor.js");
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-__webpack_require__(/*! ./scrollspy */ "./resources/js/scrollspy.js"); // Add Alpine to window object.
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-window.Alpine = alpinejs__WEBPACK_IMPORTED_MODULE_0__.default;
-alpinejs__WEBPACK_IMPORTED_MODULE_0__.default.data('internationalNumber', _plugins_internationalNumber__WEBPACK_IMPORTED_MODULE_1__.default);
-alpinejs__WEBPACK_IMPORTED_MODULE_0__.default.start();
+
+
+
+const replacement = function () {
+  let className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'bold';
+  return {
+    component: 'p',
+    props: {
+      className
+    }
+  };
+};
+
+function Markdown(_ref) {
+  let {
+    children
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  const ref = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
+    /*if (ref.current && ref.current.querySelectorAll('pre').length > 0) {
+      bindHighlight(ref.current)
+    }*/
+  }, [children]);
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", _extends({
+    ref: ref
+  }, props), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(markdown_to_jsx__WEBPACK_IMPORTED_MODULE_1__["default"], {
+    children: children,
+    options: {
+      disableParsingRawHTML: true,
+      forceBlock: true,
+      wrapper: null,
+      overrides: {
+        h1: replacement('bold underline text-big'),
+        h2: replacement('bold underline'),
+        h3: replacement(),
+        h4: replacement(),
+        h5: replacement(),
+        h6: replacement()
+      }
+    }
+  }));
+}
 
 /***/ }),
 
@@ -3139,19 +4156,19 @@ alpinejs__WEBPACK_IMPORTED_MODULE_0__.default.start();
 /***/ (() => {
 
 // Handle the click event of the style buttons inside the editor.
-window.handleClick = function (style, element) {
-  var _editorConfig = editorConfig(),
-      styles = _editorConfig.styles;
+window.handleClick = (style, element) => {
+  const {
+    styles
+  } = editorConfig();
+  const input = element.querySelectorAll('textarea')[0]; // Get the start and end positions of the current selection.
 
-  var input = element.querySelectorAll('textarea')[0]; // Get the start and end positions of the current selection.
+  const selectionStart = input.selectionStart;
+  const selectionEnd = input.selectionEnd; // Find the style in the configuration.
 
-  var selectionStart = input.selectionStart;
-  var selectionEnd = input.selectionEnd; // Find the style in the configuration.
+  const styleFormat = styles[style]; // Get any prefix and/or suffix characters from the selected style.
 
-  var styleFormat = styles[style]; // Get any prefix and/or suffix characters from the selected style.
-
-  var prefix = styleFormat.before ? styleFormat.before : '';
-  var suffix = styleFormat.after ? styleFormat.after : ''; // Insert the prefix at the relevant position.
+  const prefix = styleFormat.before ? styleFormat.before : '';
+  const suffix = styleFormat.after ? styleFormat.after : ''; // Insert the prefix at the relevant position.
 
   input.value = insertCharactersAtPosition(input.value, prefix, selectionStart); // Insert the suffix at the relevant position.
 
@@ -3162,12 +4179,12 @@ window.handleClick = function (style, element) {
 }; // Insert provided characters at the desired place in a string.
 
 
-var insertCharactersAtPosition = function insertCharactersAtPosition(string, character, position) {
+const insertCharactersAtPosition = (string, character, position) => {
   return [string.slice(0, position), character, string.slice(position)].join('');
 }; // Configuration object for the text editor.
 
 
-window.editorConfig = function (body) {
+window.editorConfig = body => {
   return {
     styles: {
       header: {
@@ -3206,7 +4223,7 @@ window.editorConfig = function (body) {
     },
     body: body,
     mode: 'write',
-    submit: function submit(event) {
+    submit: function (event) {
       event.target.closest('form').submit();
     }
   };
@@ -3214,6 +4231,241 @@ window.editorConfig = function (body) {
 
 /***/ }),
 
+/***/ "./resources/js/elements/Confetti.js":
+/*!*******************************************!*\
+  !*** ./resources/js/elements/Confetti.js ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Confetti": () => (/* binding */ Confetti)
+/* harmony export */ });
+/* harmony import */ var canvas_confetti__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! canvas-confetti */ "./node_modules/canvas-confetti/dist/confetti.module.mjs");
+/* harmony import */ var _helpers_window_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @helpers/window.js */ "./resources/js/helpers/window.js");
+
+
+class Confetti extends HTMLElement {
+  connectedCallback() {
+    const rect = this.getBoundingClientRect();
+    const y = (rect.top + rect.height / 2) / (0,_helpers_window_js__WEBPACK_IMPORTED_MODULE_1__.windowHeight)();
+    (0,canvas_confetti__WEBPACK_IMPORTED_MODULE_0__["default"])({
+      particleCount: 100,
+      zIndex: 3000,
+      spread: 90,
+      disableForReducedMotion: true,
+      origin: {
+        y
+      }
+    });
+  }
+
+}
+
+/***/ }),
+
+/***/ "./resources/js/elements/TimeAgo.js":
+/*!******************************************!*\
+  !*** ./resources/js/elements/TimeAgo.js ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "TimeAgo": () => (/* binding */ TimeAgo)
+/* harmony export */ });
+const terms = [{
+  time: 45,
+  divide: 60,
+  text: "moins d'une minute"
+}, {
+  time: 90,
+  divide: 60,
+  text: 'environ une minute'
+}, {
+  time: 45 * 60,
+  divide: 60,
+  text: '%d minutes'
+}, {
+  time: 90 * 60,
+  divide: 60 * 60,
+  text: 'environ une heure'
+}, {
+  time: 24 * 60 * 60,
+  divide: 60 * 60,
+  text: '%d heures'
+}, {
+  time: 42 * 60 * 60,
+  divide: 24 * 60 * 60,
+  text: 'environ un jour'
+}, {
+  time: 30 * 24 * 60 * 60,
+  divide: 24 * 60 * 60,
+  text: '%d jours'
+}, {
+  time: 45 * 24 * 60 * 60,
+  divide: 24 * 60 * 60 * 30,
+  text: 'environ un mois'
+}, {
+  time: 365 * 24 * 60 * 60,
+  divide: 24 * 60 * 60 * 30,
+  text: '%d mois'
+}, {
+  time: 365 * 1.5 * 24 * 60 * 60,
+  divide: 24 * 60 * 60 * 365,
+  text: 'environ un an'
+}, {
+  time: Infinity,
+  divide: 24 * 60 * 60 * 365,
+  text: '%d ans'
+}];
+/**
+ * Custom element permettant d'afficher une date de manière relative
+ *
+ * @property {number} timer
+ */
+
+class TimeAgo extends HTMLElement {
+  connectedCallback() {
+    const timestamp = parseInt(this.getAttribute('time'), 10) * 1000;
+    const date = new Date(timestamp);
+    this.updateText(date);
+  }
+
+  disconnectedCallback() {
+    window.clearTimeout(this.timer);
+  }
+
+  updateText(date) {
+    const seconds = (new Date().getTime() - date.getTime()) / 1000;
+    let term = null;
+    const prefix = this.getAttribute('prefix');
+
+    for (term of terms) {
+      if (Math.abs(seconds) < term.time) {
+        break;
+      }
+    }
+
+    if (seconds >= 0) {
+      this.innerHTML = `${prefix || 'il y a'} ${term.text.replace('%d', Math.round(seconds / term.divide))}`;
+    } else {
+      this.innerHTML = `${prefix || 'dans'} ${term.text.replace('%d', Math.round(Math.abs(seconds) / term.divide))}`;
+    }
+
+    let nextTick = Math.abs(seconds) % term.divide;
+
+    if (nextTick === 0) {
+      nextTick = term.divide;
+    }
+
+    if (nextTick > 2147482) {
+      return;
+    }
+
+    this.timer = window.setTimeout(() => {
+      window.requestAnimationFrame(() => {
+        this.updateText(date);
+      });
+    }, 1000 * nextTick);
+  }
+
+}
+
+/***/ }),
+
+/***/ "./resources/js/elements/TimeCountdown.js":
+/*!************************************************!*\
+  !*** ./resources/js/elements/TimeCountdown.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "TimeCountdown": () => (/* binding */ TimeCountdown)
+/* harmony export */ });
+const DAY = 1000 * 60 * 60 * 24;
+const HOUR = 1000 * 60 * 60;
+const MINUTE = 1000 * 60;
+class TimeCountdown extends HTMLElement {
+  connectedCallback() {
+    const timestamp = parseInt(this.getAttribute('time'), 10) * 1000;
+    const date = new Date(timestamp);
+    this.updateText(date);
+  }
+
+  disconnectedCallback() {
+    window.clearTimeout(this.timer);
+  }
+
+  updateText(date) {
+    const now = new Date().getTime();
+    const distance = date - now;
+    const days = Math.floor(distance / DAY);
+    const hours = Math.floor(distance % DAY / HOUR);
+    const minutes = Math.floor(distance % HOUR / MINUTE);
+    const seconds = Math.floor(distance % MINUTE / 1000);
+
+    if (distance < 0) {
+      this.innerText = '';
+      return '';
+    }
+
+    let timeInterval = 1000;
+
+    if (days > 0) {
+      this.innerText = `${days}j ${hours}h`;
+      timeInterval = HOUR;
+    } else if (hours > 0) {
+      this.innerText = `${hours}h ${minutes}m`;
+      timeInterval = MINUTE;
+    } else {
+      this.innerText = `${minutes}m ${seconds}s`;
+    }
+
+    if (distance > 0) {
+      this.timer = window.setTimeout(() => {
+        if (window.requestAnimationFrame) {
+          window.requestAnimationFrame(() => this.updateText(date));
+        } else {
+          this.updateText(date);
+        }
+      }, timeInterval);
+    }
+  }
+
+}
+
+/***/ }),
+
+/***/ "./resources/js/elements/index.js":
+/*!****************************************!*\
+  !*** ./resources/js/elements/index.js ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _helpers_preact_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @helpers/preact.js */ "./resources/js/helpers/preact.js");
+/* harmony import */ var _components_Comments_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @components/Comments.jsx */ "./resources/js/components/Comments.jsx");
+/* harmony import */ var _Confetti_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Confetti.js */ "./resources/js/elements/Confetti.js");
+/* harmony import */ var _TimeAgo_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./TimeAgo.js */ "./resources/js/elements/TimeAgo.js");
+/* harmony import */ var _TimeCountdown_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./TimeCountdown.js */ "./resources/js/elements/TimeCountdown.js");
+
+
+
+
+
+customElements.define('con-fetti', _Confetti_js__WEBPACK_IMPORTED_MODULE_2__.Confetti);
+customElements.define('time-ago', _TimeAgo_js__WEBPACK_IMPORTED_MODULE_3__.TimeAgo);
+customElements.define('time-countdown', _TimeCountdown_js__WEBPACK_IMPORTED_MODULE_4__.TimeCountdown);
+(0,_helpers_preact_js__WEBPACK_IMPORTED_MODULE_0__["default"])('comments-area', _components_Comments_jsx__WEBPACK_IMPORTED_MODULE_1__.Comments, ['target']);
+
+/***/ }),
+
 /***/ "./resources/js/helpers.js":
 /*!*********************************!*\
   !*** ./resources/js/helpers.js ***!
@@ -3229,7 +4481,7 @@ __webpack_require__.r(__webpack_exports__);
 
  // Create a multiselect element.
 
-window.choices = function (element) {
+window.choices = element => {
   return new (choices_js__WEBPACK_IMPORTED_MODULE_1___default())(element, {
     maxItemCount: 3,
     removeItemButton: true
@@ -3237,135 +4489,1144 @@ window.choices = function (element) {
 }; // Syntax highlight code blocks.
 
 
-window.highlightCode = function (element) {
-  element.querySelectorAll('pre code').forEach(function (block) {
+window.highlightCode = element => {
+  element.querySelectorAll('pre code').forEach(block => {
     highlight_js__WEBPACK_IMPORTED_MODULE_0___default().highlightBlock(block);
   });
 }; // Create Capitalize string
 
 
-window.capitalize = function (string) {
-  return string.replace(/^\w/, function (c) {
-    return c.toUpperCase();
+window.capitalize = string => string.replace(/^\w/, c => c.toUpperCase()); // Create a snake case string
+
+
+window.snakeCase = string => string && string.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g).map(s => s.toLowerCase()).join('_');
+
+/***/ }),
+
+/***/ "./resources/js/helpers/animation.js":
+/*!*******************************************!*\
+  !*** ./resources/js/helpers/animation.js ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "slideUp": () => (/* binding */ slideUp),
+/* harmony export */   "slideUpAndRemove": () => (/* binding */ slideUpAndRemove),
+/* harmony export */   "slideDown": () => (/* binding */ slideDown),
+/* harmony export */   "scrollTo": () => (/* binding */ scrollTo)
+/* harmony export */ });
+/* harmony import */ var _helpers_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @helpers/dom.js */ "./resources/js/helpers/dom.js");
+/* harmony import */ var _helpers_window_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @helpers/window.js */ "./resources/js/helpers/window.js");
+
+
+/**
+ * Masque un élément avec un effet de repli
+ * @param {HTMLElement} element
+ * @param {Number} duration
+ * @returns {Promise<boolean>}
+ */
+
+function slideUp(element) {
+  let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  return new Promise(resolve => {
+    element.style.height = `${element.offsetHeight}px`;
+    element.style.transitionProperty = 'height, margin, padding';
+    element.style.transitionDuration = `${duration}ms`;
+    element.offsetHeight; // eslint-disable-line no-unused-expressions
+
+    element.style.overflow = 'hidden';
+    element.style.height = 0;
+    element.style.paddingTop = 0;
+    element.style.paddingBottom = 0;
+    element.style.marginTop = 0;
+    element.style.marginBottom = 0;
+    window.setTimeout(() => {
+      element.style.display = 'none';
+      element.style.removeProperty('height');
+      element.style.removeProperty('padding-top');
+      element.style.removeProperty('padding-bottom');
+      element.style.removeProperty('margin-top');
+      element.style.removeProperty('margin-bottom');
+      element.style.removeProperty('overflow');
+      element.style.removeProperty('transition-duration');
+      element.style.removeProperty('transition-property');
+      resolve(element);
+    }, duration);
   });
-}; // Create a snake case string
+}
+/**
+ * Masque un élément avec un effet de repli
+ * @param {HTMLElement} element
+ * @param {Number} duration
+ * @returns {Promise<boolean>}
+ */
 
+async function slideUpAndRemove(element) {
+  let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  const r = await slideUp(element, duration);
+  element.parentNode.removeChild(element);
+  return r;
+}
+/**
+ * Affiche un élément avec un effet de dépliement
+ * @param {HTMLElement} element
+ * @param {Number} duration
+ * @returns {Promise<boolean>}
+ */
 
-window.snakeCase = function (string) {
-  return string && string.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g).map(function (s) {
-    return s.toLowerCase();
-  }).join('_');
-};
+function slideDown(element) {
+  let duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  return new Promise(resolve => {
+    element.style.removeProperty('display');
+    let display = window.getComputedStyle(element).display;
+    if (display === 'none') display = 'block';
+    element.style.display = display;
+    const height = element.offsetHeight;
+    element.style.overflow = 'hidden';
+    element.style.height = 0;
+    element.style.paddingTop = 0;
+    element.style.paddingBottom = 0;
+    element.style.marginTop = 0;
+    element.style.marginBottom = 0;
+    element.offsetHeight; // eslint-disable-line no-unused-expressions
+
+    element.style.transitionProperty = 'height, margin, padding';
+    element.style.transitionDuration = `${duration}ms`;
+    element.style.height = `${height}px`;
+    element.style.removeProperty('padding-top');
+    element.style.removeProperty('padding-bottom');
+    element.style.removeProperty('margin-top');
+    element.style.removeProperty('margin-bottom');
+    window.setTimeout(() => {
+      element.style.removeProperty('height');
+      element.style.removeProperty('overflow');
+      element.style.removeProperty('transition-duration');
+      element.style.removeProperty('transition-property');
+      resolve(element);
+    }, duration);
+  });
+}
+/**
+ * Scroll vers l'élément en le plaçant au centre de la fenêtre si il n'est pas trop grand
+ *
+ * @param {HTMLElement|null} element
+ */
+
+function scrollTo(element) {
+  if (element === null) {
+    return;
+  }
+
+  const elementOffset = (0,_helpers_dom_js__WEBPACK_IMPORTED_MODULE_0__.offsetTop)(element);
+  const elementHeight = element.getBoundingClientRect().height;
+  const viewHeight = (0,_helpers_window_js__WEBPACK_IMPORTED_MODULE_1__.windowHeight)();
+  let top = elementOffset - 100;
+
+  if (elementHeight <= viewHeight) {
+    top = elementOffset - (viewHeight - elementHeight) / 2;
+  }
+
+  window.scrollTo({
+    top,
+    left: 0,
+    behavior: 'smooth'
+  });
+}
 
 /***/ }),
 
-/***/ "./resources/js/plugins/internationalNumber.js":
-/*!*****************************************************!*\
-  !*** ./resources/js/plugins/internationalNumber.js ***!
-  \*****************************************************/
+/***/ "./resources/js/helpers/api.js":
+/*!*************************************!*\
+  !*** ./resources/js/helpers/api.js ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "HTTP_UNPROCESSABLE_ENTITY": () => (/* binding */ HTTP_UNPROCESSABLE_ENTITY),
+/* harmony export */   "HTTP_NOT_FOUND": () => (/* binding */ HTTP_NOT_FOUND),
+/* harmony export */   "HTTP_FORBIDDEN": () => (/* binding */ HTTP_FORBIDDEN),
+/* harmony export */   "HTTP_OK": () => (/* binding */ HTTP_OK),
+/* harmony export */   "HTTP_NO_CONTENT": () => (/* binding */ HTTP_NO_CONTENT),
+/* harmony export */   "jsonFetch": () => (/* binding */ jsonFetch),
+/* harmony export */   "jsonFetchOrFlash": () => (/* binding */ jsonFetchOrFlash),
+/* harmony export */   "catchViolations": () => (/* binding */ catchViolations),
+/* harmony export */   "ApiError": () => (/* binding */ ApiError)
 /* harmony export */ });
-/* harmony import */ var intl_tel_input__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! intl-tel-input */ "./node_modules/intl-tel-input/index.js");
-/* harmony import */ var intl_tel_input__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(intl_tel_input__WEBPACK_IMPORTED_MODULE_0__);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (element) {
-  return {
-    input: element,
-    // '#myID' selector css
-    init: function init() {
-      var phoneNumber = document.querySelector(this.input);
-      var iti = intl_tel_input__WEBPACK_IMPORTED_MODULE_0___default()(phoneNumber, {
-        nationalMode: true,
-        geoIpLookup: function geoIpLookup(success, failure) {
-          fetch('https://ipinfo.io').then(function (response) {
-            var countryCode = response && response.country ? response.country : 'CM';
-            success(countryCode);
-          });
-        },
-        utilsScript: 'https://unpkg.com/intl-tel-input@17.0.3/build/js/utils.js'
-      });
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const HTTP_UNPROCESSABLE_ENTITY = 422;
+const HTTP_NOT_FOUND = 404;
+const HTTP_FORBIDDEN = 403;
+const HTTP_OK = 200;
+const HTTP_NO_CONTENT = 204;
+/**
+ * @param {RequestInfo} url
+ * @param params
+ * @return {Promise<Object>}
+ */
+
+async function jsonFetch(url) {
+  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  // Si on reçoit un FormData on le convertit en objet
+  if (params.body instanceof FormData) {
+    params.body = Object.fromEntries(params.body);
+  } // Si on reçoit un objet on le convertit en chaine JSON
 
-      var handleChange = function handleChange() {
-        if (iti.isValidNumber()) {
-          phoneNumber.value = iti.getNumber();
-        }
-      };
 
-      phoneNumber.addEventListener('change', handleChange);
-      phoneNumber.addEventListener('keyup', handleChange);
+  if (params.body && typeof params.body === 'object') {
+    params.body = JSON.stringify(params.body);
+  }
+
+  params = _objectSpread({
+    headers: {
+      'Content-Type': 'application/json',
+      Accept: 'application/json',
+      'X-Requested-With': 'XMLHttpRequest'
     }
-  };
-});
+  }, params);
+  const response = await fetch(url, params);
 
-/***/ }),
+  if (response.status === 204) {
+    return null;
+  }
 
-/***/ "./resources/js/scrollspy.js":
-/*!***********************************!*\
-  !*** ./resources/js/scrollspy.js ***!
-  \***********************************/
-/***/ (() => {
+  const data = await response.json();
 
-var tableOfContents = document.querySelector('.toc'); // console.log(tableOfContents)
+  if (response.ok) {
+    return data;
+  }
 
-if (tableOfContents) {
-  var headers = [].slice.call(document.querySelectorAll('.anchor')).map(function (_ref) {
-    var name = _ref.name,
-        position = _ref.offsetTop;
-    return {
-      name: name,
-      position: position
-    };
-  }).reverse();
-  highlightLink(headers[headers.length - 1].id);
-  window.addEventListener('scroll', function (event) {
-    var position = (document.documentElement.scrollTop || document.body.scrollTop) + 34;
-    var current = headers.filter(function (header) {
-      return header.position < position;
-    })[0] || headers[headers.length - 1];
-    var active = document.querySelector('.toc .active');
+  throw new ApiError(data, response.status);
+}
+/**
+ * @param {RequestInfo} url
+ * @param params
+ * @return {Promise<Object>}
+ */
 
-    if (active) {
-      active.classList.remove('active');
+async function jsonFetchOrFlash(url) {
+  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  try {
+    return await jsonFetch(url, params);
+  } catch (e) {
+    if (e instanceof ApiError) {
+      window.$wireui.notify({
+        title: 'Ops! Erreur',
+        description: e.name,
+        icon: 'error'
+      });
+    } else {
+      window.$wireui.notify({
+        title: 'Ops! Erreur',
+        description: e,
+        icon: 'error'
+      });
     }
 
-    highlightLink(current.name);
-  });
+    return null;
+  }
+}
+/**
+ * Capture un retour d'API
+ *
+ * @param {function} p
+ */
+
+async function catchViolations(p) {
+  try {
+    return [await p, null];
+  } catch (e) {
+    if (e instanceof ApiError) {
+      return [null, e.violations];
+    }
+
+    throw e;
+  }
 }
+/**
+ * Représente une erreur d'API
+ * @property {{
+ *  violations: {propertyPath: string, message: string}
+ * }} data
+ */
 
-function highlightLink(name) {
-  var highlight = document.querySelector(".toc a[href=\"#".concat(name, "\"]"));
+class ApiError {
+  constructor(data, status) {
+    this.data = data;
+    this.status = status;
+  } // Récupère la liste de violation pour un champs donnée
 
-  if (highlight) {
-    highlight.parentNode.classList.add('active');
+
+  violationsFor(field) {
+    return this.data.violations.filter(v => v.propertyPath === field).map(v => v.message);
   }
+
+  get name() {
+    return `${this.data.title} ${this.data.detail || ''}`;
+  } // Renvoie les violations indexé par propertyPath
+
+
+  get violations() {
+    if (!this.data.violations) {
+      return {
+        main: `${this.data.title} ${this.data.detail || ''}`
+      };
+    }
+
+    return this.data.violations.reduce((acc, violation) => {
+      if (acc[violation.propertyPath]) {
+        acc[violation.propertyPath].push(violation.message);
+      } else {
+        acc[violation.propertyPath] = [violation.message];
+      }
+
+      return acc;
+    }, {});
+  }
+
 }
 
 /***/ }),
 
-/***/ "./node_modules/choices.js/public/assets/scripts/choices.js":
-/*!******************************************************************!*\
-  !*** ./node_modules/choices.js/public/assets/scripts/choices.js ***!
-  \******************************************************************/
-/***/ ((module) => {
+/***/ "./resources/js/helpers/auth.js":
+/*!**************************************!*\
+  !*** ./resources/js/helpers/auth.js ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-/*! choices.js v9.0.1 | © 2019 Josh Johnson | https://github.com/jshjohnson/Choices#readme */
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(true)
-		module.exports = factory();
-	else {}
-})(window, function() {
-return /******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __nested_webpack_require_633__(moduleId) {
-/******/
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "isAdmin": () => (/* binding */ isAdmin),
+/* harmony export */   "isAuthenticated": () => (/* binding */ isAuthenticated),
+/* harmony export */   "currentUser": () => (/* binding */ currentUser),
+/* harmony export */   "lastNotificationRead": () => (/* binding */ lastNotificationRead),
+/* harmony export */   "getUserId": () => (/* binding */ getUserId),
+/* harmony export */   "canManage": () => (/* binding */ canManage)
+/* harmony export */ });
+/**
+ * Vérifie si l'utilisateur est un modérateur
+ *
+ * @return {boolean}
+ */
+function isAdmin() {
+  return window.laravel.isModerator === true;
+}
+/**
+ * Vérifie si l'utilisateur est connecté
+ *
+ * @return {boolean}
+ */
+
+function isAuthenticated() {
+  return window.laravel.user !== null;
+}
+/**
+ * Retourne l'utilisateur connecté
+ *
+ * @returns {*}
+ */
+
+function currentUser() {
+  return window.laravel.currentUser;
+}
+/**
+ * Vérifie si l'utilisateur est connecté
+ *
+ * @return {boolean}
+ */
+
+function lastNotificationRead() {
+  return window.laravel.notification;
+}
+/**
+ * Renvoie l'id de l'utilisateur
+ *
+ * @return {number|null}
+ */
+
+function getUserId() {
+  return window.laravel.user;
+}
+/**
+ * Vérifie si l'utilisateur connecté correspond à l'id passé en paramètre
+ *
+ * @param {number} userId
+ * @return {boolean}
+ */
+
+function canManage(userId) {
+  if (isAdmin()) {
+    return true;
+  }
+
+  if (!userId) {
+    return false;
+  }
+
+  return window.laravel.user === parseInt(userId, 10);
+}
+
+/***/ }),
+
+/***/ "./resources/js/helpers/dom.js":
+/*!*************************************!*\
+  !*** ./resources/js/helpers/dom.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "offsetTop": () => (/* binding */ offsetTop),
+/* harmony export */   "createElement": () => (/* binding */ createElement),
+/* harmony export */   "html": () => (/* binding */ html),
+/* harmony export */   "strToDom": () => (/* binding */ strToDom),
+/* harmony export */   "closest": () => (/* binding */ closest),
+/* harmony export */   "$": () => (/* binding */ $),
+/* harmony export */   "$$": () => (/* binding */ $$),
+/* harmony export */   "classNames": () => (/* binding */ classNames),
+/* harmony export */   "formDataToObj": () => (/* binding */ formDataToObj)
+/* harmony export */ });
+/* harmony import */ var htm_mini__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! htm/mini */ "./node_modules/htm/mini/index.module.js");
+
+/**
+ * Trouve la position de l'élément par rapport au haut de la page de manière recursive
+ *
+ * @param {HTMLElement} element
+ * @param {HTMLElement|null} parent
+ */
+
+function offsetTop(element) {
+  let parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  let top = element.offsetTop;
+
+  while (element = element.offsetParent) {
+    if (parent === element) {
+      return top;
+    }
+
+    top += element.offsetTop;
+  }
+
+  return top;
+}
+/**
+ * Crée un élément HTML
+ *
+ * Cette fonction ne couvre que les besoins de l'application, jsx-dom pourrait remplacer cette fonction
+ *
+ * @param {string} tagName
+ * @param {object} attributes
+ * @param {...HTMLElement|string} children
+ * @return HTMLElement
+ */
+
+function createElement(tagName) {
+  let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    children[_key - 2] = arguments[_key];
+  }
+
+  if (typeof tagName === "function") {
+    return tagName(attributes);
+  }
+
+  const svgTags = ["svg", "use", "path", "circle", "g"]; // On construit l'élément
+
+  const e = !svgTags.includes(tagName) ? document.createElement(tagName) : document.createElementNS("http://www.w3.org/2000/svg", tagName); // On lui associe les bons attributs
+
+  for (const k of Object.keys(attributes || {})) {
+    if (typeof attributes[k] === "function" && k.startsWith("on")) {
+      e.addEventListener(k.substr(2).toLowerCase(), attributes[k]);
+    } else if (k === "xlink:href") {
+      e.setAttributeNS("http://www.w3.org/1999/xlink", "href", attributes[k]);
+    } else {
+      e.setAttribute(k, attributes[k]);
+    }
+  } // On aplatit les enfants
+
+
+  children = children.reduce((acc, child) => {
+    return Array.isArray(child) ? [...acc, ...child] : [...acc, child];
+  }, []); // On ajoute les enfants à l'élément
+
+  for (const child of children) {
+    if (typeof child === "string" || typeof child === "number") {
+      e.appendChild(document.createTextNode(child));
+    } else if (child instanceof HTMLElement || child instanceof SVGElement) {
+      e.appendChild(child);
+    } else {
+      console.error("Impossible d'ajouter l'élément", child, typeof child);
+    }
+  }
+
+  return e;
+}
+/**
+ * CreateElement version Tagged templates
+ * @type {(strings: TemplateStringsArray, ...values: any[]) => (HTMLElement[] | HTMLElement)}
+ */
+
+const html = htm_mini__WEBPACK_IMPORTED_MODULE_0__["default"].bind(createElement);
+/**
+ * Transform une chaine en élément DOM
+ * @param {string} str
+ * @return {DocumentFragment}
+ */
+
+function strToDom(str) {
+  return document.createRange().createContextualFragment(str).firstChild;
+}
+/**
+ *
+ * @param {HTMLElement|Document|Node} element
+ * @param {string} selector
+ * @return {null|HTMLElement}
+ */
+
+function closest(element, selector) {
+  for (; element && element !== document; element = element.parentNode) {
+    if (element.matches(selector)) return element;
+  }
+
+  return null;
+}
+/**
+ * @param {string} selector
+ * @return {HTMLElement}
+ */
+
+function $(selector) {
+  return document.querySelector(selector);
+}
+/**
+ * @param {string} selector
+ * @return {HTMLElement[]}
+ */
+
+function $$(selector) {
+  return Array.from(document.querySelectorAll(selector));
+}
+/**
+ * Génère une classe à partir de différentes variables
+ *
+ * @param  {...string|null} classnames
+ */
+
+function classNames() {
+  for (var _len2 = arguments.length, classnames = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    classnames[_key2] = arguments[_key2];
+  }
+
+  return classnames.filter(classname => classname !== null && classname !== false).join(" ");
+}
+/**
+ * Convertit les données d'un formulaire en objet JavaScript
+ *
+ * @param {HTMLFormElement} form
+ * @return {{[p: string]: string}}
+ */
+
+function formDataToObj(form) {
+  return Object.fromEntries(new FormData(form));
+}
+
+/***/ }),
+
+/***/ "./resources/js/helpers/hooks.js":
+/*!***************************************!*\
+  !*** ./resources/js/helpers/hooks.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useToggle": () => (/* binding */ useToggle),
+/* harmony export */   "usePrepend": () => (/* binding */ usePrepend),
+/* harmony export */   "useClickOutside": () => (/* binding */ useClickOutside),
+/* harmony export */   "useAutofocus": () => (/* binding */ useAutofocus),
+/* harmony export */   "useJsonFetchOrFlash": () => (/* binding */ useJsonFetchOrFlash),
+/* harmony export */   "useAsyncEffect": () => (/* binding */ useAsyncEffect),
+/* harmony export */   "PROMISE_PENDING": () => (/* binding */ PROMISE_PENDING),
+/* harmony export */   "PROMISE_DONE": () => (/* binding */ PROMISE_DONE),
+/* harmony export */   "PROMISE_ERROR": () => (/* binding */ PROMISE_ERROR),
+/* harmony export */   "usePromiseFn": () => (/* binding */ usePromiseFn),
+/* harmony export */   "useVisibility": () => (/* binding */ useVisibility)
+/* harmony export */ });
+/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
+/* harmony import */ var _helpers_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @helpers/api.js */ "./resources/js/helpers/api.js");
+/* harmony import */ var _helpers_dom_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @helpers/dom.js */ "./resources/js/helpers/dom.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+/**
+ * Alterne une valeur
+ */
+
+function useToggle() {
+  let initialValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  const [value, setValue] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue);
+  return [value, (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => setValue(v => !v), [])];
+}
+/**
+ * Valeur avec la possibilité de push un valeur supplémentaire
+ */
+
+function usePrepend() {
+  let initialValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  const [value, setValue] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue);
+  return [value, (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback)(item => {
+    setValue(v => [item, ...v]);
+  }, [])];
+}
+/**
+ * Hook d'effet pour détecter le clique en dehors d'un élément
+ */
+
+function useClickOutside(ref, cb) {
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (cb === null) {
+      return;
+    }
+
+    const escCb = e => {
+      if (e.key === 'Escape' && ref.current) {
+        cb();
+      }
+    };
+
+    const clickCb = e => {
+      if (ref.current && !ref.current.contains(e.target)) {
+        cb();
+      }
+    };
+
+    document.addEventListener('click', clickCb);
+    document.addEventListener('keyup', escCb);
+    return function cleanup() {
+      document.removeEventListener('click', clickCb);
+      document.removeEventListener('keyup', escCb);
+    };
+  }, [ref, cb]);
+}
+/**
+ * Focus le premier champs dans l'élément correspondant à la ref
+ * @param {boolean} focus
+ */
+
+function useAutofocus(ref, focus) {
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (focus && ref.current) {
+      const input = ref.current.querySelector('input, textarea');
+
+      if (input) {
+        input.focus();
+      }
+    }
+  }, [focus, ref]);
+}
+/**
+ * Hook faisant un appel fetch et flash en cas d'erreur / succès
+ *
+ * @param {string} url
+ * @param {object} params
+ * @return {{data: Object|null, fetch: fetch, loading: boolean, done: boolean}}
+ */
+
+function useJsonFetchOrFlash(url) {
+  let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const [state, setState] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useState)({
+    loading: false,
+    data: null,
+    done: false
+  });
+  const fetch = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async (localUrl, localParams) => {
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      loading: true
+    }));
+
+    try {
+      const response = await (0,_helpers_api_js__WEBPACK_IMPORTED_MODULE_1__.jsonFetch)(localUrl || url, localParams || params);
+      setState(s => _objectSpread(_objectSpread({}, s), {}, {
+        loading: false,
+        data: response,
+        done: true
+      }));
+      return response;
+    } catch (e) {
+      if (e instanceof _helpers_api_js__WEBPACK_IMPORTED_MODULE_1__.ApiError) {
+        window.$wireui.notify({
+          title: 'Ops! Erreur',
+          description: e.name,
+          icon: 'error'
+        });
+      } else {
+        window.$wireui.notify({
+          title: 'Ops! Erreur',
+          description: e,
+          icon: 'error'
+        });
+      }
+    }
+
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      loading: false
+    }));
+  }, [url, params]);
+  return _objectSpread(_objectSpread({}, state), {}, {
+    fetch
+  });
+}
+/**
+ * useEffect pour une fonction asynchrone
+ */
+
+function useAsyncEffect(fn) {
+  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+  /* eslint-disable */
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    fn();
+  }, deps);
+  /* eslint-enable */
+}
+const PROMISE_PENDING = 0;
+const PROMISE_DONE = 1;
+const PROMISE_ERROR = -1;
+/**
+ * Décore une promesse et renvoie son état
+ */
+
+function usePromiseFn(fn) {
+  const [state, setState] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  const resetState = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    setState(null);
+  }, []);
+  const wrappedFn = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async function () {
+    setState(PROMISE_PENDING);
+
+    try {
+      await fn(...arguments);
+      setState(PROMISE_DONE);
+    } catch (e) {
+      setState(PROMISE_ERROR);
+      throw e;
+    }
+  }, [fn]);
+  return [state, wrappedFn, resetState];
+}
+/**
+ * Hook permettant de détecter quand un élément devient visible à l'écran
+ *
+ * @export
+ * @param {DOMNode reference} node
+ * @param {Boolean} once
+ * @param {Object} [options={}]
+ * @returns {object} visibility
+ */
+
+function useVisibility(node) {
+  let once = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const [visible, setVisibilty] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+  const isIntersecting = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+
+  const handleObserverUpdate = entries => {
+    const ent = entries[0];
+
+    if (isIntersecting.current !== ent.isIntersecting) {
+      setVisibilty(ent.isIntersecting);
+      isIntersecting.current = ent.isIntersecting;
+    }
+  };
+
+  const observer = once && visible ? null : new IntersectionObserver(handleObserverUpdate, options);
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    const element = node instanceof HTMLElement ? node : node.current;
+
+    if (!element || observer === null) {
+      return;
+    }
+
+    observer.observe(element);
+    return function cleanup() {
+      observer.unobserve(element);
+    };
+  });
+  return visible;
+}
+
+/***/ }),
+
+/***/ "./resources/js/helpers/preact.js":
+/*!****************************************!*\
+  !*** ./resources/js/helpers/preact.js ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ preactCustomElement)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+const _excluded = ["context", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+function preactCustomElement(tagName, Component, propNames, options) {
+  function PreactElement() {
+    const inst = Reflect.construct(HTMLElement, [], PreactElement);
+    inst._vdomComponent = Component;
+    inst._root = options && options.shadow ? inst.attachShadow({
+      mode: 'open'
+    }) : inst;
+    return inst;
+  }
+
+  PreactElement.prototype = Object.create(HTMLElement.prototype);
+  PreactElement.prototype.constructor = PreactElement;
+  PreactElement.prototype.connectedCallback = connectedCallback;
+  PreactElement.prototype.attributeChangedCallback = attributeChangedCallback;
+  PreactElement.prototype.disconnectedCallback = disconnectedCallback;
+  propNames = propNames || Component.observedAttributes || Object.keys(Component.propTypes || {});
+  PreactElement.observedAttributes = propNames; // Keep DOM properties and Preact props in sync
+
+  propNames.forEach(name => {
+    Object.defineProperty(PreactElement.prototype, name, {
+      get() {
+        return this._vdom.props[name];
+      },
+
+      set(v) {
+        if (this._vdom) {
+          this.attributeChangedCallback(name, null, v);
+        } else {
+          if (!this._props) this._props = {};
+          this._props[name] = v;
+          this.connectedCallback();
+        } // Reflect property changes to attributes if the value is a primitive
+
+
+        const type = typeof v;
+
+        if (v == null || type === 'string' || type === 'boolean' || type === 'number') {
+          this.setAttribute(name, v);
+        }
+      }
+
+    });
+  });
+  return customElements.define(tagName || Component.tagName || Component.displayName || Component.name, PreactElement);
+}
+
+function ContextProvider(props) {
+  this.getChildContext = () => props.context; // eslint-disable-next-line no-unused-vars
+
+
+  const {
+    context,
+    children
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(children, rest);
+}
+
+function connectedCallback() {
+  // Obtain a reference to the previous context by pinging the nearest
+  // higher up node that was rendered with Preact. If one Preact component
+  // higher up receives our ping, it will set the `detail` property of
+  // our custom event. This works because events are dispatched
+  // synchronously.
+  const event = new CustomEvent('_preact', {
+    detail: {},
+    bubbles: true,
+    cancelable: true
+  });
+  this.dispatchEvent(event);
+  const context = event.detail.context;
+  this._vdom = (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(ContextProvider, _objectSpread(_objectSpread({}, this._props), {}, {
+    context
+  }), toVdom(this, this._vdomComponent));
+  (this.hasAttribute('hydrate') ? preact__WEBPACK_IMPORTED_MODULE_0__.hydrate : preact__WEBPACK_IMPORTED_MODULE_0__.render)(this._vdom, this._root);
+}
+
+function toCamelCase(str) {
+  return str.replace(/-(\w)/g, (_, c) => c ? c.toUpperCase() : '');
+}
+
+function attributeChangedCallback(name, oldValue, newValue) {
+  if (!this._vdom) return; // Attributes use `null` as an empty value whereas `undefined` is more
+  // common in pure JS components, especially with default parameters.
+  // When calling `node.removeAttribute()` we'll receive `null` as the new
+  // value. See issue #50.
+
+  newValue = newValue == null ? undefined : newValue;
+  const props = {};
+  props[name] = newValue;
+  props[toCamelCase(name)] = newValue;
+  this._vdom = (0,preact__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(this._vdom, props);
+  (0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(this._vdom, this._root);
+}
+
+function disconnectedCallback() {
+  (0,preact__WEBPACK_IMPORTED_MODULE_0__.render)(this._vdom = null, this._root);
+}
+/**
+ * Pass an event listener to each `<slot>` that "forwards" the current
+ * context value to the rendered child. The child will trigger a custom
+ * event, where will add the context value to. Because events work
+ * synchronously, the child can immediately pull of the value right
+ * after having fired the event.
+ */
+
+
+function Slot(props, context) {
+  const ref = r => {
+    if (!r) {
+      this.ref.removeEventListener('_preact', this._listener);
+    } else {
+      this.ref = r;
+
+      if (!this._listener) {
+        this._listener = event => {
+          event.stopPropagation();
+          event.detail.context = context;
+        };
+
+        r.addEventListener('_preact', this._listener);
+      }
+    }
+  };
+
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)('slot', _objectSpread(_objectSpread({}, props), {}, {
+    ref
+  }));
+}
+
+function toVdom(element, nodeName) {
+  if (element.nodeType === Node.TEXT_NODE) {
+    const data = element.data;
+    element.data = '';
+    return data;
+  }
+
+  if (element.nodeType !== Node.ELEMENT_NODE) return null;
+  const children = [];
+  const props = {};
+  let i = 0;
+  const a = element.attributes;
+  const cn = element.childNodes;
+
+  for (i = a.length; i--;) {
+    if (a[i].name !== 'slot') {
+      props[a[i].name] = a[i].value;
+      props[toCamelCase(a[i].name)] = a[i].value;
+    }
+  }
+
+  props.parent = element;
+
+  for (i = cn.length; i--;) {
+    const vnode = toVdom(cn[i], null); // Move slots correctly
+
+    const name = cn[i].slot;
+
+    if (name) {
+      props[name] = (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Slot, {
+        name
+      }, vnode);
+    } else {
+      children[i] = vnode;
+    }
+  } // Only wrap the topmost node with a slot
+
+
+  const wrappedChildren = nodeName ? (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(Slot, null, children) : children;
+  return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(nodeName || element.nodeName.toLowerCase(), props, wrappedChildren);
+}
+
+/***/ }),
+
+/***/ "./resources/js/helpers/window.js":
+/*!****************************************!*\
+  !*** ./resources/js/helpers/window.js ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "windowHeight": () => (/* binding */ windowHeight),
+/* harmony export */   "isActiveWindow": () => (/* binding */ isActiveWindow)
+/* harmony export */ });
+/**
+ * Renvoie la hauteur de la fenêtre
+ *
+ * @return {number}
+ */
+function windowHeight() {
+  return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+}
+const uuid = new Date().getTime().toString();
+
+if (localStorage) {
+  localStorage.setItem('windowId', uuid);
+  window.addEventListener('focus', function () {
+    localStorage.setItem('windowId', uuid);
+  });
+}
+/**
+ * Renvoie true si la fenêtre est active ou si elle a été la dernière fenêtre active
+ */
+
+
+function isActiveWindow() {
+  if (localStorage) {
+    return uuid === localStorage.getItem('windowId');
+  } else {
+    return true;
+  }
+}
+
+/***/ }),
+
+/***/ "./resources/js/plugins/internationalNumber.js":
+/*!*****************************************************!*\
+  !*** ./resources/js/plugins/internationalNumber.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var intl_tel_input__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! intl-tel-input */ "./node_modules/intl-tel-input/index.js");
+/* harmony import */ var intl_tel_input__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(intl_tel_input__WEBPACK_IMPORTED_MODULE_0__);
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (element => ({
+  input: element,
+
+  // '#myID' selector css
+  init() {
+    const phoneNumber = document.querySelector(this.input);
+    let iti = intl_tel_input__WEBPACK_IMPORTED_MODULE_0___default()(phoneNumber, {
+      nationalMode: true,
+      geoIpLookup: function (success, failure) {
+        fetch('https://ipinfo.io').then(response => {
+          let countryCode = response && response.country ? response.country : 'CM';
+          success(countryCode);
+        });
+      },
+      utilsScript: 'https://unpkg.com/intl-tel-input@17.0.3/build/js/utils.js'
+    });
+
+    let handleChange = () => {
+      if (iti.isValidNumber()) {
+        phoneNumber.value = iti.getNumber();
+      }
+    };
+
+    phoneNumber.addEventListener('change', handleChange);
+    phoneNumber.addEventListener('keyup', handleChange);
+  }
+
+}));
+
+/***/ }),
+
+/***/ "./resources/js/scrollspy.js":
+/*!***********************************!*\
+  !*** ./resources/js/scrollspy.js ***!
+  \***********************************/
+/***/ (() => {
+
+let tableOfContents = document.querySelector('.toc'); // console.log(tableOfContents)
+
+if (tableOfContents) {
+  let headers = [].slice.call(document.querySelectorAll('.anchor')).map(_ref => {
+    let {
+      name,
+      offsetTop: position
+    } = _ref;
+    return {
+      name,
+      position
+    };
+  }).reverse();
+  highlightLink(headers[headers.length - 1].id);
+  window.addEventListener('scroll', event => {
+    let position = (document.documentElement.scrollTop || document.body.scrollTop) + 34;
+    let current = headers.filter(header => header.position < position)[0] || headers[headers.length - 1];
+    let active = document.querySelector('.toc .active');
+
+    if (active) {
+      active.classList.remove('active');
+    }
+
+    highlightLink(current.name);
+  });
+}
+
+function highlightLink(name) {
+  let highlight = document.querySelector(`.toc a[href="#${name}"]`);
+
+  if (highlight) {
+    highlight.parentNode.classList.add('active');
+  }
+}
+
+/***/ }),
+
+/***/ "./node_modules/choices.js/public/assets/scripts/choices.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/choices.js/public/assets/scripts/choices.js ***!
+  \******************************************************************/
+/***/ ((module) => {
+
+/*! choices.js v9.0.1 | © 2019 Josh Johnson | https://github.com/jshjohnson/Choices#readme */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(true)
+		module.exports = factory();
+	else {}
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __nested_webpack_require_633__(moduleId) {
+/******/
 /******/ 		// Check if module is in cache
 /******/ 		if(installedModules[moduleId]) {
 /******/ 			return installedModules[moduleId].exports;
@@ -56452,6 +58713,22 @@ function zephir(hljs) {
 module.exports = zephir;
 
 
+/***/ }),
+
+/***/ "./node_modules/htm/mini/index.module.js":
+/*!***********************************************!*\
+  !*** ./node_modules/htm/mini/index.module.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(n){for(var l,e,s=arguments,t=1,r="",u="",a=[0],c=function(n){1===t&&(n||(r=r.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?a.push(n?s[n]:r):3===t&&(n||r)?(a[1]=n?s[n]:r,t=2):2===t&&"..."===r&&n?a[2]=Object.assign(a[2]||{},s[n]):2===t&&r&&!n?(a[2]=a[2]||{})[r]=!0:t>=5&&(5===t?((a[2]=a[2]||{})[e]=n?r?r+s[n]:s[n]:r,t=6):(n||r)&&(a[2][e]+=n?r+s[n]:r)),r=""},h=0;h<n.length;h++){h&&(1===t&&c(),c(h));for(var i=0;i<n[h].length;i++)l=n[h][i],1===t?"<"===l?(c(),a=[a,"",null],t=3):r+=l:4===t?"--"===r&&">"===l?(t=1,r=""):r=l+r[0]:u?l===u?u="":r+=l:'"'===l||"'"===l?u=l:">"===l?(c(),t=1):t&&("="===l?(t=5,e=r,r=""):"/"===l&&(t<5||">"===n[h][i+1])?(c(),3===t&&(a=a[0]),t=a,(a=a[0]).push(this.apply(null,t.slice(1))),t=0):" "===l||"\t"===l||"\n"===l||"\r"===l?(c(),t=2):r+=l),3===t&&"!--"===r&&(t=4,a=a[0])}return c(),a.length>2?a.slice(1):a[1]}
+
+
 /***/ }),
 
 /***/ "./node_modules/intl-tel-input/build/js/intlTelInput.js":
@@ -57816,29 +60093,8738 @@ module.exports = zephir;
 
 /***/ }),
 
-/***/ "./node_modules/intl-tel-input/index.js":
-/*!**********************************************!*\
-  !*** ./node_modules/intl-tel-input/index.js ***!
-  \**********************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+/***/ "./node_modules/intl-tel-input/index.js":
+/*!**********************************************!*\
+  !*** ./node_modules/intl-tel-input/index.js ***!
+  \**********************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+/**
+ * Exposing intl-tel-input as a component
+ */
+module.exports = __webpack_require__(/*! ./build/js/intlTelInput */ "./node_modules/intl-tel-input/build/js/intlTelInput.js");
+
+
+/***/ }),
+
+/***/ "./node_modules/markdown-to-jsx/dist/index.module.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/markdown-to-jsx/dist/index.module.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* export default binding */ __WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "compiler": () => (/* binding */ Ge)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+function n(){return(n=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var t=/[\'\"]/,r={accesskey:"accessKey",allowfullscreen:"allowFullScreen",allowtransparency:"allowTransparency",autocomplete:"autoComplete",autofocus:"autoFocus",autoplay:"autoPlay",cellpadding:"cellPadding",cellspacing:"cellSpacing",charset:"charSet",class:"className",classid:"classId",colspan:"colSpan",contenteditable:"contentEditable",contextmenu:"contextMenu",crossorigin:"crossOrigin",enctype:"encType",for:"htmlFor",formaction:"formAction",formenctype:"formEncType",formmethod:"formMethod",formnovalidate:"formNoValidate",formtarget:"formTarget",frameborder:"frameBorder",hreflang:"hrefLang",inputmode:"inputMode",keyparams:"keyParams",keytype:"keyType",marginheight:"marginHeight",marginwidth:"marginWidth",maxlength:"maxLength",mediagroup:"mediaGroup",minlength:"minLength",novalidate:"noValidate",radiogroup:"radioGroup",readonly:"readOnly",rowspan:"rowSpan",spellcheck:"spellCheck",srcdoc:"srcDoc",srclang:"srcLang",srcset:"srcSet",tabindex:"tabIndex",usemap:"useMap"},a={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},c=["style","script"],o=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,i=/mailto:/i,l=/\n{2,}$/,u=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,s=/^ *> ?/gm,f=/^ {2,}\n/,p=/^(?:( *[-*_]) *){3,}(?:\n *)+\n/,d=/^\s*(`{3,}|~{3,}) *(\S+)? *\n([\s\S]+?)\s*\1 *(?:\n *)+\n?/,m=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,g=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,h=/^(?:\n *)*\n/,y=/\r\n?/g,k=/^\[\^([^\]]+)](:.*)\n/,v=/^\[\^([^\]]+)]/,x=/\f/g,b=/^\s*?\[(x|\s)\]/,H=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,A=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,I=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,S=/&([a-z]+);/g,w=/^<!--[\s\S]*?(?:-->)/,M=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,O=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,E=/^\{.*\}$/,$=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,C=/^<([^ >]+@[^ >]+)>/,G=/^<([^ >]+:\/[^ >]+)>/,L=/ *\n+$/,T=/(?:^|\n)( *)$/,z=/-([a-z])?/gi,X=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,R=/^((?:[^\n]|\n(?! *\n))+)(?:\n *)+\n/,W=/^\[([^\]]*)\]:\s*(\S+)\s*("([^"]*)")?/,_=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,j=/^\[([^\]]*)\] ?\[([^\]]*)\]/,B=/(\[|\])/g,N=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,U=/\t/g,D=/^ *\| */,P=/(^ *\||\| *$)/g,Z=/ *$/,F=/^ *:-+: *$/,q=/^ *:-+ *$/,V=/^ *-+: *$/,K=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,Q=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,J=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,Y=/^\\([^0-9A-Za-z\s])/,ee=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,ne=/(^\n+|\n+$|\s+$)/g,te=/^([ \t]*)/,re=/\\([^0-9A-Z\s])/gi,ae=new RegExp("^( *)((?:[*+-]|\\d+\\.)) +"),ce=new RegExp("( *)((?:[*+-]|\\d+\\.)) +[^\\n]*(?:\\n(?!\\1(?:[*+-]|\\d+\\.) )[^\\n]*)*(\\n|$)","gm"),oe=new RegExp("^( *)((?:[*+-]|\\d+\\.)) [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1(?:[*+-]|\\d+\\.) (?!(?:[*+-]|\\d+\\.) ))\\n*|\\s*\\n*$)"),ie="(?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*",le=new RegExp("^\\[("+ie+")\\]\\(\\s*<?((?:[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),ue=new RegExp("^!\\[("+ie+")\\]\\(\\s*<?((?:[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['\"]([\\s\\S]*?)['\"])?\\s*\\)"),se=[u,m,d,H,A,I,w,O,ce,oe,X,R];function fe(e){return e.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function pe(e){return V.test(e)?"right":F.test(e)?"center":q.test(e)?"left":null}function de(e,n,t){var r=t.inTable;t.inTable=!0;var a=n(e.trim(),t);t.inTable=r;var c=[[]];return a.forEach(function(e,n){"tableSeparator"===e.type?0!==n&&n!==a.length-1&&c.push([]):("text"!==e.type||null!=a[n+1]&&"tableSeparator"!==a[n+1].type||(e.content=e.content.replace(Z,"")),c[c.length-1].push(e))}),c}function me(e,n,t){t.inline=!0;var r=de(e[1],n,t),a=e[2].replace(P,"").split("|").map(pe),c=function(e,n,t){return e.trim().split("\n").map(function(e){return de(e,n,t)})}(e[3],n,t);return t.inline=!1,{align:a,cells:c,header:r,type:"table"}}function ge(e,n){return null==e.align[n]?{}:{textAlign:e.align[n]}}function he(e){return function(n,t){return t.inline?e.exec(n):null}}function ye(e){return function(n,t){return t.inline||t.simple?e.exec(n):null}}function ke(e){return function(n,t){return t.inline||t.simple?null:e.exec(n)}}function ve(e){return function(n){return e.exec(n)}}function xe(e){try{if(decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data):/i))return null}catch(e){return null}return e}function be(e){return e.replace(re,"$1")}function He(e,n,t){var r=t.inline||!1,a=t.simple||!1;t.inline=!0,t.simple=!0;var c=e(n,t);return t.inline=r,t.simple=a,c}function Ae(e,n,t){var r=t.inline||!1,a=t.simple||!1;t.inline=!1,t.simple=!0;var c=e(n,t);return t.inline=r,t.simple=a,c}function Ie(e,n,t){return t.inline=!1,e(n+"\n\n",t)}var Se,we=function(e,n,t){return{content:He(n,e[1],t)}};function Me(){return{}}function Oe(){return null}function Ee(){return[].slice.call(arguments).filter(Boolean).join(" ")}function $e(e,n,t){for(var r=e,a=n.split(".");a.length&&void 0!==(r=r[a[0]]);)a.shift();return r||t}function Ce(e,n){var t=$e(n,e);return t?"function"==typeof t||"object"==typeof t&&"render"in t?t:$e(n,e+".component",e):e}function Ge(P,Z){void 0===Z&&(Z={}),Z.overrides=Z.overrides||{},Z.slugify=Z.slugify||fe,Z.namedCodesToUnicode=Z.namedCodesToUnicode?n({},a,Z.namedCodesToUnicode):a;var F=Z.createElement||react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement;function q(e,t){var r=$e(Z.overrides,e+".props",{});return F.apply(void 0,[Ce(e,Z.overrides),n({},t,r,{className:Ee(null==t?void 0:t.className,r.className)||void 0})].concat([].slice.call(arguments,2)))}function V(n){var t=!1;Z.forceInline?t=!0:Z.forceBlock||(t=!1===N.test(n));var r=Te(Le(t?n:n.replace(ne,"")+"\n\n",{inline:t}));if(null===Z.wrapper)return r;var a,c=Z.wrapper||(t?"span":"div");if(r.length>1||Z.forceWrapper)a=r;else{if(1===r.length)return"string"==typeof(a=r[0])?q("span",{key:"outer"},a):a;a=null}return react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(c,{key:"outer"},a)}function re(n){var a=n.match(o);return a?a.reduce(function(n,a,c){var o=a.indexOf("=");if(-1!==o){var i=function(e){return-1!==e.indexOf("-")&&null===e.match(M)&&(e=e.replace(z,function(e,n){return n.toUpperCase()})),e}(a.slice(0,o)).trim(),l=function(e){return e?(t.test(e.charAt(0))&&(e=e.substr(1)),t.test(e.charAt(e.length-1))&&(e=e.substr(0,e.length-1)),e):""}(a.slice(o+1).trim()),u=r[i]||i,s=n[u]=function(e,n){return"style"===e?n.split(/;\s?/).reduce(function(e,n){var t=n.slice(0,n.indexOf(":"));return e[t.replace(/(-[a-z])/g,function(e){return e[1].toUpperCase()})]=n.slice(t.length+1).trim(),e},{}):"href"===e?xe(n):(n.match(E)&&(n=n.slice(1,n.length-1)),"true"===n||"false"!==n&&n)}(i,l);"string"==typeof s&&(I.test(s)||O.test(s))&&(n[u]=react__WEBPACK_IMPORTED_MODULE_0__["default"].cloneElement(V(s.trim()),{key:c}))}else"style"!==a&&(n[r[a]||a]=!0);return n},{}):void 0}var ie=[],pe={},de={blockQuote:{match:ke(u),order:Se.HIGH,parse:function(e,n,t){return{content:n(e[0].replace(s,""),t)}},react:function(e,n,t){return q("blockquote",{key:t.key},n(e.content,t))}},breakLine:{match:ve(f),order:Se.HIGH,parse:Me,react:function(e,n,t){return q("br",{key:t.key})}},breakThematic:{match:ke(p),order:Se.HIGH,parse:Me,react:function(e,n,t){return q("hr",{key:t.key})}},codeBlock:{match:ke(m),order:Se.MAX,parse:function(e){return{content:e[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),lang:void 0}},react:function(e,n,t){return q("pre",{key:t.key},q("code",{className:e.lang?"lang-"+e.lang:""},e.content))}},codeFenced:{match:ke(d),order:Se.MAX,parse:function(e){return{content:e[3],lang:e[2]||void 0,type:"codeBlock"}}},codeInline:{match:ye(g),order:Se.LOW,parse:function(e){return{content:e[2]}},react:function(e,n,t){return q("code",{key:t.key},e.content)}},footnote:{match:ke(k),order:Se.MAX,parse:function(e){return ie.push({footnote:e[2],identifier:e[1]}),{}},react:Oe},footnoteReference:{match:he(v),order:Se.HIGH,parse:function(e){return{content:e[1],target:"#"+Z.slugify(e[1])}},react:function(e,n,t){return q("a",{key:t.key,href:xe(e.target)},q("sup",{key:t.key},e.content))}},gfmTask:{match:he(b),order:Se.HIGH,parse:function(e){return{completed:"x"===e[1].toLowerCase()}},react:function(e,n,t){return q("input",{checked:e.completed,key:t.key,readOnly:!0,type:"checkbox"})}},heading:{match:ke(H),order:Se.HIGH,parse:function(e,n,t){return{content:He(n,e[2],t),id:Z.slugify(e[2]),level:e[1].length}},react:function(e,n,t){return e.tag="h"+e.level,q(e.tag,{id:e.id,key:t.key},n(e.content,t))}},headingSetext:{match:ke(A),order:Se.MAX,parse:function(e,n,t){return{content:He(n,e[1],t),level:"="===e[2]?1:2,type:"heading"}}},htmlComment:{match:ve(w),order:Se.HIGH,parse:function(){return{}},react:Oe},image:{match:ye(ue),order:Se.HIGH,parse:function(e){return{alt:e[1],target:be(e[2]),title:e[3]}},react:function(e,n,t){return q("img",{key:t.key,alt:e.alt||void 0,title:e.title||void 0,src:xe(e.target)})}},link:{match:he(le),order:Se.LOW,parse:function(e,n,t){return{content:Ae(n,e[1],t),target:be(e[2]),title:e[3]}},react:function(e,n,t){return q("a",{key:t.key,href:xe(e.target),title:e.title},n(e.content,t))}},linkAngleBraceStyleDetector:{match:he(G),order:Se.MAX,parse:function(e){return{content:[{content:e[1],type:"text"}],target:e[1],type:"link"}}},linkBareUrlDetector:{match:function(e,n){return n.inAnchor?null:he($)(e,n)},order:Se.MAX,parse:function(e){return{content:[{content:e[1],type:"text"}],target:e[1],title:void 0,type:"link"}}},linkMailtoDetector:{match:he(C),order:Se.MAX,parse:function(e){var n=e[1],t=e[1];return i.test(t)||(t="mailto:"+t),{content:[{content:n.replace("mailto:",""),type:"text"}],target:t,type:"link"}}},list:{match:function(e,n,t){var r=T.exec(t);return!r||!n._list&&n.inline?null:oe.exec(e=r[1]+e)},order:Se.HIGH,parse:function(e,n,t){var r=e[2],a=r.length>1,c=a?+r:void 0,o=e[0].replace(l,"\n").match(ce),i=!1;return{items:o.map(function(e,r){var a=ae.exec(e)[0].length,c=new RegExp("^ {1,"+a+"}","gm"),l=e.replace(c,"").replace(ae,""),u=r===o.length-1,s=-1!==l.indexOf("\n\n")||u&&i;i=s;var f,p=t.inline,d=t._list;t._list=!0,s?(t.inline=!1,f=l.replace(L,"\n\n")):(t.inline=!0,f=l.replace(L,""));var m=n(f,t);return t.inline=p,t._list=d,m}),ordered:a,start:c}},react:function(e,n,t){return q(e.ordered?"ol":"ul",{key:t.key,start:e.start},e.items.map(function(e,r){return q("li",{key:r},n(e,t))}))}},newlineCoalescer:{match:ke(h),order:Se.LOW,parse:Me,react:function(){return"\n"}},paragraph:{match:ke(R),order:Se.LOW,parse:we,react:function(e,n,t){return q("p",{key:t.key},n(e.content,t))}},ref:{match:he(W),order:Se.MAX,parse:function(e){return pe[e[1]]={target:e[2],title:e[4]},{}},react:Oe},refImage:{match:ye(_),order:Se.MAX,parse:function(e){return{alt:e[1]||void 0,ref:e[2]}},react:function(e,n,t){return q("img",{key:t.key,alt:e.alt,src:xe(pe[e.ref].target),title:pe[e.ref].title})}},refLink:{match:he(j),order:Se.MAX,parse:function(e,n,t){return{content:n(e[1],t),fallbackContent:n(e[0].replace(B,"\\$1"),t),ref:e[2]}},react:function(e,n,t){return pe[e.ref]?q("a",{key:t.key,href:xe(pe[e.ref].target),title:pe[e.ref].title},n(e.content,t)):q("span",{key:t.key},n(e.fallbackContent,t))}},table:{match:ke(X),order:Se.HIGH,parse:me,react:function(e,n,t){return q("table",{key:t.key},q("thead",null,q("tr",null,e.header.map(function(r,a){return q("th",{key:a,style:ge(e,a)},n(r,t))}))),q("tbody",null,e.cells.map(function(r,a){return q("tr",{key:a},r.map(function(r,a){return q("td",{key:a,style:ge(e,a)},n(r,t))}))})))}},tableSeparator:{match:function(e,n){return n.inTable?D.exec(e):null},order:Se.HIGH,parse:function(){return{type:"tableSeparator"}},react:function(){return" | "}},text:{match:ve(ee),order:Se.MIN,parse:function(e){return{content:e[0].replace(S,function(e,n){return Z.namedCodesToUnicode[n]?Z.namedCodesToUnicode[n]:e})}},react:function(e){return e.content}},textBolded:{match:ye(K),order:Se.MED,parse:function(e,n,t){return{content:n(e[2],t)}},react:function(e,n,t){return q("strong",{key:t.key},n(e.content,t))}},textEmphasized:{match:ye(Q),order:Se.LOW,parse:function(e,n,t){return{content:n(e[2],t)}},react:function(e,n,t){return q("em",{key:t.key},n(e.content,t))}},textEscaped:{match:ye(Y),order:Se.HIGH,parse:function(e){return{content:e[1],type:"text"}}},textStrikethroughed:{match:ye(J),order:Se.LOW,parse:we,react:function(e,n,t){return q("del",{key:t.key},n(e.content,t))}}};!0!==Z.disableParsingRawHTML&&(de.htmlBlock={match:ve(I),order:Se.HIGH,parse:function(e,n,t){var r,a=e[3].match(te),o=new RegExp("^"+a[1],"gm"),i=e[3].replace(o,""),l=(r=i,se.some(function(e){return e.test(r)})?Ie:He),u=e[1].toLowerCase(),s=-1!==c.indexOf(u);t.inAnchor=t.inAnchor||"a"===u;var f=s?e[3]:l(n,i,t);return t.inAnchor=!1,{attrs:re(e[2]),content:f,noInnerParse:s,tag:s?u:e[1]}},react:function(e,n,t){return q(e.tag,Object.assign({key:t.key},e.attrs),e.noInnerParse?e.content:n(e.content,t))}},de.htmlSelfClosing={match:ve(O),order:Se.HIGH,parse:function(e){return{attrs:re(e[2]||""),tag:e[1]}},react:function(e,n,t){return q(e.tag,Object.assign({},e.attrs,{key:t.key}))}});var Ge,Le=function(e){var n=Object.keys(e);function t(r,a){for(var c=[],o="";r;)for(var i=0;i<n.length;){var l=n[i],u=e[l],s=u.match(r,a,o);if(s){var f=s[0];r=r.substring(f.length);var p=u.parse(s,t,a);null==p.type&&(p.type=l),c.push(p),o=f;break}i++}return c}return n.sort(function(n,t){var r=e[n].order,a=e[t].order;return r!==a?r-a:n<t?-1:1}),function(e,n){return t(function(e){return e.replace(y,"\n").replace(x,"").replace(U,"    ")}(e),n)}}(de),Te=(Ge=function(e){return function(n,t,r){return e[n.type].react(n,t,r)}}(de),function e(n,t){if(void 0===t&&(t={}),Array.isArray(n)){for(var r=t.key,a=[],c=!1,o=0;o<n.length;o++){t.key=o;var i=e(n[o],t),l="string"==typeof i;l&&c?a[a.length-1]+=i:a.push(i),c=l}return t.key=r,a}return Ge(n,e,t)}),ze=V(P);return ie.length&&ze.props.children.push(q("footer",{key:"footer"},ie.map(function(e){return q("div",{id:Z.slugify(e.identifier),key:e.identifier},e.identifier,Te(Le(e.footnote,{inline:!0})))}))),ze}!function(e){e[e.MAX=0]="MAX",e[e.HIGH=1]="HIGH",e[e.MED=2]="MED",e[e.LOW=3]="LOW",e[e.MIN=4]="MIN"}(Se||(Se={}));/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(n){var t=n.children,r=n.options,a=function(e,n){if(null==e)return{};var t,r,a={},c=Object.keys(e);for(r=0;r<c.length;r++)n.indexOf(t=c[r])>=0||(a[t]=e[t]);return a}(n,["children","options"]);return react__WEBPACK_IMPORTED_MODULE_0__["default"].cloneElement(Ge(t,r),a)}
+//# sourceMappingURL=index.module.js.map
+
+
+/***/ }),
+
+/***/ "./resources/css/app.css":
+/*!*******************************!*\
+  !*** ./resources/css/app.css ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
+
+
+/***/ }),
+
+/***/ "./node_modules/preact/compat/dist/compat.module.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/preact/compat/dist/compat.module.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useCallback": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback),
+/* harmony export */   "useContext": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useContext),
+/* harmony export */   "useDebugValue": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useDebugValue),
+/* harmony export */   "useEffect": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useEffect),
+/* harmony export */   "useErrorBoundary": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useErrorBoundary),
+/* harmony export */   "useImperativeHandle": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle),
+/* harmony export */   "useLayoutEffect": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect),
+/* harmony export */   "useMemo": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useMemo),
+/* harmony export */   "useReducer": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useReducer),
+/* harmony export */   "useRef": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useRef),
+/* harmony export */   "useState": () => (/* reexport safe */ preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useState),
+/* harmony export */   "createElement": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_1__.createElement),
+/* harmony export */   "createContext": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_1__.createContext),
+/* harmony export */   "createRef": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_1__.createRef),
+/* harmony export */   "Fragment": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_1__.Fragment),
+/* harmony export */   "Component": () => (/* reexport safe */ preact__WEBPACK_IMPORTED_MODULE_1__.Component),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "version": () => (/* binding */ nn),
+/* harmony export */   "Children": () => (/* binding */ k),
+/* harmony export */   "render": () => (/* binding */ B),
+/* harmony export */   "hydrate": () => (/* binding */ H),
+/* harmony export */   "unmountComponentAtNode": () => (/* binding */ un),
+/* harmony export */   "createPortal": () => (/* binding */ W),
+/* harmony export */   "createFactory": () => (/* binding */ tn),
+/* harmony export */   "cloneElement": () => (/* binding */ rn),
+/* harmony export */   "isValidElement": () => (/* binding */ en),
+/* harmony export */   "findDOMNode": () => (/* binding */ on),
+/* harmony export */   "PureComponent": () => (/* binding */ E),
+/* harmony export */   "memo": () => (/* binding */ g),
+/* harmony export */   "forwardRef": () => (/* binding */ x),
+/* harmony export */   "flushSync": () => (/* binding */ cn),
+/* harmony export */   "unstable_batchedUpdates": () => (/* binding */ ln),
+/* harmony export */   "StrictMode": () => (/* binding */ fn),
+/* harmony export */   "Suspense": () => (/* binding */ L),
+/* harmony export */   "SuspenseList": () => (/* binding */ M),
+/* harmony export */   "lazy": () => (/* binding */ F),
+/* harmony export */   "__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED": () => (/* binding */ X)
+/* harmony export */ });
+/* harmony import */ var preact_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact/hooks */ "./node_modules/preact/hooks/dist/hooks.module.js");
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+function S(n,t){for(var e in t)n[e]=t[e];return n}function C(n,t){for(var e in n)if("__source"!==e&&!(e in t))return!0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return!0;return!1}function E(n){this.props=n}function g(n,t){function e(n){var e=this.props.ref,r=e==n.ref;return!r&&e&&(e.call?e(null):e.current=null),t?!t(this.props,n)||!r:C(this.props,n)}function r(t){return this.shouldComponentUpdate=e,(0,preact__WEBPACK_IMPORTED_MODULE_1__.createElement)(n,t)}return r.displayName="Memo("+(n.displayName||n.name)+")",r.prototype.isReactComponent=!0,r.__f=!0,r}(E.prototype=new preact__WEBPACK_IMPORTED_MODULE_1__.Component).isPureReactComponent=!0,E.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var w=preact__WEBPACK_IMPORTED_MODULE_1__.options.__b;preact__WEBPACK_IMPORTED_MODULE_1__.options.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),w&&w(n)};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function x(n){function t(t,e){var r=S({},t);return delete r.ref,n(r,(e=t.ref||e)&&("object"!=typeof e||"current"in e)?e:null)}return t.$$typeof=R,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var N=function(n,t){return null==n?null:(0,preact__WEBPACK_IMPORTED_MODULE_1__.toChildArray)((0,preact__WEBPACK_IMPORTED_MODULE_1__.toChildArray)(n).map(t))},k={map:N,forEach:N,count:function(n){return n?(0,preact__WEBPACK_IMPORTED_MODULE_1__.toChildArray)(n).length:0},only:function(n){var t=(0,preact__WEBPACK_IMPORTED_MODULE_1__.toChildArray)(n);if(1!==t.length)throw"Children.only";return t[0]},toArray:preact__WEBPACK_IMPORTED_MODULE_1__.toChildArray},A=preact__WEBPACK_IMPORTED_MODULE_1__.options.__e;preact__WEBPACK_IMPORTED_MODULE_1__.options.__e=function(n,t,e){if(n.then)for(var r,u=t;u=u.__;)if((r=u.__c)&&r.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),r.__c(n,t);A(n,t,e)};var O=preact__WEBPACK_IMPORTED_MODULE_1__.options.unmount;function L(){this.__u=0,this.t=null,this.__b=null}function U(n){var t=n.__.__c;return t&&t.__e&&t.__e(n)}function F(n){var t,e,r;function u(u){if(t||(t=n()).then(function(n){e=n.default||n},function(n){r=n}),r)throw r;if(!e)throw t;return (0,preact__WEBPACK_IMPORTED_MODULE_1__.createElement)(e,u)}return u.displayName="Lazy",u.__f=!0,u}function M(){this.u=null,this.o=null}preact__WEBPACK_IMPORTED_MODULE_1__.options.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),O&&O(n)},(L.prototype=new preact__WEBPACK_IMPORTED_MODULE_1__.Component).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=U(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l())};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__e){var n=r.state.__e;r.__v.__k[0]=function n(t,e,r){return t&&(t.__v=null,t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)}),t.__c&&t.__c.__P===e&&(t.__e&&r.insertBefore(t.__e,t.__d),t.__c.__e=!0,t.__c.__P=r)),t}(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__e:r.__b=null});t=r.t.pop();)t.forceUpdate()}},c=!0===t.__h;r.__u++||c||r.setState({__e:r.__b=r.__v.__k[0]}),n.then(i,i)},L.prototype.componentWillUnmount=function(){this.t=[]},L.prototype.render=function(n,t){if(this.__b){if(this.__v.__k){var e=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=function n(t,e,r){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c()}),t.__c.__H=null),null!=(t=S({},t)).__c&&(t.__c.__P===r&&(t.__c.__P=e),t.__c=null),t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)})),t}(this.__b,e,r.__O=r.__P)}this.__b=null}var u=t.__e&&(0,preact__WEBPACK_IMPORTED_MODULE_1__.createElement)(preact__WEBPACK_IMPORTED_MODULE_1__.Fragment,null,n.fallback);return u&&(u.__h=null),[(0,preact__WEBPACK_IMPORTED_MODULE_1__.createElement)(preact__WEBPACK_IMPORTED_MODULE_1__.Fragment,null,t.__e?null:n.children),u]};var T=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2]}};function D(n){return this.getChildContext=function(){return n.context},n.children}function I(n){var t=this,e=n.i;t.componentWillUnmount=function(){(0,preact__WEBPACK_IMPORTED_MODULE_1__.render)(null,t.l),t.l=null,t.i=null},t.i&&t.i!==e&&t.componentWillUnmount(),n.__v?(t.l||(t.i=e,t.l={nodeType:1,parentNode:e,childNodes:[],appendChild:function(n){this.childNodes.push(n),t.i.appendChild(n)},insertBefore:function(n,e){this.childNodes.push(n),t.i.appendChild(n)},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),t.i.removeChild(n)}}),(0,preact__WEBPACK_IMPORTED_MODULE_1__.render)((0,preact__WEBPACK_IMPORTED_MODULE_1__.createElement)(D,{context:t.context},n.__v),t.l)):t.l&&t.componentWillUnmount()}function W(n,t){return (0,preact__WEBPACK_IMPORTED_MODULE_1__.createElement)(I,{__v:n,i:t})}(M.prototype=new preact__WEBPACK_IMPORTED_MODULE_1__.Component).__e=function(n){var t=this,e=U(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),T(t,n,r)):u()};e?e(o):o()}},M.prototype.render=function(n){this.u=null,this.o=new Map;var t=(0,preact__WEBPACK_IMPORTED_MODULE_1__.toChildArray)(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},M.prototype.componentDidUpdate=M.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){T(n,e,t)})};var j="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,P=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,V="undefined"!=typeof document,z=function(n){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(n)};function B(n,t,e){return null==t.__k&&(t.textContent=""),(0,preact__WEBPACK_IMPORTED_MODULE_1__.render)(n,t),"function"==typeof e&&e(),n?n.__c:null}function H(n,t,e){return (0,preact__WEBPACK_IMPORTED_MODULE_1__.hydrate)(n,t),"function"==typeof e&&e(),n?n.__c:null}preact__WEBPACK_IMPORTED_MODULE_1__.Component.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(n){Object.defineProperty(preact__WEBPACK_IMPORTED_MODULE_1__.Component.prototype,n,{configurable:!0,get:function(){return this["UNSAFE_"+n]},set:function(t){Object.defineProperty(this,n,{configurable:!0,writable:!0,value:t})}})});var Z=preact__WEBPACK_IMPORTED_MODULE_1__.options.event;function Y(){}function $(){return this.cancelBubble}function q(){return this.defaultPrevented}preact__WEBPACK_IMPORTED_MODULE_1__.options.event=function(n){return Z&&(n=Z(n)),n.persist=Y,n.isPropagationStopped=$,n.isDefaultPrevented=q,n.nativeEvent=n};var G,J={configurable:!0,get:function(){return this.class}},K=preact__WEBPACK_IMPORTED_MODULE_1__.options.vnode;preact__WEBPACK_IMPORTED_MODULE_1__.options.vnode=function(n){var t=n.type,e=n.props,r=e;if("string"==typeof t){var u=-1===t.indexOf("-");for(var o in r={},e){var i=e[o];V&&"children"===o&&"noscript"===t||"value"===o&&"defaultValue"in e&&null==i||("defaultValue"===o&&"value"in e&&null==e.value?o="value":"download"===o&&!0===i?i="":/ondoubleclick/i.test(o)?o="ondblclick":/^onchange(textarea|input)/i.test(o+t)&&!z(e.type)?o="oninput":/^on(Ani|Tra|Tou|BeforeInp)/.test(o)?o=o.toLowerCase():u&&P.test(o)?o=o.replace(/[A-Z0-9]/,"-$&").toLowerCase():null===i&&(i=void 0),r[o]=i)}"select"==t&&r.multiple&&Array.isArray(r.value)&&(r.value=(0,preact__WEBPACK_IMPORTED_MODULE_1__.toChildArray)(e.children).forEach(function(n){n.props.selected=-1!=r.value.indexOf(n.props.value)})),"select"==t&&null!=r.defaultValue&&(r.value=(0,preact__WEBPACK_IMPORTED_MODULE_1__.toChildArray)(e.children).forEach(function(n){n.props.selected=r.multiple?-1!=r.defaultValue.indexOf(n.props.value):r.defaultValue==n.props.value})),n.props=r}t&&e.class!=e.className&&(J.enumerable="className"in e,null!=e.className&&(r.class=e.className),Object.defineProperty(r,"className",J)),n.$$typeof=j,K&&K(n)};var Q=preact__WEBPACK_IMPORTED_MODULE_1__.options.__r;preact__WEBPACK_IMPORTED_MODULE_1__.options.__r=function(n){Q&&Q(n),G=n.__c};var X={ReactCurrentDispatcher:{current:{readContext:function(n){return G.__n[n.__c].props.value}}}},nn="17.0.2";function tn(n){return preact__WEBPACK_IMPORTED_MODULE_1__.createElement.bind(null,n)}function en(n){return!!n&&n.$$typeof===j}function rn(n){return en(n)?preact__WEBPACK_IMPORTED_MODULE_1__.cloneElement.apply(null,arguments):n}function un(n){return!!n.__k&&((0,preact__WEBPACK_IMPORTED_MODULE_1__.render)(null,n),!0)}function on(n){return n&&(n.base||1===n.nodeType&&n)||null}var ln=function(n,t){return n(t)},cn=function(n,t){return n(t)},fn=preact__WEBPACK_IMPORTED_MODULE_1__.Fragment;/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({useState:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useState,useReducer:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useReducer,useEffect:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useEffect,useLayoutEffect:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect,useRef:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useRef,useImperativeHandle:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle,useMemo:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useMemo,useCallback:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useCallback,useContext:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useContext,useDebugValue:preact_hooks__WEBPACK_IMPORTED_MODULE_0__.useDebugValue,version:"17.0.2",Children:k,render:B,hydrate:H,unmountComponentAtNode:un,createPortal:W,createElement:preact__WEBPACK_IMPORTED_MODULE_1__.createElement,createContext:preact__WEBPACK_IMPORTED_MODULE_1__.createContext,createFactory:tn,cloneElement:rn,createRef:preact__WEBPACK_IMPORTED_MODULE_1__.createRef,Fragment:preact__WEBPACK_IMPORTED_MODULE_1__.Fragment,isValidElement:en,findDOMNode:on,Component:preact__WEBPACK_IMPORTED_MODULE_1__.Component,PureComponent:E,memo:g,forwardRef:x,flushSync:cn,unstable_batchedUpdates:ln,StrictMode:preact__WEBPACK_IMPORTED_MODULE_1__.Fragment,Suspense:L,SuspenseList:M,lazy:F,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:X});
+//# sourceMappingURL=compat.module.js.map
+
+
+/***/ }),
+
+/***/ "./node_modules/preact/dist/preact.module.js":
+/*!***************************************************!*\
+  !*** ./node_modules/preact/dist/preact.module.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "render": () => (/* binding */ S),
+/* harmony export */   "hydrate": () => (/* binding */ q),
+/* harmony export */   "createElement": () => (/* binding */ v),
+/* harmony export */   "h": () => (/* binding */ v),
+/* harmony export */   "Fragment": () => (/* binding */ d),
+/* harmony export */   "createRef": () => (/* binding */ p),
+/* harmony export */   "isValidElement": () => (/* binding */ i),
+/* harmony export */   "Component": () => (/* binding */ _),
+/* harmony export */   "cloneElement": () => (/* binding */ B),
+/* harmony export */   "createContext": () => (/* binding */ D),
+/* harmony export */   "toChildArray": () => (/* binding */ A),
+/* harmony export */   "options": () => (/* binding */ l)
+/* harmony export */ });
+var n,l,u,i,t,r,o,f,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n)}function v(l,u,i){var t,r,o,f={};for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===f[o]&&(f[o]=l.defaultProps[o]);return y(l,f,t,r,null)}function y(n,i,t,r,o){var f={type:n,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++u:o};return null==o&&null!=l.vnode&&l.vnode(f),f}function p(){return{current:null}}function d(n){return n.children}function _(n,l){this.props=n,this.context=l}function k(n,l){if(null==l)return n.__?k(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?k(n):null}function b(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(g)}function g(){for(var n;g.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,r,o;n.__d&&(r=(t=(l=n).__v).__e,(o=l.__P)&&(u=[],(i=a({},t)).__v=t.__v+1,j(o,t,i,l.__n,void 0!==o.ownerSVGElement,null!=t.__h?[r]:null,u,null==r?k(t):r,t.__h),z(u,t),t.__e!=r&&b(t)))})}function w(n,l,u,i,t,r,o,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y(null,_,null,null,_):Array.isArray(_)?y(d,{children:_},null,null,null):_.__b>0?y(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null}j(n,_,p=p||e,t,r,o,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x(_,s,n):s=P(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k(p))}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M(g[h],g[++h],g[++h])}function x(n,l,u){for(var i,t=n.__k,r=0;t&&r<t.length;r++)(i=t[r])&&(i.__=n,l="function"==typeof i.type?x(i,l,u):P(u,i,i,t,i.__e,l));return l}function A(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){A(n,l)}):l.push(n)),l}function P(n,l,u,i,t,r){var o,f,e;if(void 0!==l.__d)o=l.__d,l.__d=void 0;else if(null==u||t!=r||null==t.parentNode)n:if(null==r||r.parentNode!==n)n.appendChild(t),o=null;else{for(f=r,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,r),o=r}return void 0!==o?o:t.nextSibling}function C(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||H(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||H(n,r,l[r],u[r],i)}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s.test(l)?u:u+"px"}function H(n,l,u,i,t){var r;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l])}else if("o"===l[0]&&"n"===l[1])r=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?i||n.addEventListener(l,r?T:I,r):n.removeEventListener(l,r?T:I,r);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l))}}function I(n){this.l[n.type+!1](l.event?l.event(n):n)}function T(n){this.l[n.type+!0](l.event?l.event(n):n)}function j(n,u,i,t,r,o,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,o=[e]),(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _(m,x),h.constructor=P,h.render=O),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a({},h.__s)),a(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u)}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k)})}h.context=x,h.props=m,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a(a({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d&&null==s.key?s.props.children:s,w(n,Array.isArray(A)?A:[A],u,i,t,r,o,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,r,o,f,c);(s=l.diffed)&&s(u)}catch(n){u.__v=null,(c||null!=o)&&(u.__e=e,u.__h=!!c,o[o.indexOf(e)]=null),l.__e(n,u,i)}}function z(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function L(l,u,i,t,r,o,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&(s===l||(d?s.localName==d:3==s.nodeType))){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,c=!1}if(null===d)y===p||c&&l.data===p||(l.data=p);else{if(o=o&&n.call(l.childNodes),a=(y=i.props||e).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=o)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""))}if(C(l,p,y,r,c),v)u.__k=[];else if(_=u.props.children,w(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&k(i,0),c),null!=o)for(_=o.length;_--;)null!=o[_]&&h(o[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_)&&H(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H(l,"checked",_,y.checked,!1))}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u}catch(n){l.__e(n,i)}}function N(n,u,i){var t,r;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount()}catch(n){l.__e(n,u)}t.base=t.__P=null}if(t=n.__k)for(r=0;r<t.length;r++)t[r]&&N(t[r],u,"function"!=typeof n.type);i||null==n.__e||h(n.__e),n.__e=n.__d=void 0}function O(n,l,u){return this.constructor(n,u)}function S(u,i,t){var r,o,f;l.__&&l.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j(i,u=(!r&&t||i).__k=v(d,null,[u]),o||e,e,void 0!==i.ownerSVGElement,!r&&t?[t]:o?null:i.firstChild?n.call(i.childNodes):null,f,!r&&t?t:o?o.__e:i.firstChild,r),z(f,u)}function q(n,l){S(n,l,q)}function B(l,u,i){var t,r,o,f=a({},l.props);for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];return arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),y(l.type,f,t||l.key,r||l.ref,null)}function D(n,l){var u={__c:l="__cC"+f++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(m)},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=c.slice,l={__e:function(n,l){for(var u,i,t;l=l.__;)if((u=l.__c)&&!u.__)try{if((i=u.constructor)&&null!=i.getDerivedStateFromError&&(u.setState(i.getDerivedStateFromError(n)),t=u.__d),null!=u.componentDidCatch&&(u.componentDidCatch(n),t=u.__d),t)return u.__E=u}catch(l){n=l}throw n}},u=0,i=function(n){return null!=n&&void 0===n.constructor},_.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a({},this.state),"function"==typeof n&&(n=n(a({},u),this.props)),n&&a(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m(this))},_.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this))},_.prototype.render=d,t=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g.__r=0,f=0;
+//# sourceMappingURL=preact.module.js.map
+
+
+/***/ }),
+
+/***/ "./node_modules/preact/hooks/dist/hooks.module.js":
+/*!********************************************************!*\
+  !*** ./node_modules/preact/hooks/dist/hooks.module.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useState": () => (/* binding */ l),
+/* harmony export */   "useReducer": () => (/* binding */ p),
+/* harmony export */   "useEffect": () => (/* binding */ y),
+/* harmony export */   "useLayoutEffect": () => (/* binding */ h),
+/* harmony export */   "useRef": () => (/* binding */ s),
+/* harmony export */   "useImperativeHandle": () => (/* binding */ _),
+/* harmony export */   "useMemo": () => (/* binding */ A),
+/* harmony export */   "useCallback": () => (/* binding */ F),
+/* harmony export */   "useContext": () => (/* binding */ T),
+/* harmony export */   "useDebugValue": () => (/* binding */ d),
+/* harmony export */   "useErrorBoundary": () => (/* binding */ q)
+/* harmony export */ });
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.module.js");
+var t,u,r,o=0,i=[],c=preact__WEBPACK_IMPORTED_MODULE_0__.options.__b,f=preact__WEBPACK_IMPORTED_MODULE_0__.options.__r,e=preact__WEBPACK_IMPORTED_MODULE_0__.options.diffed,a=preact__WEBPACK_IMPORTED_MODULE_0__.options.__c,v=preact__WEBPACK_IMPORTED_MODULE_0__.options.unmount;function m(t,r){preact__WEBPACK_IMPORTED_MODULE_0__.options.__h&&preact__WEBPACK_IMPORTED_MODULE_0__.options.__h(u,t,o||r),o=0;var i=u.__H||(u.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function l(n){return o=1,p(w,n)}function p(n,r,o){var i=m(t++,2);return i.t=n,i.__c||(i.__=[o?o(r):w(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}))}],i.__c=u),i.__}function y(r,o){var i=m(t++,3);!preact__WEBPACK_IMPORTED_MODULE_0__.options.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__H.__h.push(i))}function h(r,o){var i=m(t++,4);!preact__WEBPACK_IMPORTED_MODULE_0__.options.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__h.push(i))}function s(n){return o=5,A(function(){return{current:n}},[])}function _(n,t,u){o=6,h(function(){"function"==typeof n?n(t()):n&&(n.current=t())},null==u?u:u.concat(n))}function A(n,u){var r=m(t++,7);return k(r.__H,u)&&(r.__=n(),r.__H=u,r.__h=n),r.__}function F(n,t){return o=8,A(function(){return n},t)}function T(n){var r=u.context[n.__c],o=m(t++,9);return o.c=n,r?(null==o.__&&(o.__=!0,r.sub(u)),r.props.value):n.__}function d(t,u){preact__WEBPACK_IMPORTED_MODULE_0__.options.useDebugValue&&preact__WEBPACK_IMPORTED_MODULE_0__.options.useDebugValue(u?u(t):t)}function q(n){var r=m(t++,10),o=l();return r.__=n,u.componentDidCatch||(u.componentDidCatch=function(n){r.__&&r.__(n),o[1](n)}),[o[0],function(){o[1](void 0)}]}function x(){i.forEach(function(t){if(t.__P)try{t.__H.__h.forEach(g),t.__H.__h.forEach(j),t.__H.__h=[]}catch(u){t.__H.__h=[],preact__WEBPACK_IMPORTED_MODULE_0__.options.__e(u,t.__v)}}),i=[]}preact__WEBPACK_IMPORTED_MODULE_0__.options.__b=function(n){u=null,c&&c(n)},preact__WEBPACK_IMPORTED_MODULE_0__.options.__r=function(n){f&&f(n),t=0;var r=(u=n.__c).__H;r&&(r.__h.forEach(g),r.__h.forEach(j),r.__h=[])},preact__WEBPACK_IMPORTED_MODULE_0__.options.diffed=function(t){e&&e(t);var o=t.__c;o&&o.__H&&o.__H.__h.length&&(1!==i.push(o)&&r===preact__WEBPACK_IMPORTED_MODULE_0__.options.requestAnimationFrame||((r=preact__WEBPACK_IMPORTED_MODULE_0__.options.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),b&&cancelAnimationFrame(t),setTimeout(n)},r=setTimeout(u,100);b&&(t=requestAnimationFrame(u))})(x)),u=null},preact__WEBPACK_IMPORTED_MODULE_0__.options.__c=function(t,u){u.some(function(t){try{t.__h.forEach(g),t.__h=t.__h.filter(function(n){return!n.__||j(n)})}catch(r){u.some(function(n){n.__h&&(n.__h=[])}),u=[],preact__WEBPACK_IMPORTED_MODULE_0__.options.__e(r,t.__v)}}),a&&a(t,u)},preact__WEBPACK_IMPORTED_MODULE_0__.options.unmount=function(t){v&&v(t);var u=t.__c;if(u&&u.__H)try{u.__H.__.forEach(g)}catch(t){preact__WEBPACK_IMPORTED_MODULE_0__.options.__e(t,u.__v)}};var b="function"==typeof requestAnimationFrame;function g(n){var t=u;"function"==typeof n.__c&&n.__c(),u=t}function j(n){var t=u;n.__c=n.__(),u=t}function k(n,t){return!n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function w(n,t){return"function"==typeof t?t(n):t}
+//# sourceMappingURL=hooks.module.js.map
+
+
+/***/ }),
+
+/***/ "./node_modules/react-content-loader/dist/react-content-loader.es.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/react-content-loader/dist/react-content-loader.es.js ***!
+  \***************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "BulletList": () => (/* binding */ ReactContentLoaderBulletList),
+/* harmony export */   "Code": () => (/* binding */ ReactContentLoaderCode),
+/* harmony export */   "Facebook": () => (/* binding */ ReactContentLoaderFacebook),
+/* harmony export */   "Instagram": () => (/* binding */ ReactContentLoaderInstagram),
+/* harmony export */   "List": () => (/* binding */ ReactContentLoaderListStyle)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var uid = (function () {
+    return Math.random()
+        .toString(36)
+        .substring(6);
+});
+
+var SVG = function (_a) {
+    var animate = _a.animate, backgroundColor = _a.backgroundColor, backgroundOpacity = _a.backgroundOpacity, baseUrl = _a.baseUrl, children = _a.children, foregroundColor = _a.foregroundColor, foregroundOpacity = _a.foregroundOpacity, gradientRatio = _a.gradientRatio, uniqueKey = _a.uniqueKey, interval = _a.interval, rtl = _a.rtl, speed = _a.speed, style = _a.style, title = _a.title, props = __rest(_a, ["animate", "backgroundColor", "backgroundOpacity", "baseUrl", "children", "foregroundColor", "foregroundOpacity", "gradientRatio", "uniqueKey", "interval", "rtl", "speed", "style", "title"]);
+    var fixedId = uniqueKey || uid();
+    var idClip = fixedId + "-diff";
+    var idGradient = fixedId + "-animated-diff";
+    var idAria = fixedId + "-aria";
+    var rtlStyle = rtl ? { transform: 'scaleX(-1)' } : null;
+    var keyTimes = "0; " + interval + "; 1";
+    var dur = speed + "s";
+    return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", __assign({ "aria-labelledby": idAria, role: "img", style: __assign(__assign({}, style), rtlStyle) }, props),
+        title ? (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("title", { id: idAria }, title) : null,
+        (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { role: "presentation", x: "0", y: "0", width: "100%", height: "100%", clipPath: "url(" + baseUrl + "#" + idClip + ")", style: { fill: "url(" + baseUrl + "#" + idGradient + ")" } }),
+        (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("defs", null,
+            (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("clipPath", { id: idClip }, children),
+            (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("linearGradient", { id: idGradient },
+                (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("stop", { offset: "0%", stopColor: backgroundColor, stopOpacity: backgroundOpacity }, animate && ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("animate", { attributeName: "offset", values: -gradientRatio + "; " + -gradientRatio + "; 1", keyTimes: keyTimes, dur: dur, repeatCount: "indefinite" }))),
+                (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("stop", { offset: "50%", stopColor: foregroundColor, stopOpacity: foregroundOpacity }, animate && ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("animate", { attributeName: "offset", values: -gradientRatio / 2 + "; " + -gradientRatio / 2 + "; " + (1 +
+                        gradientRatio / 2), keyTimes: keyTimes, dur: dur, repeatCount: "indefinite" }))),
+                (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("stop", { offset: "100%", stopColor: backgroundColor, stopOpacity: backgroundOpacity }, animate && ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("animate", { attributeName: "offset", values: "0; 0; " + (1 + gradientRatio), keyTimes: keyTimes, dur: dur, repeatCount: "indefinite" })))))));
+};
+SVG.defaultProps = {
+    animate: true,
+    backgroundColor: '#f5f6f7',
+    backgroundOpacity: 1,
+    baseUrl: '',
+    foregroundColor: '#eee',
+    foregroundOpacity: 1,
+    gradientRatio: 2,
+    id: null,
+    interval: 0.25,
+    rtl: false,
+    speed: 1.2,
+    style: {},
+    title: 'Loading...',
+};
+
+var ContentLoader = function (props) {
+    return props.children ? (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(SVG, __assign({}, props)) : (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ReactContentLoaderFacebook, __assign({}, props));
+};
+
+var ReactContentLoaderFacebook = function (props) { return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ContentLoader, __assign({ viewBox: "0 0 476 124" }, props),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "48", y: "8", width: "88", height: "6", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "48", y: "26", width: "52", height: "6", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "0", y: "56", width: "410", height: "6", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "0", y: "72", width: "380", height: "6", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "0", y: "88", width: "178", height: "6", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("circle", { cx: "20", cy: "20", r: "20" }))); };
+
+var ReactContentLoaderInstagram = function (props) { return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ContentLoader, __assign({ viewBox: "0 0 400 460" }, props),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("circle", { cx: "31", cy: "31", r: "15" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "58", y: "18", rx: "2", ry: "2", width: "140", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "58", y: "34", rx: "2", ry: "2", width: "140", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "0", y: "60", rx: "2", ry: "2", width: "400", height: "400" }))); };
+
+var ReactContentLoaderCode = function (props) { return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ContentLoader, __assign({ viewBox: "0 0 340 84" }, props),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "0", y: "0", width: "67", height: "11", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "76", y: "0", width: "140", height: "11", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "127", y: "48", width: "53", height: "11", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "187", y: "48", width: "72", height: "11", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "18", y: "48", width: "100", height: "11", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "0", y: "71", width: "37", height: "11", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "18", y: "23", width: "140", height: "11", rx: "3" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "166", y: "23", width: "173", height: "11", rx: "3" }))); };
+
+var ReactContentLoaderListStyle = function (props) { return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ContentLoader, __assign({ viewBox: "0 0 400 110" }, props),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "0", y: "0", rx: "3", ry: "3", width: "250", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "20", y: "20", rx: "3", ry: "3", width: "220", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "20", y: "40", rx: "3", ry: "3", width: "170", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "0", y: "60", rx: "3", ry: "3", width: "250", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "20", y: "80", rx: "3", ry: "3", width: "200", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "20", y: "100", rx: "3", ry: "3", width: "80", height: "10" }))); };
+
+var ReactContentLoaderBulletList = function (props) { return ((0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(ContentLoader, __assign({ viewBox: "0 0 245 125" }, props),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("circle", { cx: "10", cy: "20", r: "8" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "25", y: "15", rx: "5", ry: "5", width: "220", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("circle", { cx: "10", cy: "50", r: "8" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "25", y: "45", rx: "5", ry: "5", width: "220", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("circle", { cx: "10", cy: "80", r: "8" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "25", y: "75", rx: "5", ry: "5", width: "220", height: "10" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("circle", { cx: "10", cy: "110", r: "8" }),
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)("rect", { x: "25", y: "105", rx: "5", ry: "5", width: "220", height: "10" }))); };
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContentLoader);
+
+//# sourceMappingURL=react-content-loader.es.js.map
+
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/AcademicCapIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/AcademicCapIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function AcademicCapIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10.394 2.08a1 1 0 00-.788 0l-7 3a1 1 0 000 1.84L5.25 8.051a.999.999 0 01.356-.257l4-1.714a1 1 0 11.788 1.838L7.667 9.088l1.94.831a1 1 0 00.787 0l7-3a1 1 0 000-1.838l-7-3zM3.31 9.397L5 10.12v4.102a8.969 8.969 0 00-1.05-.174 1 1 0 01-.89-.89 11.115 11.115 0 01.25-3.762zM9.3 16.573A9.026 9.026 0 007 14.935v-3.957l1.818.78a3 3 0 002.364 0l5.508-2.361a11.026 11.026 0 01.25 3.762 1 1 0 01-.89.89 8.968 8.968 0 00-5.35 2.524 1 1 0 01-1.4 0zM6 18a1 1 0 001-1v-2.065a8.935 8.935 0 00-2-.712V17a1 1 0 001 1z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AcademicCapIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/AdjustmentsIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/AdjustmentsIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function AdjustmentsIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AdjustmentsIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/AnnotationIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/AnnotationIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function AnnotationIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AnnotationIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArchiveIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArchiveIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArchiveIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M4 3a2 2 0 100 4h12a2 2 0 100-4H4z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 8h14v7a2 2 0 01-2 2H5a2 2 0 01-2-2V8zm5 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArchiveIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowCircleDownIcon.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowCircleDownIcon.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowCircleDownIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v3.586L7.707 9.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 10.586V7z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowCircleDownIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowCircleLeftIcon.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowCircleLeftIcon.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowCircleLeftIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm.707-10.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L9.414 11H13a1 1 0 100-2H9.414l1.293-1.293z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowCircleLeftIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowCircleRightIcon.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowCircleRightIcon.js ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowCircleRightIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowCircleRightIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowCircleUpIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowCircleUpIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowCircleUpIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13a1 1 0 102 0V9.414l1.293 1.293a1 1 0 001.414-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowCircleUpIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowDownIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowDownIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowDownIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l4.293-4.293a1 1 0 011.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowDownIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowLeftIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowLeftIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowLeftIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowLeftIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowNarrowDownIcon.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowNarrowDownIcon.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowNarrowDownIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowNarrowDownIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowNarrowLeftIcon.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowNarrowLeftIcon.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowNarrowLeftIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowNarrowLeftIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowNarrowRightIcon.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowNarrowRightIcon.js ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowNarrowRightIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowNarrowRightIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowNarrowUpIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowNarrowUpIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowNarrowUpIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowNarrowUpIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowRightIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowRightIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowRightIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowRightIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowSmDownIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowSmDownIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowSmDownIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowSmDownIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowSmLeftIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowSmLeftIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowSmLeftIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L7.414 9H15a1 1 0 110 2H7.414l2.293 2.293a1 1 0 010 1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowSmLeftIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowSmRightIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowSmRightIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowSmRightIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowSmRightIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowSmUpIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowSmUpIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowSmUpIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowSmUpIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowUpIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowUpIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowUpIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowUpIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ArrowsExpandIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ArrowsExpandIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ArrowsExpandIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 4a1 1 0 011-1h4a1 1 0 010 2H6.414l2.293 2.293a1 1 0 01-1.414 1.414L5 6.414V8a1 1 0 01-2 0V4zm9 1a1 1 0 110-2h4a1 1 0 011 1v4a1 1 0 11-2 0V6.414l-2.293 2.293a1 1 0 11-1.414-1.414L13.586 5H12zm-9 7a1 1 0 112 0v1.586l2.293-2.293a1 1 0 011.414 1.414L6.414 15H8a1 1 0 110 2H4a1 1 0 01-1-1v-4zm13-1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 110-2h1.586l-2.293-2.293a1 1 0 011.414-1.414L15 13.586V12a1 1 0 011-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ArrowsExpandIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/AtSymbolIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/AtSymbolIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function AtSymbolIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.243 5.757a6 6 0 10-.986 9.284 1 1 0 111.087 1.678A8 8 0 1118 10a3 3 0 01-4.8 2.401A4 4 0 1114 10a1 1 0 102 0c0-1.537-.586-3.07-1.757-4.243zM12 10a2 2 0 10-4 0 2 2 0 004 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AtSymbolIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/BackspaceIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/BackspaceIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function BackspaceIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.707 4.879A3 3 0 018.828 4H15a3 3 0 013 3v6a3 3 0 01-3 3H8.828a3 3 0 01-2.12-.879l-4.415-4.414a1 1 0 010-1.414l4.414-4.414zm4 2.414a1 1 0 00-1.414 1.414L10.586 10l-1.293 1.293a1 1 0 101.414 1.414L12 11.414l1.293 1.293a1 1 0 001.414-1.414L13.414 10l1.293-1.293a1 1 0 00-1.414-1.414L12 8.586l-1.293-1.293z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BackspaceIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/BadgeCheckIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/BadgeCheckIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function BadgeCheckIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BadgeCheckIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/BanIcon.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/BanIcon.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function BanIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BanIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/BeakerIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/BeakerIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function BeakerIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7 2a1 1 0 00-.707 1.707L7 4.414v3.758a1 1 0 01-.293.707l-4 4C.817 14.769 2.156 18 4.828 18h10.343c2.673 0 4.012-3.231 2.122-5.121l-4-4A1 1 0 0113 8.172V4.414l.707-.707A1 1 0 0013 2H7zm2 6.172V4h2v4.172a3 3 0 00.879 2.12l1.027 1.028a4 4 0 00-2.171.102l-.47.156a4 4 0 01-2.53 0l-.563-.187a1.993 1.993 0 00-.114-.035l1.063-1.063A3 3 0 009 8.172z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BeakerIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/BellIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/BellIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function BellIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BellIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/BookOpenIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/BookOpenIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function BookOpenIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 4.804A7.968 7.968 0 005.5 4c-1.255 0-2.443.29-3.5.804v10A7.969 7.969 0 015.5 14c1.669 0 3.218.51 4.5 1.385A7.962 7.962 0 0114.5 14c1.255 0 2.443.29 3.5.804v-10A7.968 7.968 0 0014.5 4c-1.255 0-2.443.29-3.5.804V12a1 1 0 11-2 0V4.804z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookOpenIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/BookmarkAltIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/BookmarkAltIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function BookmarkAltIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 5a2 2 0 012-2h10a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5zm11 1H6v8l4-2 4 2V6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookmarkAltIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/BookmarkIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/BookmarkIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function BookmarkIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookmarkIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/BriefcaseIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/BriefcaseIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function BriefcaseIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15c-2.796 0-5.487-.46-8-1.308z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BriefcaseIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CakeIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CakeIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CakeIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CakeIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CalculatorIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CalculatorIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CalculatorIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V4a2 2 0 00-2-2H6zm1 2a1 1 0 000 2h6a1 1 0 100-2H7zm6 7a1 1 0 011 1v3a1 1 0 11-2 0v-3a1 1 0 011-1zm-3 3a1 1 0 100 2h.01a1 1 0 100-2H10zm-4 1a1 1 0 011-1h.01a1 1 0 110 2H7a1 1 0 01-1-1zm1-4a1 1 0 100 2h.01a1 1 0 100-2H7zm2 1a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm4-4a1 1 0 100 2h.01a1 1 0 100-2H13zM9 9a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zM7 8a1 1 0 000 2h.01a1 1 0 000-2H7z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CalculatorIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CalendarIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CalendarIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CalendarIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CalendarIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CameraIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CameraIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CameraIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 5a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V7a2 2 0 00-2-2h-1.586a1 1 0 01-.707-.293l-1.121-1.121A2 2 0 0011.172 3H8.828a2 2 0 00-1.414.586L6.293 4.707A1 1 0 015.586 5H4zm6 9a3 3 0 100-6 3 3 0 000 6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CameraIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CashIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CashIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CashIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CashIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChartBarIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChartBarIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChartBarIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChartBarIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChartPieIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChartPieIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChartPieIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChartPieIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChartSquareBarIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChartSquareBarIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChartSquareBarIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2H5zm9 4a1 1 0 10-2 0v6a1 1 0 102 0V7zm-3 2a1 1 0 10-2 0v4a1 1 0 102 0V9zm-3 3a1 1 0 10-2 0v1a1 1 0 102 0v-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChartSquareBarIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChatAlt2Icon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChatAlt2Icon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChatAlt2Icon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChatAlt2Icon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChatAltIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChatAltIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChatAltIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChatAltIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChatIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChatIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChatIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 10c0 3.866-3.582 7-8 7a8.841 8.841 0 01-4.083-.98L2 17l1.338-3.123C2.493 12.767 2 11.434 2 10c0-3.866 3.582-7 8-7s8 3.134 8 7zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChatIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CheckCircleIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CheckCircleIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CheckCircleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CheckCircleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CheckIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CheckIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CheckIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CheckIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChevronDoubleDownIcon.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChevronDoubleDownIcon.js ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChevronDoubleDownIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.707 4.293a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 011.414-1.414L10 8.586l4.293-4.293a1 1 0 011.414 0zm0 6a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-5-5a1 1 0 111.414-1.414L10 14.586l4.293-4.293a1 1 0 011.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChevronDoubleDownIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChevronDoubleLeftIcon.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChevronDoubleLeftIcon.js ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChevronDoubleLeftIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.707 15.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 010 1.414zm-6 0a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 011.414 1.414L5.414 10l4.293 4.293a1 1 0 010 1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChevronDoubleLeftIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChevronDoubleRightIcon.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChevronDoubleRightIcon.js ***!
+  \***************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChevronDoubleRightIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.293 15.707a1 1 0 010-1.414L14.586 10l-4.293-4.293a1 1 0 111.414-1.414l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4.293 15.707a1 1 0 010-1.414L8.586 10 4.293 5.707a1 1 0 011.414-1.414l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChevronDoubleRightIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChevronDoubleUpIcon.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChevronDoubleUpIcon.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChevronDoubleUpIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4.293 15.707a1 1 0 010-1.414l5-5a1 1 0 011.414 0l5 5a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414 0zm0-6a1 1 0 010-1.414l5-5a1 1 0 011.414 0l5 5a1 1 0 01-1.414 1.414L10 5.414 5.707 9.707a1 1 0 01-1.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChevronDoubleUpIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChevronDownIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChevronDownIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChevronDownIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChevronDownIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChevronLeftIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChevronLeftIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChevronLeftIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChevronLeftIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChevronRightIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChevronRightIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChevronRightIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChevronRightIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChevronUpIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChevronUpIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChevronUpIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChevronUpIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ChipIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ChipIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ChipIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M13 7H7v6h6V7z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7 2a1 1 0 012 0v1h2V2a1 1 0 112 0v1h2a2 2 0 012 2v2h1a1 1 0 110 2h-1v2h1a1 1 0 110 2h-1v2a2 2 0 01-2 2h-2v1a1 1 0 11-2 0v-1H9v1a1 1 0 11-2 0v-1H5a2 2 0 01-2-2v-2H2a1 1 0 110-2h1V9H2a1 1 0 010-2h1V5a2 2 0 012-2h2V2zM5 5h10v10H5V5z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChipIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ClipboardCheckIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ClipboardCheckIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ClipboardCheckIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClipboardCheckIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ClipboardCopyIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ClipboardCopyIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ClipboardCopyIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M8 2a1 1 0 000 2h2a1 1 0 100-2H8z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v6h-4.586l1.293-1.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L10.414 13H15v3a2 2 0 01-2 2H5a2 2 0 01-2-2V5zM15 11h2a1 1 0 110 2h-2v-2z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClipboardCopyIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ClipboardIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ClipboardIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ClipboardIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClipboardIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ClipboardListIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ClipboardListIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ClipboardListIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClipboardListIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ClockIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ClockIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ClockIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ClockIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CloudDownloadIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CloudDownloadIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CloudDownloadIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 9.5A3.5 3.5 0 005.5 13H9v2.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 15.586V13h2.5a4.5 4.5 0 10-.616-8.958 4.002 4.002 0 10-7.753 1.977A3.5 3.5 0 002 9.5zm9 3.5H9V8a1 1 0 012 0v5z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CloudDownloadIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CloudIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CloudIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CloudIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5.5 16a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 16h-8z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CloudIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CloudUploadIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CloudUploadIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CloudUploadIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5.5 13a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 13H11V9.413l1.293 1.293a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9 9.414V13H5.5z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 13h2v5a1 1 0 11-2 0v-5z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CloudUploadIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CodeIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CodeIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CodeIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CodeIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CogIcon.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CogIcon.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CogIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CogIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CollectionIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CollectionIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CollectionIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CollectionIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ColorSwatchIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ColorSwatchIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ColorSwatchIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 2a2 2 0 00-2 2v11a3 3 0 106 0V4a2 2 0 00-2-2H4zm1 14a1 1 0 100-2 1 1 0 000 2zm5-1.757l4.9-4.9a2 2 0 000-2.828L13.485 5.1a2 2 0 00-2.828 0L10 5.757v8.486zM16 18H9.071l6-6H16a2 2 0 012 2v2a2 2 0 01-2 2z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorSwatchIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CreditCardIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CreditCardIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CreditCardIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CreditCardIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CubeIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CubeIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CubeIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M11 17a1 1 0 001.447.894l4-2A1 1 0 0017 15V9.236a1 1 0 00-1.447-.894l-4 2a1 1 0 00-.553.894V17zM15.211 6.276a1 1 0 000-1.788l-4.764-2.382a1 1 0 00-.894 0L4.789 4.488a1 1 0 000 1.788l4.764 2.382a1 1 0 00.894 0l4.764-2.382zM4.447 8.342A1 1 0 003 9.236V15a1 1 0 00.553.894l4 2A1 1 0 009 17v-5.764a1 1 0 00-.553-.894l-4-2z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CubeIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CubeTransparentIcon.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CubeTransparentIcon.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CubeTransparentIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.504 1.132a1 1 0 01.992 0l1.75 1a1 1 0 11-.992 1.736L10 3.152l-1.254.716a1 1 0 11-.992-1.736l1.75-1zM5.618 4.504a1 1 0 01-.372 1.364L5.016 6l.23.132a1 1 0 11-.992 1.736L4 7.723V8a1 1 0 01-2 0V6a.996.996 0 01.52-.878l1.734-.99a1 1 0 011.364.372zm8.764 0a1 1 0 011.364-.372l1.733.99A1.002 1.002 0 0118 6v2a1 1 0 11-2 0v-.277l-.254.145a1 1 0 11-.992-1.736l.23-.132-.23-.132a1 1 0 01-.372-1.364zm-7 4a1 1 0 011.364-.372L10 8.848l1.254-.716a1 1 0 11.992 1.736L11 10.58V12a1 1 0 11-2 0v-1.42l-1.246-.712a1 1 0 01-.372-1.364zM3 11a1 1 0 011 1v1.42l1.246.712a1 1 0 11-.992 1.736l-1.75-1A1 1 0 012 14v-2a1 1 0 011-1zm14 0a1 1 0 011 1v2a1 1 0 01-.504.868l-1.75 1a1 1 0 11-.992-1.736L16 13.42V12a1 1 0 011-1zm-9.618 5.504a1 1 0 011.364-.372l.254.145V16a1 1 0 112 0v.277l.254-.145a1 1 0 11.992 1.736l-1.735.992a.995.995 0 01-1.022 0l-1.735-.992a1 1 0 01-.372-1.364z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CubeTransparentIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CurrencyBangladeshiIcon.js":
+/*!****************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CurrencyBangladeshiIcon.js ***!
+  \****************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CurrencyBangladeshiIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7 4a1 1 0 000 2 1 1 0 011 1v1H7a1 1 0 000 2h1v3a3 3 0 106 0v-1a1 1 0 10-2 0v1a1 1 0 11-2 0v-3h3a1 1 0 100-2h-3V7a3 3 0 00-3-3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CurrencyBangladeshiIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CurrencyDollarIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CurrencyDollarIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CurrencyDollarIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CurrencyDollarIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CurrencyEuroIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CurrencyEuroIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CurrencyEuroIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.736 6.979C9.208 6.193 9.696 6 10 6c.304 0 .792.193 1.264.979a1 1 0 001.715-1.029C12.279 4.784 11.232 4 10 4s-2.279.784-2.979 1.95c-.285.475-.507 1-.67 1.55H6a1 1 0 000 2h.013a9.358 9.358 0 000 1H6a1 1 0 100 2h.351c.163.55.385 1.075.67 1.55C7.721 15.216 8.768 16 10 16s2.279-.784 2.979-1.95a1 1 0 10-1.715-1.029c-.472.786-.96.979-1.264.979-.304 0-.792-.193-1.264-.979a4.265 4.265 0 01-.264-.521H10a1 1 0 100-2H8.017a7.36 7.36 0 010-1H10a1 1 0 100-2H8.472c.08-.185.167-.36.264-.521z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CurrencyEuroIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CurrencyPoundIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CurrencyPoundIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CurrencyPoundIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-14a3 3 0 00-3 3v2H7a1 1 0 000 2h1v1a1 1 0 01-1 1 1 1 0 100 2h6a1 1 0 100-2H9.83c.11-.313.17-.65.17-1v-1h1a1 1 0 100-2h-1V7a1 1 0 112 0 1 1 0 102 0 3 3 0 00-3-3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CurrencyPoundIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CurrencyRupeeIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CurrencyRupeeIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CurrencyRupeeIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7 5a1 1 0 100 2h1a2 2 0 011.732 1H7a1 1 0 100 2h2.732A2 2 0 018 11H7a1 1 0 00-.707 1.707l3 3a1 1 0 001.414-1.414l-1.483-1.484A4.008 4.008 0 0011.874 10H13a1 1 0 100-2h-1.126a3.976 3.976 0 00-.41-1H13a1 1 0 100-2H7z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CurrencyRupeeIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CurrencyYenIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CurrencyYenIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CurrencyYenIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7.858 5.485a1 1 0 00-1.715 1.03L7.633 9H7a1 1 0 100 2h1.834l.166.277V12H7a1 1 0 100 2h2v1a1 1 0 102 0v-1h2a1 1 0 100-2h-2v-.723l.166-.277H13a1 1 0 100-2h-.634l1.492-2.486a1 1 0 10-1.716-1.029L10.034 9h-.068L7.858 5.485z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CurrencyYenIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/CursorClickIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/CursorClickIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function CursorClickIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CursorClickIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DatabaseIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DatabaseIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DatabaseIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 12v3c0 1.657 3.134 3 7 3s7-1.343 7-3v-3c0 1.657-3.134 3-7 3s-7-1.343-7-3z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 7v3c0 1.657 3.134 3 7 3s7-1.343 7-3V7c0 1.657-3.134 3-7 3S3 8.657 3 7z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M17 5c0 1.657-3.134 3-7 3S3 6.657 3 5s3.134-3 7-3 7 1.343 7 3z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DatabaseIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DesktopComputerIcon.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DesktopComputerIcon.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DesktopComputerIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 5a2 2 0 012-2h10a2 2 0 012 2v8a2 2 0 01-2 2h-2.22l.123.489.804.804A1 1 0 0113 18H7a1 1 0 01-.707-1.707l.804-.804L7.22 15H5a2 2 0 01-2-2V5zm5.771 7H5V5h10v7H8.771z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DesktopComputerIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DeviceMobileIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DeviceMobileIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DeviceMobileIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7 2a2 2 0 00-2 2v12a2 2 0 002 2h6a2 2 0 002-2V4a2 2 0 00-2-2H7zm3 14a1 1 0 100-2 1 1 0 000 2z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DeviceMobileIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DeviceTabletIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DeviceTabletIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DeviceTabletIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V4a2 2 0 00-2-2H6zm4 14a1 1 0 100-2 1 1 0 000 2z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DeviceTabletIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DocumentAddIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DocumentAddIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DocumentAddIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm5 6a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V8z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DocumentAddIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DocumentDownloadIcon.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DocumentDownloadIcon.js ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DocumentDownloadIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm5 6a1 1 0 10-2 0v3.586l-1.293-1.293a1 1 0 10-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 11.586V8z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DocumentDownloadIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DocumentDuplicateIcon.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DocumentDuplicateIcon.js ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DocumentDuplicateIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 2a2 2 0 00-2 2v8a2 2 0 002 2h6a2 2 0 002-2V6.414A2 2 0 0016.414 5L14 2.586A2 2 0 0012.586 2H9z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 8a2 2 0 012-2v10h8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DocumentDuplicateIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DocumentIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DocumentIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DocumentIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DocumentIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DocumentRemoveIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DocumentRemoveIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DocumentRemoveIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm1 8a1 1 0 100 2h6a1 1 0 100-2H7z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DocumentRemoveIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DocumentReportIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DocumentReportIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DocumentReportIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm2 10a1 1 0 10-2 0v3a1 1 0 102 0v-3zm2-3a1 1 0 011 1v5a1 1 0 11-2 0v-5a1 1 0 011-1zm4-1a1 1 0 10-2 0v7a1 1 0 102 0V8z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DocumentReportIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DocumentSearchIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DocumentSearchIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DocumentSearchIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2h-1.528A6 6 0 004 9.528V4z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 10a4 4 0 00-3.446 6.032l-1.261 1.26a1 1 0 101.414 1.415l1.261-1.261A4 4 0 108 10zm-2 4a2 2 0 114 0 2 2 0 01-4 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DocumentSearchIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DocumentTextIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DocumentTextIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DocumentTextIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DocumentTextIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DotsCircleHorizontalIcon.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DotsCircleHorizontalIcon.js ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DotsCircleHorizontalIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7 9H5v2h2V9zm8 0h-2v2h2V9zM9 9h2v2H9V9z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DotsCircleHorizontalIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DotsHorizontalIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DotsHorizontalIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DotsHorizontalIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DotsHorizontalIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DotsVerticalIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DotsVerticalIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DotsVerticalIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DotsVerticalIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DownloadIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DownloadIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DownloadIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DownloadIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/DuplicateIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/DuplicateIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function DuplicateIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M7 9a2 2 0 012-2h6a2 2 0 012 2v6a2 2 0 01-2 2H9a2 2 0 01-2-2V9z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5 3a2 2 0 00-2 2v6a2 2 0 002 2V5h8a2 2 0 00-2-2H5z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DuplicateIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/EmojiHappyIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/EmojiHappyIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function EmojiHappyIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 100-2 1 1 0 000 2zm7-1a1 1 0 11-2 0 1 1 0 012 0zm-.464 5.535a1 1 0 10-1.415-1.414 3 3 0 01-4.242 0 1 1 0 00-1.415 1.414 5 5 0 007.072 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmojiHappyIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/EmojiSadIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/EmojiSadIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function EmojiSadIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 100-2 1 1 0 000 2zm7-1a1 1 0 11-2 0 1 1 0 012 0zm-7.536 5.879a1 1 0 001.415 0 3 3 0 014.242 0 1 1 0 001.415-1.415 5 5 0 00-7.072 0 1 1 0 000 1.415z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EmojiSadIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ExclamationCircleIcon.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ExclamationCircleIcon.js ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ExclamationCircleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExclamationCircleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ExclamationIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ExclamationIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ExclamationIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExclamationIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ExternalLinkIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ExternalLinkIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ExternalLinkIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExternalLinkIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/EyeIcon.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/EyeIcon.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function EyeIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10 12a2 2 0 100-4 2 2 0 000 4z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EyeIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/EyeOffIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/EyeOffIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function EyeOffIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EyeOffIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FastForwardIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FastForwardIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FastForwardIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M4.555 5.168A1 1 0 003 6v8a1 1 0 001.555.832L10 11.202V14a1 1 0 001.555.832l6-4a1 1 0 000-1.664l-6-4A1 1 0 0010 6v2.798l-5.445-3.63z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FastForwardIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FilmIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FilmIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FilmIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm3 2h6v4H7V5zm8 8v2h1v-2h-1zm-2-2H7v4h6v-4zm2 0h1V9h-1v2zm1-4V5h-1v2h1zM5 5v2H4V5h1zm0 4H4v2h1V9zm-1 4h1v2H4v-2z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilmIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FilterIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FilterIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FilterIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FilterIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FingerPrintIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FingerPrintIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FingerPrintIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.625 2.655A9 9 0 0119 11a1 1 0 11-2 0 7 7 0 00-9.625-6.492 1 1 0 11-.75-1.853zM4.662 4.959A1 1 0 014.75 6.37 6.97 6.97 0 003 11a1 1 0 11-2 0 8.97 8.97 0 012.25-5.953 1 1 0 011.412-.088z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 11a5 5 0 1110 0 1 1 0 11-2 0 3 3 0 10-6 0c0 1.677-.345 3.276-.968 4.729a1 1 0 11-1.838-.789A9.964 9.964 0 005 11zm8.921 2.012a1 1 0 01.831 1.145 19.86 19.86 0 01-.545 2.436 1 1 0 11-1.92-.558c.207-.713.371-1.445.49-2.192a1 1 0 011.144-.83z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 10a1 1 0 011 1c0 2.236-.46 4.368-1.29 6.304a1 1 0 01-1.838-.789A13.952 13.952 0 009 11a1 1 0 011-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FingerPrintIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FireIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FireIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FireIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FireIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FlagIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FlagIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FlagIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 6a3 3 0 013-3h10a1 1 0 01.8 1.6L14.25 8l2.55 3.4A1 1 0 0116 13H6a1 1 0 00-1 1v3a1 1 0 11-2 0V6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FlagIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FolderAddIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FolderAddIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FolderAddIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M8 11h4m-2-2v4"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FolderAddIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FolderDownloadIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FolderDownloadIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FolderDownloadIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M10 9v4m0 0l-2-2m2 2l2-2"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FolderDownloadIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FolderIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FolderIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FolderIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FolderIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FolderOpenIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FolderOpenIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FolderOpenIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 6a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1H8a3 3 0 00-3 3v1.5a1.5 1.5 0 01-3 0V6z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M6 12a2 2 0 012-2h8a2 2 0 012 2v2a2 2 0 01-2 2H2h2a2 2 0 002-2v-2z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FolderOpenIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/FolderRemoveIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/FolderRemoveIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function FolderRemoveIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M8 11h4"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FolderRemoveIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/GiftIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/GiftIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function GiftIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 5a3 3 0 015-2.236A3 3 0 0114.83 6H16a2 2 0 110 4h-5V9a1 1 0 10-2 0v1H4a2 2 0 110-4h1.17C5.06 5.687 5 5.35 5 5zm4 1V5a1 1 0 10-1 1h1zm3 0a1 1 0 10-1-1v1h1z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 11H3v5a2 2 0 002 2h4v-7zM11 18h4a2 2 0 002-2v-5h-6v7z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GiftIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/GlobeAltIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/GlobeAltIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function GlobeAltIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GlobeAltIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/GlobeIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/GlobeIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function GlobeIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (GlobeIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/HandIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/HandIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function HandIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9 3a1 1 0 012 0v5.5a.5.5 0 001 0V4a1 1 0 112 0v4.5a.5.5 0 001 0V6a1 1 0 112 0v5a7 7 0 11-14 0V9a1 1 0 012 0v2.5a.5.5 0 001 0V4a1 1 0 012 0v4.5a.5.5 0 001 0V3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HandIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/HashtagIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/HashtagIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function HashtagIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.243 3.03a1 1 0 01.727 1.213L9.53 6h2.94l.56-2.243a1 1 0 111.94.486L14.53 6H17a1 1 0 110 2h-2.97l-1 4H15a1 1 0 110 2h-2.47l-.56 2.242a1 1 0 11-1.94-.485L10.47 14H7.53l-.56 2.242a1 1 0 11-1.94-.485L5.47 14H3a1 1 0 110-2h2.97l1-4H5a1 1 0 110-2h2.47l.56-2.243a1 1 0 011.213-.727zM9.03 8l-1 4h2.938l1-4H9.031z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HashtagIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/HeartIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/HeartIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function HeartIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HeartIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/HomeIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/HomeIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function HomeIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HomeIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/IdentificationIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/IdentificationIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function IdentificationIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 2a1 1 0 00-1 1v1a1 1 0 002 0V3a1 1 0 00-1-1zM4 4h3a3 3 0 006 0h3a2 2 0 012 2v9a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2zm2.5 7a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm2.45 4a2.5 2.5 0 10-4.9 0h4.9zM12 9a1 1 0 100 2h3a1 1 0 100-2h-3zm-1 4a1 1 0 011-1h2a1 1 0 110 2h-2a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IdentificationIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/InboxIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/InboxIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function InboxIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2H5zm0 2h10v7h-2l-1 2H8l-1-2H5V5z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InboxIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/InboxInIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/InboxInIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function InboxInIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M8.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414L11 7.586V3a1 1 0 10-2 0v4.586l-.293-.293z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 5a2 2 0 012-2h1a1 1 0 010 2H5v7h2l1 2h4l1-2h2V5h-1a1 1 0 110-2h1a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InboxInIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/InformationCircleIcon.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/InformationCircleIcon.js ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function InformationCircleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InformationCircleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/KeyIcon.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/KeyIcon.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function KeyIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (KeyIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/LibraryIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/LibraryIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function LibraryIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.496 2.132a1 1 0 00-.992 0l-7 4A1 1 0 003 8v7a1 1 0 100 2h14a1 1 0 100-2V8a1 1 0 00.496-1.868l-7-4zM6 9a1 1 0 00-1 1v3a1 1 0 102 0v-3a1 1 0 00-1-1zm3 1a1 1 0 012 0v3a1 1 0 11-2 0v-3zm5-1a1 1 0 00-1 1v3a1 1 0 102 0v-3a1 1 0 00-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LibraryIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/LightBulbIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/LightBulbIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function LightBulbIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LightBulbIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/LightningBoltIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/LightningBoltIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function LightningBoltIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LightningBoltIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/LinkIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/LinkIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function LinkIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LinkIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/LocationMarkerIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/LocationMarkerIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function LocationMarkerIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LocationMarkerIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/LockClosedIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/LockClosedIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function LockClosedIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LockClosedIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/LockOpenIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/LockOpenIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function LockOpenIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10 2a5 5 0 00-5 5v2a2 2 0 00-2 2v5a2 2 0 002 2h10a2 2 0 002-2v-5a2 2 0 00-2-2H7V7a3 3 0 015.905-.75 1 1 0 001.937-.5A5.002 5.002 0 0010 2z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LockOpenIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/LoginIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/LoginIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function LoginIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 3a1 1 0 011 1v12a1 1 0 11-2 0V4a1 1 0 011-1zm7.707 3.293a1 1 0 010 1.414L9.414 9H17a1 1 0 110 2H9.414l1.293 1.293a1 1 0 01-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LoginIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/LogoutIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/LogoutIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function LogoutIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 3a1 1 0 00-1 1v12a1 1 0 102 0V4a1 1 0 00-1-1zm10.293 9.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L14.586 9H7a1 1 0 100 2h7.586l-1.293 1.293z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LogoutIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MailIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MailIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MailIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MailIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MailOpenIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MailOpenIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MailOpenIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.94 6.412A2 2 0 002 8.108V16a2 2 0 002 2h12a2 2 0 002-2V8.108a2 2 0 00-.94-1.696l-6-3.75a2 2 0 00-2.12 0l-6 3.75zm2.615 2.423a1 1 0 10-1.11 1.664l5 3.333a1 1 0 001.11 0l5-3.333a1 1 0 00-1.11-1.664L10 11.798 5.555 8.835z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MailOpenIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MapIcon.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MapIcon.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MapIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 1.586l-4 4v12.828l4-4V1.586zM3.707 3.293A1 1 0 002 4v10a1 1 0 00.293.707L6 18.414V5.586L3.707 3.293zM17.707 5.293L14 1.586v12.828l2.293 2.293A1 1 0 0018 16V6a1 1 0 00-.293-.707z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MapIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MenuAlt1Icon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MenuAlt1Icon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MenuAlt1Icon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "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",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuAlt1Icon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MenuAlt2Icon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MenuAlt2Icon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MenuAlt2Icon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "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-1h6a1 1 0 110 2H4a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuAlt2Icon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MenuAlt3Icon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MenuAlt3Icon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MenuAlt3Icon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "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-1zM9 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuAlt3Icon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MenuAlt4Icon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MenuAlt4Icon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MenuAlt4Icon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 7a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 13a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuAlt4Icon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MenuIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MenuIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MenuIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "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",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MicrophoneIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MicrophoneIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MicrophoneIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "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",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MicrophoneIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MinusCircleIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MinusCircleIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MinusCircleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 000 2h6a1 1 0 100-2H7z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MinusCircleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MinusIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MinusIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MinusIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MinusIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MinusSmIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MinusSmIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MinusSmIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 10a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MinusSmIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MoonIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MoonIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MoonIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MoonIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/MusicNoteIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/MusicNoteIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function MusicNoteIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M18 3a1 1 0 00-1.196-.98l-10 2A1 1 0 006 5v9.114A4.369 4.369 0 005 14c-1.657 0-3 .895-3 2s1.343 2 3 2 3-.895 3-2V7.82l8-1.6v5.894A4.37 4.37 0 0015 12c-1.657 0-3 .895-3 2s1.343 2 3 2 3-.895 3-2V3z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MusicNoteIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/NewspaperIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/NewspaperIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function NewspaperIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 5a2 2 0 012-2h8a2 2 0 012 2v10a2 2 0 002 2H4a2 2 0 01-2-2V5zm3 1h6v4H5V6zm6 6H5v2h6v-2z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M15 7h1a2 2 0 012 2v5.5a1.5 1.5 0 01-3 0V7z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NewspaperIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/OfficeBuildingIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/OfficeBuildingIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function OfficeBuildingIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 4a2 2 0 012-2h8a2 2 0 012 2v12a1 1 0 110 2h-3a1 1 0 01-1-1v-2a1 1 0 00-1-1H9a1 1 0 00-1 1v2a1 1 0 01-1 1H4a1 1 0 110-2V4zm3 1h2v2H7V5zm2 4H7v2h2V9zm2-4h2v2h-2V5zm2 4h-2v2h2V9z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OfficeBuildingIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PaperAirplaneIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PaperAirplaneIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PaperAirplaneIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaperAirplaneIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PaperClipIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PaperClipIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PaperClipIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 4a3 3 0 00-3 3v4a5 5 0 0010 0V7a1 1 0 112 0v4a7 7 0 11-14 0V7a5 5 0 0110 0v4a3 3 0 11-6 0V7a1 1 0 012 0v4a1 1 0 102 0V7a3 3 0 00-3-3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PaperClipIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PauseIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PauseIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PauseIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 012 0v4a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PauseIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PencilAltIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PencilAltIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PencilAltIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PencilAltIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PencilIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PencilIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PencilIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PencilIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PhoneIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PhoneIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PhoneIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PhoneIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PhoneIncomingIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PhoneIncomingIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PhoneIncomingIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M14.414 7l3.293-3.293a1 1 0 00-1.414-1.414L13 5.586V4a1 1 0 10-2 0v4.003a.996.996 0 00.617.921A.997.997 0 0012 9h4a1 1 0 100-2h-1.586z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PhoneIncomingIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PhoneMissedCallIcon.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PhoneMissedCallIcon.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PhoneMissedCallIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M16.707 3.293a1 1 0 010 1.414L15.414 6l1.293 1.293a1 1 0 01-1.414 1.414L14 7.414l-1.293 1.293a1 1 0 11-1.414-1.414L12.586 6l-1.293-1.293a1 1 0 011.414-1.414L14 4.586l1.293-1.293a1 1 0 011.414 0z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PhoneMissedCallIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PhoneOutgoingIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PhoneOutgoingIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PhoneOutgoingIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M17.924 2.617a.997.997 0 00-.215-.322l-.004-.004A.997.997 0 0017 2h-4a1 1 0 100 2h1.586l-3.293 3.293a1 1 0 001.414 1.414L16 5.414V7a1 1 0 102 0V3a.997.997 0 00-.076-.383z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PhoneOutgoingIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PhotographIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PhotographIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PhotographIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PhotographIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PlayIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PlayIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PlayIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlayIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PlusCircleIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PlusCircleIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PlusCircleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlusCircleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PlusIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PlusIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PlusIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlusIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PlusSmIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PlusSmIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PlusSmIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PlusSmIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PresentationChartBarIcon.js":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PresentationChartBarIcon.js ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PresentationChartBarIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11 4a1 1 0 10-2 0v4a1 1 0 102 0V7zm-3 1a1 1 0 10-2 0v3a1 1 0 102 0V8zM8 9a1 1 0 00-2 0v2a1 1 0 102 0V9z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PresentationChartBarIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PresentationChartLineIcon.js":
+/*!******************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PresentationChartLineIcon.js ***!
+  \******************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PresentationChartLineIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 101.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PresentationChartLineIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PrinterIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PrinterIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PrinterIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 4v3H4a2 2 0 00-2 2v3a2 2 0 002 2h1v2a2 2 0 002 2h6a2 2 0 002-2v-2h1a2 2 0 002-2V9a2 2 0 00-2-2h-1V4a2 2 0 00-2-2H7a2 2 0 00-2 2zm8 0H7v3h6V4zm0 8H7v4h6v-4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PrinterIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/PuzzleIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/PuzzleIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function PuzzleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10 3.5a1.5 1.5 0 013 0V4a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-.5a1.5 1.5 0 000 3h.5a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-.5a1.5 1.5 0 00-3 0v.5a1 1 0 01-1 1H6a1 1 0 01-1-1v-3a1 1 0 00-1-1h-.5a1.5 1.5 0 010-3H4a1 1 0 001-1V6a1 1 0 011-1h3a1 1 0 001-1v-.5z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PuzzleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/QrcodeIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/QrcodeIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function QrcodeIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 4a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1V4zm2 2V5h1v1H5zM3 13a1 1 0 011-1h3a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-3zm2 2v-1h1v1H5zM13 3a1 1 0 00-1 1v3a1 1 0 001 1h3a1 1 0 001-1V4a1 1 0 00-1-1h-3zm1 2v1h1V5h-1z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M11 4a1 1 0 10-2 0v1a1 1 0 002 0V4zM10 7a1 1 0 011 1v1h2a1 1 0 110 2h-3a1 1 0 01-1-1V8a1 1 0 011-1zM16 9a1 1 0 100 2 1 1 0 000-2zM9 13a1 1 0 011-1h1a1 1 0 110 2v2a1 1 0 11-2 0v-3zM7 11a1 1 0 100-2H4a1 1 0 100 2h3zM17 13a1 1 0 01-1 1h-2a1 1 0 110-2h2a1 1 0 011 1zM16 17a1 1 0 100-2h-3a1 1 0 100 2h3z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QrcodeIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/QuestionMarkCircleIcon.js":
+/*!***************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/QuestionMarkCircleIcon.js ***!
+  \***************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function QuestionMarkCircleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuestionMarkCircleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ReceiptRefundIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ReceiptRefundIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ReceiptRefundIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 2a2 2 0 00-2 2v14l3.5-2 3.5 2 3.5-2 3.5 2V4a2 2 0 00-2-2H5zm4.707 3.707a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L8.414 9H10a3 3 0 013 3v1a1 1 0 102 0v-1a5 5 0 00-5-5H8.414l1.293-1.293z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReceiptRefundIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ReceiptTaxIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ReceiptTaxIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ReceiptTaxIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 2a2 2 0 00-2 2v14l3.5-2 3.5 2 3.5-2 3.5 2V4a2 2 0 00-2-2H5zm2.5 3a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm6.207.293a1 1 0 00-1.414 0l-6 6a1 1 0 101.414 1.414l6-6a1 1 0 000-1.414zM12.5 10a1.5 1.5 0 100 3 1.5 1.5 0 000-3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReceiptTaxIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/RefreshIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/RefreshIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function RefreshIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RefreshIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ReplyIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ReplyIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ReplyIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReplyIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/RewindIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/RewindIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function RewindIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M8.445 14.832A1 1 0 0010 14v-2.798l5.445 3.63A1 1 0 0017 14V6a1 1 0 00-1.555-.832L10 8.798V6a1 1 0 00-1.555-.832l-6 4a1 1 0 000 1.664l6 4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RewindIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/RssIcon.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/RssIcon.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function RssIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5 3a1 1 0 000 2c5.523 0 10 4.477 10 10a1 1 0 102 0C17 8.373 11.627 3 5 3z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M4 9a1 1 0 011-1 7 7 0 017 7 1 1 0 11-2 0 5 5 0 00-5-5 1 1 0 01-1-1zM3 15a2 2 0 114 0 2 2 0 01-4 0z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RssIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SaveAsIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SaveAsIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SaveAsIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9.707 7.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L13 8.586V5h3a2 2 0 012 2v5a2 2 0 01-2 2H8a2 2 0 01-2-2V7a2 2 0 012-2h3v3.586L9.707 7.293zM11 3a1 1 0 112 0v2h-2V3z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M4 9a2 2 0 00-2 2v5a2 2 0 002 2h8a2 2 0 002-2H4V9z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SaveAsIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SaveIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SaveIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SaveIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M7.707 10.293a1 1 0 10-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 11.586V6h5a2 2 0 012 2v7a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2h5v5.586l-1.293-1.293zM9 4a1 1 0 012 0v2H9V4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SaveIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ScaleIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ScaleIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ScaleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 2a1 1 0 011 1v1.323l3.954 1.582 1.599-.8a1 1 0 01.894 1.79l-1.233.616 1.738 5.42a1 1 0 01-.285 1.05A3.989 3.989 0 0115 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.715-5.349L11 6.477V16h2a1 1 0 110 2H7a1 1 0 110-2h2V6.477L6.237 7.582l1.715 5.349a1 1 0 01-.285 1.05A3.989 3.989 0 015 15a3.989 3.989 0 01-2.667-1.019 1 1 0 01-.285-1.05l1.738-5.42-1.233-.617a1 1 0 01.894-1.788l1.599.799L9 4.323V3a1 1 0 011-1zm-5 8.274l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L5 10.274zm10 0l-.818 2.552c.25.112.526.174.818.174.292 0 .569-.062.818-.174L15 10.274z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ScaleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ScissorsIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ScissorsIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ScissorsIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.5 2a3.5 3.5 0 101.665 6.58L8.585 10l-1.42 1.42a3.5 3.5 0 101.414 1.414l8.128-8.127a1 1 0 00-1.414-1.414L10 8.586l-1.42-1.42A3.5 3.5 0 005.5 2zM4 5.5a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zm0 9a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M12.828 11.414a1 1 0 00-1.414 1.414l3.879 3.88a1 1 0 001.414-1.415l-3.879-3.879z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ScissorsIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SearchCircleIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SearchCircleIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SearchCircleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 9a2 2 0 114 0 2 2 0 01-4 0z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a4 4 0 00-3.446 6.032l-2.261 2.26a1 1 0 101.414 1.415l2.261-2.261A4 4 0 1011 5z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchCircleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SearchIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SearchIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SearchIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "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",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SelectorIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SelectorIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SelectorIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SelectorIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ServerIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ServerIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ServerIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 5a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm14 1a1 1 0 11-2 0 1 1 0 012 0zM2 13a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2zm14 1a1 1 0 11-2 0 1 1 0 012 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ServerIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ShareIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ShareIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ShareIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShareIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ShieldCheckIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ShieldCheckIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ShieldCheckIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShieldCheckIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ShieldExclamationIcon.js":
+/*!**************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ShieldExclamationIcon.js ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ShieldExclamationIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShieldExclamationIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ShoppingBagIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ShoppingBagIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ShoppingBagIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 2a4 4 0 00-4 4v1H5a1 1 0 00-.994.89l-1 9A1 1 0 004 18h12a1 1 0 00.994-1.11l-1-9A1 1 0 0015 7h-1V6a4 4 0 00-4-4zm2 5V6a2 2 0 10-4 0v1h4zm-6 3a1 1 0 112 0 1 1 0 01-2 0zm7-1a1 1 0 100 2 1 1 0 000-2z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShoppingBagIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ShoppingCartIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ShoppingCartIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ShoppingCartIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ShoppingCartIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SortAscendingIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SortAscendingIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SortAscendingIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 3a1 1 0 000 2h11a1 1 0 100-2H3zM3 7a1 1 0 000 2h5a1 1 0 000-2H3zM3 11a1 1 0 100 2h4a1 1 0 100-2H3zM13 16a1 1 0 102 0v-5.586l1.293 1.293a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 101.414 1.414L13 10.414V16z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SortAscendingIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SortDescendingIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SortDescendingIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SortDescendingIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 3a1 1 0 000 2h11a1 1 0 100-2H3zM3 7a1 1 0 000 2h7a1 1 0 100-2H3zM3 11a1 1 0 100 2h4a1 1 0 100-2H3zM15 8a1 1 0 10-2 0v5.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L15 13.586V8z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SortDescendingIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SparklesIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SparklesIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SparklesIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SparklesIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SpeakerphoneIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SpeakerphoneIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SpeakerphoneIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 3a1 1 0 00-1.447-.894L8.763 6H5a3 3 0 000 6h.28l1.771 5.316A1 1 0 008 18h1a1 1 0 001-1v-4.382l6.553 3.276A1 1 0 0018 15V3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SpeakerphoneIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/StarIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/StarIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function StarIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StarIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/StatusOfflineIcon.js":
+/*!**********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/StatusOfflineIcon.js ***!
+  \**********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function StatusOfflineIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3.707 2.293a1 1 0 00-1.414 1.414l6.921 6.922c.05.062.105.118.168.167l6.91 6.911a1 1 0 001.415-1.414l-.675-.675a9.001 9.001 0 00-.668-11.982A1 1 0 1014.95 5.05a7.002 7.002 0 01.657 9.143l-1.435-1.435a5.002 5.002 0 00-.636-6.294A1 1 0 0012.12 7.88c.924.923 1.12 2.3.587 3.415l-1.992-1.992a.922.922 0 00-.018-.018l-6.99-6.991zM3.238 8.187a1 1 0 00-1.933-.516c-.8 3-.025 6.336 2.331 8.693a1 1 0 001.414-1.415 6.997 6.997 0 01-1.812-6.762zM7.4 11.5a1 1 0 10-1.73 1c.214.371.48.72.795 1.035a1 1 0 001.414-1.414c-.191-.191-.35-.4-.478-.622z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StatusOfflineIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/StatusOnlineIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/StatusOnlineIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function StatusOnlineIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.05 3.636a1 1 0 010 1.414 7 7 0 000 9.9 1 1 0 11-1.414 1.414 9 9 0 010-12.728 1 1 0 011.414 0zm9.9 0a1 1 0 011.414 0 9 9 0 010 12.728 1 1 0 11-1.414-1.414 7 7 0 000-9.9 1 1 0 010-1.414zM7.879 6.464a1 1 0 010 1.414 3 3 0 000 4.243 1 1 0 11-1.415 1.414 5 5 0 010-7.07 1 1 0 011.415 0zm4.242 0a1 1 0 011.415 0 5 5 0 010 7.072 1 1 0 01-1.415-1.415 3 3 0 000-4.242 1 1 0 010-1.415zM10 9a1 1 0 011 1v.01a1 1 0 11-2 0V10a1 1 0 011-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StatusOnlineIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/StopIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/StopIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function StopIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8 7a1 1 0 00-1 1v4a1 1 0 001 1h4a1 1 0 001-1V8a1 1 0 00-1-1H8z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StopIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SunIcon.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SunIcon.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SunIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SunIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SupportIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SupportIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SupportIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C15.802 8.249 16 9.1 16 10zm-5.165 3.913l1.58 1.58A5.98 5.98 0 0110 16a5.976 5.976 0 01-2.516-.552l1.562-1.562a4.006 4.006 0 001.789.027zm-4.677-2.796a4.002 4.002 0 01-.041-2.08l-.08.08-1.53-1.533A5.98 5.98 0 004 10c0 .954.223 1.856.619 2.657l1.54-1.54zm1.088-6.45A5.974 5.974 0 0110 4c.954 0 1.856.223 2.657.619l-1.54 1.54a4.002 4.002 0 00-2.346.033L7.246 4.668zM12 10a2 2 0 11-4 0 2 2 0 014 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SupportIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SwitchHorizontalIcon.js":
+/*!*************************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SwitchHorizontalIcon.js ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SwitchHorizontalIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M8 5a1 1 0 100 2h5.586l-1.293 1.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L13.586 5H8zM12 15a1 1 0 100-2H6.414l1.293-1.293a1 1 0 10-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L6.414 15H12z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwitchHorizontalIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/SwitchVerticalIcon.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/SwitchVerticalIcon.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function SwitchVerticalIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5 12a1 1 0 102 0V6.414l1.293 1.293a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L5 6.414V12zM15 8a1 1 0 10-2 0v5.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L15 13.586V8z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwitchVerticalIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TableIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TableIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TableIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 4a3 3 0 00-3 3v6a3 3 0 003 3h10a3 3 0 003-3V7a3 3 0 00-3-3H5zm-1 9v-1h5v2H5a1 1 0 01-1-1zm7 1h4a1 1 0 001-1v-1h-5v2zm0-4h5V8h-5v2zM9 8H4v2h5V8z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TagIcon.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TagIcon.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TagIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M17.707 9.293a1 1 0 010 1.414l-7 7a1 1 0 01-1.414 0l-7-7A.997.997 0 012 10V5a3 3 0 013-3h5c.256 0 .512.098.707.293l7 7zM5 6a1 1 0 100-2 1 1 0 000 2z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TagIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TemplateIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TemplateIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TemplateIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TemplateIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TerminalIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TerminalIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TerminalIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 5a2 2 0 012-2h12a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm3.293 1.293a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 01-1.414-1.414L7.586 10 5.293 7.707a1 1 0 010-1.414zM11 12a1 1 0 100 2h3a1 1 0 100-2h-3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TerminalIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ThumbDownIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ThumbDownIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ThumbDownIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ThumbDownIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ThumbUpIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ThumbUpIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ThumbUpIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ThumbUpIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TicketIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TicketIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TicketIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 6a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 100 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 100-4V6z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TicketIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TranslateIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TranslateIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TranslateIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7 2a1 1 0 011 1v1h3a1 1 0 110 2H9.578a18.87 18.87 0 01-1.724 4.78c.29.354.596.696.914 1.026a1 1 0 11-1.44 1.389c-.188-.196-.373-.396-.554-.6a19.098 19.098 0 01-3.107 3.567 1 1 0 01-1.334-1.49 17.087 17.087 0 003.13-3.733 18.992 18.992 0 01-1.487-2.494 1 1 0 111.79-.89c.234.47.489.928.764 1.372.417-.934.752-1.913.997-2.927H3a1 1 0 110-2h3V3a1 1 0 011-1zm6 6a1 1 0 01.894.553l2.991 5.982a.869.869 0 01.02.037l.99 1.98a1 1 0 11-1.79.895L15.383 16h-4.764l-.724 1.447a1 1 0 11-1.788-.894l.99-1.98.019-.038 2.99-5.982A1 1 0 0113 8zm-1.382 6h2.764L13 11.236 11.618 14z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TranslateIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TrashIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TrashIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TrashIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TrashIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TrendingDownIcon.js":
+/*!*********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TrendingDownIcon.js ***!
+  \*********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TrendingDownIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TrendingDownIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TrendingUpIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TrendingUpIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TrendingUpIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TrendingUpIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/TruckIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/TruckIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function TruckIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1V5a1 1 0 00-1-1H3zM14 7a1 1 0 00-1 1v6.05A2.5 2.5 0 0115.95 16H17a1 1 0 001-1v-5a1 1 0 00-.293-.707l-2-2A1 1 0 0015 7h-1z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TruckIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/UploadIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/UploadIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function UploadIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM6.293 6.707a1 1 0 010-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L11 5.414V13a1 1 0 11-2 0V5.414L7.707 6.707a1 1 0 01-1.414 0z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UploadIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/UserAddIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/UserAddIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function UserAddIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UserAddIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/UserCircleIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/UserCircleIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function UserCircleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UserCircleIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/UserGroupIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/UserGroupIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function UserGroupIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UserGroupIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/UserIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/UserIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function UserIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UserIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/UserRemoveIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/UserRemoveIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function UserRemoveIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M11 6a3 3 0 11-6 0 3 3 0 016 0zM14 17a6 6 0 00-12 0h12zM13 8a1 1 0 100 2h4a1 1 0 100-2h-4z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UserRemoveIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/UsersIcon.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/UsersIcon.js ***!
+  \**************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function UsersIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (UsersIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/VariableIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/VariableIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function VariableIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4.649 3.084A1 1 0 015.163 4.4 13.95 13.95 0 004 10c0 1.993.416 3.886 1.164 5.6a1 1 0 01-1.832.8A15.95 15.95 0 012 10c0-2.274.475-4.44 1.332-6.4a1 1 0 011.317-.516zM12.96 7a3 3 0 00-2.342 1.126l-.328.41-.111-.279A2 2 0 008.323 7H8a1 1 0 000 2h.323l.532 1.33-1.035 1.295a1 1 0 01-.781.375H7a1 1 0 100 2h.039a3 3 0 002.342-1.126l.328-.41.111.279A2 2 0 0011.677 14H12a1 1 0 100-2h-.323l-.532-1.33 1.035-1.295A1 1 0 0112.961 9H13a1 1 0 100-2h-.039zm1.874-2.6a1 1 0 011.833-.8A15.95 15.95 0 0118 10c0 2.274-.475 4.44-1.332 6.4a1 1 0 11-1.832-.8A13.949 13.949 0 0016 10c0-1.993-.416-3.886-1.165-5.6z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VariableIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/VideoCameraIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/VideoCameraIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function VideoCameraIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VideoCameraIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ViewBoardsIcon.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ViewBoardsIcon.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ViewBoardsIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M2 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V4zM8 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1H9a1 1 0 01-1-1V4zM15 3a1 1 0 00-1 1v12a1 1 0 001 1h2a1 1 0 001-1V4a1 1 0 00-1-1h-2z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ViewBoardsIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ViewGridAddIcon.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ViewGridAddIcon.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ViewGridAddIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM14 11a1 1 0 011 1v1h1a1 1 0 110 2h-1v1a1 1 0 11-2 0v-1h-1a1 1 0 110-2h1v-1a1 1 0 011-1z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ViewGridAddIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ViewGridIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ViewGridIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ViewGridIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ViewGridIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ViewListIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ViewListIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ViewListIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ViewListIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/VolumeOffIcon.js":
+/*!******************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/VolumeOffIcon.js ***!
+  \******************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function VolumeOffIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.383 3.076A1 1 0 0110 4v12a1 1 0 01-1.707.707L4.586 13H2a1 1 0 01-1-1V8a1 1 0 011-1h2.586l3.707-3.707a1 1 0 011.09-.217zM12.293 7.293a1 1 0 011.414 0L15 8.586l1.293-1.293a1 1 0 111.414 1.414L16.414 10l1.293 1.293a1 1 0 01-1.414 1.414L15 11.414l-1.293 1.293a1 1 0 01-1.414-1.414L13.586 10l-1.293-1.293a1 1 0 010-1.414z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VolumeOffIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/VolumeUpIcon.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/VolumeUpIcon.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function VolumeUpIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.383 3.076A1 1 0 0110 4v12a1 1 0 01-1.707.707L4.586 13H2a1 1 0 01-1-1V8a1 1 0 011-1h2.586l3.707-3.707a1 1 0 011.09-.217zM14.657 2.929a1 1 0 011.414 0A9.972 9.972 0 0119 10a9.972 9.972 0 01-2.929 7.071 1 1 0 01-1.414-1.414A7.971 7.971 0 0017 10c0-2.21-.894-4.208-2.343-5.657a1 1 0 010-1.414zm-2.829 2.828a1 1 0 011.415 0A5.983 5.983 0 0115 10a5.984 5.984 0 01-1.757 4.243 1 1 0 01-1.415-1.415A3.984 3.984 0 0013 10a3.983 3.983 0 00-1.172-2.828 1 1 0 010-1.415z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VolumeUpIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/WifiIcon.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/WifiIcon.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function WifiIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M17.778 8.222c-4.296-4.296-11.26-4.296-15.556 0A1 1 0 01.808 6.808c5.076-5.077 13.308-5.077 18.384 0a1 1 0 01-1.414 1.414zM14.95 11.05a7 7 0 00-9.9 0 1 1 0 01-1.414-1.414 9 9 0 0112.728 0 1 1 0 01-1.414 1.414zM12.12 13.88a3 3 0 00-4.242 0 1 1 0 01-1.415-1.415 5 5 0 017.072 0 1 1 0 01-1.415 1.415zM9 16a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (WifiIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/XCircleIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/XCircleIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
-/**
- * Exposing intl-tel-input as a component
- */
-module.exports = __webpack_require__(/*! ./build/js/intlTelInput */ "./node_modules/intl-tel-input/build/js/intlTelInput.js");
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function XCircleIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
+    clipRule: "evenodd"
+  }));
+}
 
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (XCircleIcon);
 
 /***/ }),
 
-/***/ "./resources/css/app.css":
-/*!*******************************!*\
-  !*** ./resources/css/app.css ***!
-  \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ "./node_modules/@heroicons/react/solid/esm/XIcon.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/XIcon.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function XIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "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",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (XIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ZoomInIcon.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ZoomInIcon.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ZoomInIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M5 8a1 1 0 011-1h1V6a1 1 0 012 0v1h1a1 1 0 110 2H9v1a1 1 0 11-2 0V9H6a1 1 0 01-1-1z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8zm6-4a4 4 0 100 8 4 4 0 000-8z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ZoomInIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/ZoomOutIcon.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/ZoomOutIcon.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+
+
+function ZoomOutIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "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",
+    clipRule: "evenodd"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 8a1 1 0 011-1h4a1 1 0 110 2H6a1 1 0 01-1-1z",
+    clipRule: "evenodd"
+  }));
+}
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ZoomOutIcon);
+
+/***/ }),
+
+/***/ "./node_modules/@heroicons/react/solid/esm/index.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/@heroicons/react/solid/esm/index.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "AcademicCapIcon": () => (/* reexport safe */ _AcademicCapIcon_js__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   "AdjustmentsIcon": () => (/* reexport safe */ _AdjustmentsIcon_js__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   "AnnotationIcon": () => (/* reexport safe */ _AnnotationIcon_js__WEBPACK_IMPORTED_MODULE_2__["default"]),
+/* harmony export */   "ArchiveIcon": () => (/* reexport safe */ _ArchiveIcon_js__WEBPACK_IMPORTED_MODULE_3__["default"]),
+/* harmony export */   "ArrowCircleDownIcon": () => (/* reexport safe */ _ArrowCircleDownIcon_js__WEBPACK_IMPORTED_MODULE_4__["default"]),
+/* harmony export */   "ArrowCircleLeftIcon": () => (/* reexport safe */ _ArrowCircleLeftIcon_js__WEBPACK_IMPORTED_MODULE_5__["default"]),
+/* harmony export */   "ArrowCircleRightIcon": () => (/* reexport safe */ _ArrowCircleRightIcon_js__WEBPACK_IMPORTED_MODULE_6__["default"]),
+/* harmony export */   "ArrowCircleUpIcon": () => (/* reexport safe */ _ArrowCircleUpIcon_js__WEBPACK_IMPORTED_MODULE_7__["default"]),
+/* harmony export */   "ArrowDownIcon": () => (/* reexport safe */ _ArrowDownIcon_js__WEBPACK_IMPORTED_MODULE_8__["default"]),
+/* harmony export */   "ArrowLeftIcon": () => (/* reexport safe */ _ArrowLeftIcon_js__WEBPACK_IMPORTED_MODULE_9__["default"]),
+/* harmony export */   "ArrowNarrowDownIcon": () => (/* reexport safe */ _ArrowNarrowDownIcon_js__WEBPACK_IMPORTED_MODULE_10__["default"]),
+/* harmony export */   "ArrowNarrowLeftIcon": () => (/* reexport safe */ _ArrowNarrowLeftIcon_js__WEBPACK_IMPORTED_MODULE_11__["default"]),
+/* harmony export */   "ArrowNarrowRightIcon": () => (/* reexport safe */ _ArrowNarrowRightIcon_js__WEBPACK_IMPORTED_MODULE_12__["default"]),
+/* harmony export */   "ArrowNarrowUpIcon": () => (/* reexport safe */ _ArrowNarrowUpIcon_js__WEBPACK_IMPORTED_MODULE_13__["default"]),
+/* harmony export */   "ArrowRightIcon": () => (/* reexport safe */ _ArrowRightIcon_js__WEBPACK_IMPORTED_MODULE_14__["default"]),
+/* harmony export */   "ArrowSmDownIcon": () => (/* reexport safe */ _ArrowSmDownIcon_js__WEBPACK_IMPORTED_MODULE_15__["default"]),
+/* harmony export */   "ArrowSmLeftIcon": () => (/* reexport safe */ _ArrowSmLeftIcon_js__WEBPACK_IMPORTED_MODULE_16__["default"]),
+/* harmony export */   "ArrowSmRightIcon": () => (/* reexport safe */ _ArrowSmRightIcon_js__WEBPACK_IMPORTED_MODULE_17__["default"]),
+/* harmony export */   "ArrowSmUpIcon": () => (/* reexport safe */ _ArrowSmUpIcon_js__WEBPACK_IMPORTED_MODULE_18__["default"]),
+/* harmony export */   "ArrowUpIcon": () => (/* reexport safe */ _ArrowUpIcon_js__WEBPACK_IMPORTED_MODULE_19__["default"]),
+/* harmony export */   "ArrowsExpandIcon": () => (/* reexport safe */ _ArrowsExpandIcon_js__WEBPACK_IMPORTED_MODULE_20__["default"]),
+/* harmony export */   "AtSymbolIcon": () => (/* reexport safe */ _AtSymbolIcon_js__WEBPACK_IMPORTED_MODULE_21__["default"]),
+/* harmony export */   "BackspaceIcon": () => (/* reexport safe */ _BackspaceIcon_js__WEBPACK_IMPORTED_MODULE_22__["default"]),
+/* harmony export */   "BadgeCheckIcon": () => (/* reexport safe */ _BadgeCheckIcon_js__WEBPACK_IMPORTED_MODULE_23__["default"]),
+/* harmony export */   "BanIcon": () => (/* reexport safe */ _BanIcon_js__WEBPACK_IMPORTED_MODULE_24__["default"]),
+/* harmony export */   "BeakerIcon": () => (/* reexport safe */ _BeakerIcon_js__WEBPACK_IMPORTED_MODULE_25__["default"]),
+/* harmony export */   "BellIcon": () => (/* reexport safe */ _BellIcon_js__WEBPACK_IMPORTED_MODULE_26__["default"]),
+/* harmony export */   "BookOpenIcon": () => (/* reexport safe */ _BookOpenIcon_js__WEBPACK_IMPORTED_MODULE_27__["default"]),
+/* harmony export */   "BookmarkAltIcon": () => (/* reexport safe */ _BookmarkAltIcon_js__WEBPACK_IMPORTED_MODULE_28__["default"]),
+/* harmony export */   "BookmarkIcon": () => (/* reexport safe */ _BookmarkIcon_js__WEBPACK_IMPORTED_MODULE_29__["default"]),
+/* harmony export */   "BriefcaseIcon": () => (/* reexport safe */ _BriefcaseIcon_js__WEBPACK_IMPORTED_MODULE_30__["default"]),
+/* harmony export */   "CakeIcon": () => (/* reexport safe */ _CakeIcon_js__WEBPACK_IMPORTED_MODULE_31__["default"]),
+/* harmony export */   "CalculatorIcon": () => (/* reexport safe */ _CalculatorIcon_js__WEBPACK_IMPORTED_MODULE_32__["default"]),
+/* harmony export */   "CalendarIcon": () => (/* reexport safe */ _CalendarIcon_js__WEBPACK_IMPORTED_MODULE_33__["default"]),
+/* harmony export */   "CameraIcon": () => (/* reexport safe */ _CameraIcon_js__WEBPACK_IMPORTED_MODULE_34__["default"]),
+/* harmony export */   "CashIcon": () => (/* reexport safe */ _CashIcon_js__WEBPACK_IMPORTED_MODULE_35__["default"]),
+/* harmony export */   "ChartBarIcon": () => (/* reexport safe */ _ChartBarIcon_js__WEBPACK_IMPORTED_MODULE_36__["default"]),
+/* harmony export */   "ChartPieIcon": () => (/* reexport safe */ _ChartPieIcon_js__WEBPACK_IMPORTED_MODULE_37__["default"]),
+/* harmony export */   "ChartSquareBarIcon": () => (/* reexport safe */ _ChartSquareBarIcon_js__WEBPACK_IMPORTED_MODULE_38__["default"]),
+/* harmony export */   "ChatAlt2Icon": () => (/* reexport safe */ _ChatAlt2Icon_js__WEBPACK_IMPORTED_MODULE_39__["default"]),
+/* harmony export */   "ChatAltIcon": () => (/* reexport safe */ _ChatAltIcon_js__WEBPACK_IMPORTED_MODULE_40__["default"]),
+/* harmony export */   "ChatIcon": () => (/* reexport safe */ _ChatIcon_js__WEBPACK_IMPORTED_MODULE_41__["default"]),
+/* harmony export */   "CheckCircleIcon": () => (/* reexport safe */ _CheckCircleIcon_js__WEBPACK_IMPORTED_MODULE_42__["default"]),
+/* harmony export */   "CheckIcon": () => (/* reexport safe */ _CheckIcon_js__WEBPACK_IMPORTED_MODULE_43__["default"]),
+/* harmony export */   "ChevronDoubleDownIcon": () => (/* reexport safe */ _ChevronDoubleDownIcon_js__WEBPACK_IMPORTED_MODULE_44__["default"]),
+/* harmony export */   "ChevronDoubleLeftIcon": () => (/* reexport safe */ _ChevronDoubleLeftIcon_js__WEBPACK_IMPORTED_MODULE_45__["default"]),
+/* harmony export */   "ChevronDoubleRightIcon": () => (/* reexport safe */ _ChevronDoubleRightIcon_js__WEBPACK_IMPORTED_MODULE_46__["default"]),
+/* harmony export */   "ChevronDoubleUpIcon": () => (/* reexport safe */ _ChevronDoubleUpIcon_js__WEBPACK_IMPORTED_MODULE_47__["default"]),
+/* harmony export */   "ChevronDownIcon": () => (/* reexport safe */ _ChevronDownIcon_js__WEBPACK_IMPORTED_MODULE_48__["default"]),
+/* harmony export */   "ChevronLeftIcon": () => (/* reexport safe */ _ChevronLeftIcon_js__WEBPACK_IMPORTED_MODULE_49__["default"]),
+/* harmony export */   "ChevronRightIcon": () => (/* reexport safe */ _ChevronRightIcon_js__WEBPACK_IMPORTED_MODULE_50__["default"]),
+/* harmony export */   "ChevronUpIcon": () => (/* reexport safe */ _ChevronUpIcon_js__WEBPACK_IMPORTED_MODULE_51__["default"]),
+/* harmony export */   "ChipIcon": () => (/* reexport safe */ _ChipIcon_js__WEBPACK_IMPORTED_MODULE_52__["default"]),
+/* harmony export */   "ClipboardCheckIcon": () => (/* reexport safe */ _ClipboardCheckIcon_js__WEBPACK_IMPORTED_MODULE_53__["default"]),
+/* harmony export */   "ClipboardCopyIcon": () => (/* reexport safe */ _ClipboardCopyIcon_js__WEBPACK_IMPORTED_MODULE_54__["default"]),
+/* harmony export */   "ClipboardListIcon": () => (/* reexport safe */ _ClipboardListIcon_js__WEBPACK_IMPORTED_MODULE_55__["default"]),
+/* harmony export */   "ClipboardIcon": () => (/* reexport safe */ _ClipboardIcon_js__WEBPACK_IMPORTED_MODULE_56__["default"]),
+/* harmony export */   "ClockIcon": () => (/* reexport safe */ _ClockIcon_js__WEBPACK_IMPORTED_MODULE_57__["default"]),
+/* harmony export */   "CloudDownloadIcon": () => (/* reexport safe */ _CloudDownloadIcon_js__WEBPACK_IMPORTED_MODULE_58__["default"]),
+/* harmony export */   "CloudUploadIcon": () => (/* reexport safe */ _CloudUploadIcon_js__WEBPACK_IMPORTED_MODULE_59__["default"]),
+/* harmony export */   "CloudIcon": () => (/* reexport safe */ _CloudIcon_js__WEBPACK_IMPORTED_MODULE_60__["default"]),
+/* harmony export */   "CodeIcon": () => (/* reexport safe */ _CodeIcon_js__WEBPACK_IMPORTED_MODULE_61__["default"]),
+/* harmony export */   "CogIcon": () => (/* reexport safe */ _CogIcon_js__WEBPACK_IMPORTED_MODULE_62__["default"]),
+/* harmony export */   "CollectionIcon": () => (/* reexport safe */ _CollectionIcon_js__WEBPACK_IMPORTED_MODULE_63__["default"]),
+/* harmony export */   "ColorSwatchIcon": () => (/* reexport safe */ _ColorSwatchIcon_js__WEBPACK_IMPORTED_MODULE_64__["default"]),
+/* harmony export */   "CreditCardIcon": () => (/* reexport safe */ _CreditCardIcon_js__WEBPACK_IMPORTED_MODULE_65__["default"]),
+/* harmony export */   "CubeTransparentIcon": () => (/* reexport safe */ _CubeTransparentIcon_js__WEBPACK_IMPORTED_MODULE_66__["default"]),
+/* harmony export */   "CubeIcon": () => (/* reexport safe */ _CubeIcon_js__WEBPACK_IMPORTED_MODULE_67__["default"]),
+/* harmony export */   "CurrencyBangladeshiIcon": () => (/* reexport safe */ _CurrencyBangladeshiIcon_js__WEBPACK_IMPORTED_MODULE_68__["default"]),
+/* harmony export */   "CurrencyDollarIcon": () => (/* reexport safe */ _CurrencyDollarIcon_js__WEBPACK_IMPORTED_MODULE_69__["default"]),
+/* harmony export */   "CurrencyEuroIcon": () => (/* reexport safe */ _CurrencyEuroIcon_js__WEBPACK_IMPORTED_MODULE_70__["default"]),
+/* harmony export */   "CurrencyPoundIcon": () => (/* reexport safe */ _CurrencyPoundIcon_js__WEBPACK_IMPORTED_MODULE_71__["default"]),
+/* harmony export */   "CurrencyRupeeIcon": () => (/* reexport safe */ _CurrencyRupeeIcon_js__WEBPACK_IMPORTED_MODULE_72__["default"]),
+/* harmony export */   "CurrencyYenIcon": () => (/* reexport safe */ _CurrencyYenIcon_js__WEBPACK_IMPORTED_MODULE_73__["default"]),
+/* harmony export */   "CursorClickIcon": () => (/* reexport safe */ _CursorClickIcon_js__WEBPACK_IMPORTED_MODULE_74__["default"]),
+/* harmony export */   "DatabaseIcon": () => (/* reexport safe */ _DatabaseIcon_js__WEBPACK_IMPORTED_MODULE_75__["default"]),
+/* harmony export */   "DesktopComputerIcon": () => (/* reexport safe */ _DesktopComputerIcon_js__WEBPACK_IMPORTED_MODULE_76__["default"]),
+/* harmony export */   "DeviceMobileIcon": () => (/* reexport safe */ _DeviceMobileIcon_js__WEBPACK_IMPORTED_MODULE_77__["default"]),
+/* harmony export */   "DeviceTabletIcon": () => (/* reexport safe */ _DeviceTabletIcon_js__WEBPACK_IMPORTED_MODULE_78__["default"]),
+/* harmony export */   "DocumentAddIcon": () => (/* reexport safe */ _DocumentAddIcon_js__WEBPACK_IMPORTED_MODULE_79__["default"]),
+/* harmony export */   "DocumentDownloadIcon": () => (/* reexport safe */ _DocumentDownloadIcon_js__WEBPACK_IMPORTED_MODULE_80__["default"]),
+/* harmony export */   "DocumentDuplicateIcon": () => (/* reexport safe */ _DocumentDuplicateIcon_js__WEBPACK_IMPORTED_MODULE_81__["default"]),
+/* harmony export */   "DocumentRemoveIcon": () => (/* reexport safe */ _DocumentRemoveIcon_js__WEBPACK_IMPORTED_MODULE_82__["default"]),
+/* harmony export */   "DocumentReportIcon": () => (/* reexport safe */ _DocumentReportIcon_js__WEBPACK_IMPORTED_MODULE_83__["default"]),
+/* harmony export */   "DocumentSearchIcon": () => (/* reexport safe */ _DocumentSearchIcon_js__WEBPACK_IMPORTED_MODULE_84__["default"]),
+/* harmony export */   "DocumentTextIcon": () => (/* reexport safe */ _DocumentTextIcon_js__WEBPACK_IMPORTED_MODULE_85__["default"]),
+/* harmony export */   "DocumentIcon": () => (/* reexport safe */ _DocumentIcon_js__WEBPACK_IMPORTED_MODULE_86__["default"]),
+/* harmony export */   "DotsCircleHorizontalIcon": () => (/* reexport safe */ _DotsCircleHorizontalIcon_js__WEBPACK_IMPORTED_MODULE_87__["default"]),
+/* harmony export */   "DotsHorizontalIcon": () => (/* reexport safe */ _DotsHorizontalIcon_js__WEBPACK_IMPORTED_MODULE_88__["default"]),
+/* harmony export */   "DotsVerticalIcon": () => (/* reexport safe */ _DotsVerticalIcon_js__WEBPACK_IMPORTED_MODULE_89__["default"]),
+/* harmony export */   "DownloadIcon": () => (/* reexport safe */ _DownloadIcon_js__WEBPACK_IMPORTED_MODULE_90__["default"]),
+/* harmony export */   "DuplicateIcon": () => (/* reexport safe */ _DuplicateIcon_js__WEBPACK_IMPORTED_MODULE_91__["default"]),
+/* harmony export */   "EmojiHappyIcon": () => (/* reexport safe */ _EmojiHappyIcon_js__WEBPACK_IMPORTED_MODULE_92__["default"]),
+/* harmony export */   "EmojiSadIcon": () => (/* reexport safe */ _EmojiSadIcon_js__WEBPACK_IMPORTED_MODULE_93__["default"]),
+/* harmony export */   "ExclamationCircleIcon": () => (/* reexport safe */ _ExclamationCircleIcon_js__WEBPACK_IMPORTED_MODULE_94__["default"]),
+/* harmony export */   "ExclamationIcon": () => (/* reexport safe */ _ExclamationIcon_js__WEBPACK_IMPORTED_MODULE_95__["default"]),
+/* harmony export */   "ExternalLinkIcon": () => (/* reexport safe */ _ExternalLinkIcon_js__WEBPACK_IMPORTED_MODULE_96__["default"]),
+/* harmony export */   "EyeOffIcon": () => (/* reexport safe */ _EyeOffIcon_js__WEBPACK_IMPORTED_MODULE_97__["default"]),
+/* harmony export */   "EyeIcon": () => (/* reexport safe */ _EyeIcon_js__WEBPACK_IMPORTED_MODULE_98__["default"]),
+/* harmony export */   "FastForwardIcon": () => (/* reexport safe */ _FastForwardIcon_js__WEBPACK_IMPORTED_MODULE_99__["default"]),
+/* harmony export */   "FilmIcon": () => (/* reexport safe */ _FilmIcon_js__WEBPACK_IMPORTED_MODULE_100__["default"]),
+/* harmony export */   "FilterIcon": () => (/* reexport safe */ _FilterIcon_js__WEBPACK_IMPORTED_MODULE_101__["default"]),
+/* harmony export */   "FingerPrintIcon": () => (/* reexport safe */ _FingerPrintIcon_js__WEBPACK_IMPORTED_MODULE_102__["default"]),
+/* harmony export */   "FireIcon": () => (/* reexport safe */ _FireIcon_js__WEBPACK_IMPORTED_MODULE_103__["default"]),
+/* harmony export */   "FlagIcon": () => (/* reexport safe */ _FlagIcon_js__WEBPACK_IMPORTED_MODULE_104__["default"]),
+/* harmony export */   "FolderAddIcon": () => (/* reexport safe */ _FolderAddIcon_js__WEBPACK_IMPORTED_MODULE_105__["default"]),
+/* harmony export */   "FolderDownloadIcon": () => (/* reexport safe */ _FolderDownloadIcon_js__WEBPACK_IMPORTED_MODULE_106__["default"]),
+/* harmony export */   "FolderOpenIcon": () => (/* reexport safe */ _FolderOpenIcon_js__WEBPACK_IMPORTED_MODULE_107__["default"]),
+/* harmony export */   "FolderRemoveIcon": () => (/* reexport safe */ _FolderRemoveIcon_js__WEBPACK_IMPORTED_MODULE_108__["default"]),
+/* harmony export */   "FolderIcon": () => (/* reexport safe */ _FolderIcon_js__WEBPACK_IMPORTED_MODULE_109__["default"]),
+/* harmony export */   "GiftIcon": () => (/* reexport safe */ _GiftIcon_js__WEBPACK_IMPORTED_MODULE_110__["default"]),
+/* harmony export */   "GlobeAltIcon": () => (/* reexport safe */ _GlobeAltIcon_js__WEBPACK_IMPORTED_MODULE_111__["default"]),
+/* harmony export */   "GlobeIcon": () => (/* reexport safe */ _GlobeIcon_js__WEBPACK_IMPORTED_MODULE_112__["default"]),
+/* harmony export */   "HandIcon": () => (/* reexport safe */ _HandIcon_js__WEBPACK_IMPORTED_MODULE_113__["default"]),
+/* harmony export */   "HashtagIcon": () => (/* reexport safe */ _HashtagIcon_js__WEBPACK_IMPORTED_MODULE_114__["default"]),
+/* harmony export */   "HeartIcon": () => (/* reexport safe */ _HeartIcon_js__WEBPACK_IMPORTED_MODULE_115__["default"]),
+/* harmony export */   "HomeIcon": () => (/* reexport safe */ _HomeIcon_js__WEBPACK_IMPORTED_MODULE_116__["default"]),
+/* harmony export */   "IdentificationIcon": () => (/* reexport safe */ _IdentificationIcon_js__WEBPACK_IMPORTED_MODULE_117__["default"]),
+/* harmony export */   "InboxInIcon": () => (/* reexport safe */ _InboxInIcon_js__WEBPACK_IMPORTED_MODULE_118__["default"]),
+/* harmony export */   "InboxIcon": () => (/* reexport safe */ _InboxIcon_js__WEBPACK_IMPORTED_MODULE_119__["default"]),
+/* harmony export */   "InformationCircleIcon": () => (/* reexport safe */ _InformationCircleIcon_js__WEBPACK_IMPORTED_MODULE_120__["default"]),
+/* harmony export */   "KeyIcon": () => (/* reexport safe */ _KeyIcon_js__WEBPACK_IMPORTED_MODULE_121__["default"]),
+/* harmony export */   "LibraryIcon": () => (/* reexport safe */ _LibraryIcon_js__WEBPACK_IMPORTED_MODULE_122__["default"]),
+/* harmony export */   "LightBulbIcon": () => (/* reexport safe */ _LightBulbIcon_js__WEBPACK_IMPORTED_MODULE_123__["default"]),
+/* harmony export */   "LightningBoltIcon": () => (/* reexport safe */ _LightningBoltIcon_js__WEBPACK_IMPORTED_MODULE_124__["default"]),
+/* harmony export */   "LinkIcon": () => (/* reexport safe */ _LinkIcon_js__WEBPACK_IMPORTED_MODULE_125__["default"]),
+/* harmony export */   "LocationMarkerIcon": () => (/* reexport safe */ _LocationMarkerIcon_js__WEBPACK_IMPORTED_MODULE_126__["default"]),
+/* harmony export */   "LockClosedIcon": () => (/* reexport safe */ _LockClosedIcon_js__WEBPACK_IMPORTED_MODULE_127__["default"]),
+/* harmony export */   "LockOpenIcon": () => (/* reexport safe */ _LockOpenIcon_js__WEBPACK_IMPORTED_MODULE_128__["default"]),
+/* harmony export */   "LoginIcon": () => (/* reexport safe */ _LoginIcon_js__WEBPACK_IMPORTED_MODULE_129__["default"]),
+/* harmony export */   "LogoutIcon": () => (/* reexport safe */ _LogoutIcon_js__WEBPACK_IMPORTED_MODULE_130__["default"]),
+/* harmony export */   "MailOpenIcon": () => (/* reexport safe */ _MailOpenIcon_js__WEBPACK_IMPORTED_MODULE_131__["default"]),
+/* harmony export */   "MailIcon": () => (/* reexport safe */ _MailIcon_js__WEBPACK_IMPORTED_MODULE_132__["default"]),
+/* harmony export */   "MapIcon": () => (/* reexport safe */ _MapIcon_js__WEBPACK_IMPORTED_MODULE_133__["default"]),
+/* harmony export */   "MenuAlt1Icon": () => (/* reexport safe */ _MenuAlt1Icon_js__WEBPACK_IMPORTED_MODULE_134__["default"]),
+/* harmony export */   "MenuAlt2Icon": () => (/* reexport safe */ _MenuAlt2Icon_js__WEBPACK_IMPORTED_MODULE_135__["default"]),
+/* harmony export */   "MenuAlt3Icon": () => (/* reexport safe */ _MenuAlt3Icon_js__WEBPACK_IMPORTED_MODULE_136__["default"]),
+/* harmony export */   "MenuAlt4Icon": () => (/* reexport safe */ _MenuAlt4Icon_js__WEBPACK_IMPORTED_MODULE_137__["default"]),
+/* harmony export */   "MenuIcon": () => (/* reexport safe */ _MenuIcon_js__WEBPACK_IMPORTED_MODULE_138__["default"]),
+/* harmony export */   "MicrophoneIcon": () => (/* reexport safe */ _MicrophoneIcon_js__WEBPACK_IMPORTED_MODULE_139__["default"]),
+/* harmony export */   "MinusCircleIcon": () => (/* reexport safe */ _MinusCircleIcon_js__WEBPACK_IMPORTED_MODULE_140__["default"]),
+/* harmony export */   "MinusSmIcon": () => (/* reexport safe */ _MinusSmIcon_js__WEBPACK_IMPORTED_MODULE_141__["default"]),
+/* harmony export */   "MinusIcon": () => (/* reexport safe */ _MinusIcon_js__WEBPACK_IMPORTED_MODULE_142__["default"]),
+/* harmony export */   "MoonIcon": () => (/* reexport safe */ _MoonIcon_js__WEBPACK_IMPORTED_MODULE_143__["default"]),
+/* harmony export */   "MusicNoteIcon": () => (/* reexport safe */ _MusicNoteIcon_js__WEBPACK_IMPORTED_MODULE_144__["default"]),
+/* harmony export */   "NewspaperIcon": () => (/* reexport safe */ _NewspaperIcon_js__WEBPACK_IMPORTED_MODULE_145__["default"]),
+/* harmony export */   "OfficeBuildingIcon": () => (/* reexport safe */ _OfficeBuildingIcon_js__WEBPACK_IMPORTED_MODULE_146__["default"]),
+/* harmony export */   "PaperAirplaneIcon": () => (/* reexport safe */ _PaperAirplaneIcon_js__WEBPACK_IMPORTED_MODULE_147__["default"]),
+/* harmony export */   "PaperClipIcon": () => (/* reexport safe */ _PaperClipIcon_js__WEBPACK_IMPORTED_MODULE_148__["default"]),
+/* harmony export */   "PauseIcon": () => (/* reexport safe */ _PauseIcon_js__WEBPACK_IMPORTED_MODULE_149__["default"]),
+/* harmony export */   "PencilAltIcon": () => (/* reexport safe */ _PencilAltIcon_js__WEBPACK_IMPORTED_MODULE_150__["default"]),
+/* harmony export */   "PencilIcon": () => (/* reexport safe */ _PencilIcon_js__WEBPACK_IMPORTED_MODULE_151__["default"]),
+/* harmony export */   "PhoneIncomingIcon": () => (/* reexport safe */ _PhoneIncomingIcon_js__WEBPACK_IMPORTED_MODULE_152__["default"]),
+/* harmony export */   "PhoneMissedCallIcon": () => (/* reexport safe */ _PhoneMissedCallIcon_js__WEBPACK_IMPORTED_MODULE_153__["default"]),
+/* harmony export */   "PhoneOutgoingIcon": () => (/* reexport safe */ _PhoneOutgoingIcon_js__WEBPACK_IMPORTED_MODULE_154__["default"]),
+/* harmony export */   "PhoneIcon": () => (/* reexport safe */ _PhoneIcon_js__WEBPACK_IMPORTED_MODULE_155__["default"]),
+/* harmony export */   "PhotographIcon": () => (/* reexport safe */ _PhotographIcon_js__WEBPACK_IMPORTED_MODULE_156__["default"]),
+/* harmony export */   "PlayIcon": () => (/* reexport safe */ _PlayIcon_js__WEBPACK_IMPORTED_MODULE_157__["default"]),
+/* harmony export */   "PlusCircleIcon": () => (/* reexport safe */ _PlusCircleIcon_js__WEBPACK_IMPORTED_MODULE_158__["default"]),
+/* harmony export */   "PlusSmIcon": () => (/* reexport safe */ _PlusSmIcon_js__WEBPACK_IMPORTED_MODULE_159__["default"]),
+/* harmony export */   "PlusIcon": () => (/* reexport safe */ _PlusIcon_js__WEBPACK_IMPORTED_MODULE_160__["default"]),
+/* harmony export */   "PresentationChartBarIcon": () => (/* reexport safe */ _PresentationChartBarIcon_js__WEBPACK_IMPORTED_MODULE_161__["default"]),
+/* harmony export */   "PresentationChartLineIcon": () => (/* reexport safe */ _PresentationChartLineIcon_js__WEBPACK_IMPORTED_MODULE_162__["default"]),
+/* harmony export */   "PrinterIcon": () => (/* reexport safe */ _PrinterIcon_js__WEBPACK_IMPORTED_MODULE_163__["default"]),
+/* harmony export */   "PuzzleIcon": () => (/* reexport safe */ _PuzzleIcon_js__WEBPACK_IMPORTED_MODULE_164__["default"]),
+/* harmony export */   "QrcodeIcon": () => (/* reexport safe */ _QrcodeIcon_js__WEBPACK_IMPORTED_MODULE_165__["default"]),
+/* harmony export */   "QuestionMarkCircleIcon": () => (/* reexport safe */ _QuestionMarkCircleIcon_js__WEBPACK_IMPORTED_MODULE_166__["default"]),
+/* harmony export */   "ReceiptRefundIcon": () => (/* reexport safe */ _ReceiptRefundIcon_js__WEBPACK_IMPORTED_MODULE_167__["default"]),
+/* harmony export */   "ReceiptTaxIcon": () => (/* reexport safe */ _ReceiptTaxIcon_js__WEBPACK_IMPORTED_MODULE_168__["default"]),
+/* harmony export */   "RefreshIcon": () => (/* reexport safe */ _RefreshIcon_js__WEBPACK_IMPORTED_MODULE_169__["default"]),
+/* harmony export */   "ReplyIcon": () => (/* reexport safe */ _ReplyIcon_js__WEBPACK_IMPORTED_MODULE_170__["default"]),
+/* harmony export */   "RewindIcon": () => (/* reexport safe */ _RewindIcon_js__WEBPACK_IMPORTED_MODULE_171__["default"]),
+/* harmony export */   "RssIcon": () => (/* reexport safe */ _RssIcon_js__WEBPACK_IMPORTED_MODULE_172__["default"]),
+/* harmony export */   "SaveAsIcon": () => (/* reexport safe */ _SaveAsIcon_js__WEBPACK_IMPORTED_MODULE_173__["default"]),
+/* harmony export */   "SaveIcon": () => (/* reexport safe */ _SaveIcon_js__WEBPACK_IMPORTED_MODULE_174__["default"]),
+/* harmony export */   "ScaleIcon": () => (/* reexport safe */ _ScaleIcon_js__WEBPACK_IMPORTED_MODULE_175__["default"]),
+/* harmony export */   "ScissorsIcon": () => (/* reexport safe */ _ScissorsIcon_js__WEBPACK_IMPORTED_MODULE_176__["default"]),
+/* harmony export */   "SearchCircleIcon": () => (/* reexport safe */ _SearchCircleIcon_js__WEBPACK_IMPORTED_MODULE_177__["default"]),
+/* harmony export */   "SearchIcon": () => (/* reexport safe */ _SearchIcon_js__WEBPACK_IMPORTED_MODULE_178__["default"]),
+/* harmony export */   "SelectorIcon": () => (/* reexport safe */ _SelectorIcon_js__WEBPACK_IMPORTED_MODULE_179__["default"]),
+/* harmony export */   "ServerIcon": () => (/* reexport safe */ _ServerIcon_js__WEBPACK_IMPORTED_MODULE_180__["default"]),
+/* harmony export */   "ShareIcon": () => (/* reexport safe */ _ShareIcon_js__WEBPACK_IMPORTED_MODULE_181__["default"]),
+/* harmony export */   "ShieldCheckIcon": () => (/* reexport safe */ _ShieldCheckIcon_js__WEBPACK_IMPORTED_MODULE_182__["default"]),
+/* harmony export */   "ShieldExclamationIcon": () => (/* reexport safe */ _ShieldExclamationIcon_js__WEBPACK_IMPORTED_MODULE_183__["default"]),
+/* harmony export */   "ShoppingBagIcon": () => (/* reexport safe */ _ShoppingBagIcon_js__WEBPACK_IMPORTED_MODULE_184__["default"]),
+/* harmony export */   "ShoppingCartIcon": () => (/* reexport safe */ _ShoppingCartIcon_js__WEBPACK_IMPORTED_MODULE_185__["default"]),
+/* harmony export */   "SortAscendingIcon": () => (/* reexport safe */ _SortAscendingIcon_js__WEBPACK_IMPORTED_MODULE_186__["default"]),
+/* harmony export */   "SortDescendingIcon": () => (/* reexport safe */ _SortDescendingIcon_js__WEBPACK_IMPORTED_MODULE_187__["default"]),
+/* harmony export */   "SparklesIcon": () => (/* reexport safe */ _SparklesIcon_js__WEBPACK_IMPORTED_MODULE_188__["default"]),
+/* harmony export */   "SpeakerphoneIcon": () => (/* reexport safe */ _SpeakerphoneIcon_js__WEBPACK_IMPORTED_MODULE_189__["default"]),
+/* harmony export */   "StarIcon": () => (/* reexport safe */ _StarIcon_js__WEBPACK_IMPORTED_MODULE_190__["default"]),
+/* harmony export */   "StatusOfflineIcon": () => (/* reexport safe */ _StatusOfflineIcon_js__WEBPACK_IMPORTED_MODULE_191__["default"]),
+/* harmony export */   "StatusOnlineIcon": () => (/* reexport safe */ _StatusOnlineIcon_js__WEBPACK_IMPORTED_MODULE_192__["default"]),
+/* harmony export */   "StopIcon": () => (/* reexport safe */ _StopIcon_js__WEBPACK_IMPORTED_MODULE_193__["default"]),
+/* harmony export */   "SunIcon": () => (/* reexport safe */ _SunIcon_js__WEBPACK_IMPORTED_MODULE_194__["default"]),
+/* harmony export */   "SupportIcon": () => (/* reexport safe */ _SupportIcon_js__WEBPACK_IMPORTED_MODULE_195__["default"]),
+/* harmony export */   "SwitchHorizontalIcon": () => (/* reexport safe */ _SwitchHorizontalIcon_js__WEBPACK_IMPORTED_MODULE_196__["default"]),
+/* harmony export */   "SwitchVerticalIcon": () => (/* reexport safe */ _SwitchVerticalIcon_js__WEBPACK_IMPORTED_MODULE_197__["default"]),
+/* harmony export */   "TableIcon": () => (/* reexport safe */ _TableIcon_js__WEBPACK_IMPORTED_MODULE_198__["default"]),
+/* harmony export */   "TagIcon": () => (/* reexport safe */ _TagIcon_js__WEBPACK_IMPORTED_MODULE_199__["default"]),
+/* harmony export */   "TemplateIcon": () => (/* reexport safe */ _TemplateIcon_js__WEBPACK_IMPORTED_MODULE_200__["default"]),
+/* harmony export */   "TerminalIcon": () => (/* reexport safe */ _TerminalIcon_js__WEBPACK_IMPORTED_MODULE_201__["default"]),
+/* harmony export */   "ThumbDownIcon": () => (/* reexport safe */ _ThumbDownIcon_js__WEBPACK_IMPORTED_MODULE_202__["default"]),
+/* harmony export */   "ThumbUpIcon": () => (/* reexport safe */ _ThumbUpIcon_js__WEBPACK_IMPORTED_MODULE_203__["default"]),
+/* harmony export */   "TicketIcon": () => (/* reexport safe */ _TicketIcon_js__WEBPACK_IMPORTED_MODULE_204__["default"]),
+/* harmony export */   "TranslateIcon": () => (/* reexport safe */ _TranslateIcon_js__WEBPACK_IMPORTED_MODULE_205__["default"]),
+/* harmony export */   "TrashIcon": () => (/* reexport safe */ _TrashIcon_js__WEBPACK_IMPORTED_MODULE_206__["default"]),
+/* harmony export */   "TrendingDownIcon": () => (/* reexport safe */ _TrendingDownIcon_js__WEBPACK_IMPORTED_MODULE_207__["default"]),
+/* harmony export */   "TrendingUpIcon": () => (/* reexport safe */ _TrendingUpIcon_js__WEBPACK_IMPORTED_MODULE_208__["default"]),
+/* harmony export */   "TruckIcon": () => (/* reexport safe */ _TruckIcon_js__WEBPACK_IMPORTED_MODULE_209__["default"]),
+/* harmony export */   "UploadIcon": () => (/* reexport safe */ _UploadIcon_js__WEBPACK_IMPORTED_MODULE_210__["default"]),
+/* harmony export */   "UserAddIcon": () => (/* reexport safe */ _UserAddIcon_js__WEBPACK_IMPORTED_MODULE_211__["default"]),
+/* harmony export */   "UserCircleIcon": () => (/* reexport safe */ _UserCircleIcon_js__WEBPACK_IMPORTED_MODULE_212__["default"]),
+/* harmony export */   "UserGroupIcon": () => (/* reexport safe */ _UserGroupIcon_js__WEBPACK_IMPORTED_MODULE_213__["default"]),
+/* harmony export */   "UserRemoveIcon": () => (/* reexport safe */ _UserRemoveIcon_js__WEBPACK_IMPORTED_MODULE_214__["default"]),
+/* harmony export */   "UserIcon": () => (/* reexport safe */ _UserIcon_js__WEBPACK_IMPORTED_MODULE_215__["default"]),
+/* harmony export */   "UsersIcon": () => (/* reexport safe */ _UsersIcon_js__WEBPACK_IMPORTED_MODULE_216__["default"]),
+/* harmony export */   "VariableIcon": () => (/* reexport safe */ _VariableIcon_js__WEBPACK_IMPORTED_MODULE_217__["default"]),
+/* harmony export */   "VideoCameraIcon": () => (/* reexport safe */ _VideoCameraIcon_js__WEBPACK_IMPORTED_MODULE_218__["default"]),
+/* harmony export */   "ViewBoardsIcon": () => (/* reexport safe */ _ViewBoardsIcon_js__WEBPACK_IMPORTED_MODULE_219__["default"]),
+/* harmony export */   "ViewGridAddIcon": () => (/* reexport safe */ _ViewGridAddIcon_js__WEBPACK_IMPORTED_MODULE_220__["default"]),
+/* harmony export */   "ViewGridIcon": () => (/* reexport safe */ _ViewGridIcon_js__WEBPACK_IMPORTED_MODULE_221__["default"]),
+/* harmony export */   "ViewListIcon": () => (/* reexport safe */ _ViewListIcon_js__WEBPACK_IMPORTED_MODULE_222__["default"]),
+/* harmony export */   "VolumeOffIcon": () => (/* reexport safe */ _VolumeOffIcon_js__WEBPACK_IMPORTED_MODULE_223__["default"]),
+/* harmony export */   "VolumeUpIcon": () => (/* reexport safe */ _VolumeUpIcon_js__WEBPACK_IMPORTED_MODULE_224__["default"]),
+/* harmony export */   "WifiIcon": () => (/* reexport safe */ _WifiIcon_js__WEBPACK_IMPORTED_MODULE_225__["default"]),
+/* harmony export */   "XCircleIcon": () => (/* reexport safe */ _XCircleIcon_js__WEBPACK_IMPORTED_MODULE_226__["default"]),
+/* harmony export */   "XIcon": () => (/* reexport safe */ _XIcon_js__WEBPACK_IMPORTED_MODULE_227__["default"]),
+/* harmony export */   "ZoomInIcon": () => (/* reexport safe */ _ZoomInIcon_js__WEBPACK_IMPORTED_MODULE_228__["default"]),
+/* harmony export */   "ZoomOutIcon": () => (/* reexport safe */ _ZoomOutIcon_js__WEBPACK_IMPORTED_MODULE_229__["default"])
+/* harmony export */ });
+/* harmony import */ var _AcademicCapIcon_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AcademicCapIcon.js */ "./node_modules/@heroicons/react/solid/esm/AcademicCapIcon.js");
+/* harmony import */ var _AdjustmentsIcon_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AdjustmentsIcon.js */ "./node_modules/@heroicons/react/solid/esm/AdjustmentsIcon.js");
+/* harmony import */ var _AnnotationIcon_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AnnotationIcon.js */ "./node_modules/@heroicons/react/solid/esm/AnnotationIcon.js");
+/* harmony import */ var _ArchiveIcon_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ArchiveIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArchiveIcon.js");
+/* harmony import */ var _ArrowCircleDownIcon_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ArrowCircleDownIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowCircleDownIcon.js");
+/* harmony import */ var _ArrowCircleLeftIcon_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ArrowCircleLeftIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowCircleLeftIcon.js");
+/* harmony import */ var _ArrowCircleRightIcon_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ArrowCircleRightIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowCircleRightIcon.js");
+/* harmony import */ var _ArrowCircleUpIcon_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ArrowCircleUpIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowCircleUpIcon.js");
+/* harmony import */ var _ArrowDownIcon_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ArrowDownIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowDownIcon.js");
+/* harmony import */ var _ArrowLeftIcon_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ArrowLeftIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowLeftIcon.js");
+/* harmony import */ var _ArrowNarrowDownIcon_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ArrowNarrowDownIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowNarrowDownIcon.js");
+/* harmony import */ var _ArrowNarrowLeftIcon_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ArrowNarrowLeftIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowNarrowLeftIcon.js");
+/* harmony import */ var _ArrowNarrowRightIcon_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ArrowNarrowRightIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowNarrowRightIcon.js");
+/* harmony import */ var _ArrowNarrowUpIcon_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ArrowNarrowUpIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowNarrowUpIcon.js");
+/* harmony import */ var _ArrowRightIcon_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ArrowRightIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowRightIcon.js");
+/* harmony import */ var _ArrowSmDownIcon_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ArrowSmDownIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowSmDownIcon.js");
+/* harmony import */ var _ArrowSmLeftIcon_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./ArrowSmLeftIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowSmLeftIcon.js");
+/* harmony import */ var _ArrowSmRightIcon_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./ArrowSmRightIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowSmRightIcon.js");
+/* harmony import */ var _ArrowSmUpIcon_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./ArrowSmUpIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowSmUpIcon.js");
+/* harmony import */ var _ArrowUpIcon_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./ArrowUpIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowUpIcon.js");
+/* harmony import */ var _ArrowsExpandIcon_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./ArrowsExpandIcon.js */ "./node_modules/@heroicons/react/solid/esm/ArrowsExpandIcon.js");
+/* harmony import */ var _AtSymbolIcon_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./AtSymbolIcon.js */ "./node_modules/@heroicons/react/solid/esm/AtSymbolIcon.js");
+/* harmony import */ var _BackspaceIcon_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./BackspaceIcon.js */ "./node_modules/@heroicons/react/solid/esm/BackspaceIcon.js");
+/* harmony import */ var _BadgeCheckIcon_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./BadgeCheckIcon.js */ "./node_modules/@heroicons/react/solid/esm/BadgeCheckIcon.js");
+/* harmony import */ var _BanIcon_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./BanIcon.js */ "./node_modules/@heroicons/react/solid/esm/BanIcon.js");
+/* harmony import */ var _BeakerIcon_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./BeakerIcon.js */ "./node_modules/@heroicons/react/solid/esm/BeakerIcon.js");
+/* harmony import */ var _BellIcon_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./BellIcon.js */ "./node_modules/@heroicons/react/solid/esm/BellIcon.js");
+/* harmony import */ var _BookOpenIcon_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./BookOpenIcon.js */ "./node_modules/@heroicons/react/solid/esm/BookOpenIcon.js");
+/* harmony import */ var _BookmarkAltIcon_js__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./BookmarkAltIcon.js */ "./node_modules/@heroicons/react/solid/esm/BookmarkAltIcon.js");
+/* harmony import */ var _BookmarkIcon_js__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./BookmarkIcon.js */ "./node_modules/@heroicons/react/solid/esm/BookmarkIcon.js");
+/* harmony import */ var _BriefcaseIcon_js__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./BriefcaseIcon.js */ "./node_modules/@heroicons/react/solid/esm/BriefcaseIcon.js");
+/* harmony import */ var _CakeIcon_js__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./CakeIcon.js */ "./node_modules/@heroicons/react/solid/esm/CakeIcon.js");
+/* harmony import */ var _CalculatorIcon_js__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./CalculatorIcon.js */ "./node_modules/@heroicons/react/solid/esm/CalculatorIcon.js");
+/* harmony import */ var _CalendarIcon_js__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./CalendarIcon.js */ "./node_modules/@heroicons/react/solid/esm/CalendarIcon.js");
+/* harmony import */ var _CameraIcon_js__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./CameraIcon.js */ "./node_modules/@heroicons/react/solid/esm/CameraIcon.js");
+/* harmony import */ var _CashIcon_js__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./CashIcon.js */ "./node_modules/@heroicons/react/solid/esm/CashIcon.js");
+/* harmony import */ var _ChartBarIcon_js__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./ChartBarIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChartBarIcon.js");
+/* harmony import */ var _ChartPieIcon_js__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./ChartPieIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChartPieIcon.js");
+/* harmony import */ var _ChartSquareBarIcon_js__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./ChartSquareBarIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChartSquareBarIcon.js");
+/* harmony import */ var _ChatAlt2Icon_js__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./ChatAlt2Icon.js */ "./node_modules/@heroicons/react/solid/esm/ChatAlt2Icon.js");
+/* harmony import */ var _ChatAltIcon_js__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./ChatAltIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChatAltIcon.js");
+/* harmony import */ var _ChatIcon_js__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./ChatIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChatIcon.js");
+/* harmony import */ var _CheckCircleIcon_js__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./CheckCircleIcon.js */ "./node_modules/@heroicons/react/solid/esm/CheckCircleIcon.js");
+/* harmony import */ var _CheckIcon_js__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./CheckIcon.js */ "./node_modules/@heroicons/react/solid/esm/CheckIcon.js");
+/* harmony import */ var _ChevronDoubleDownIcon_js__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./ChevronDoubleDownIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChevronDoubleDownIcon.js");
+/* harmony import */ var _ChevronDoubleLeftIcon_js__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./ChevronDoubleLeftIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChevronDoubleLeftIcon.js");
+/* harmony import */ var _ChevronDoubleRightIcon_js__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ./ChevronDoubleRightIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChevronDoubleRightIcon.js");
+/* harmony import */ var _ChevronDoubleUpIcon_js__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ./ChevronDoubleUpIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChevronDoubleUpIcon.js");
+/* harmony import */ var _ChevronDownIcon_js__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ./ChevronDownIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChevronDownIcon.js");
+/* harmony import */ var _ChevronLeftIcon_js__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ./ChevronLeftIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChevronLeftIcon.js");
+/* harmony import */ var _ChevronRightIcon_js__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ./ChevronRightIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChevronRightIcon.js");
+/* harmony import */ var _ChevronUpIcon_js__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ./ChevronUpIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChevronUpIcon.js");
+/* harmony import */ var _ChipIcon_js__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ./ChipIcon.js */ "./node_modules/@heroicons/react/solid/esm/ChipIcon.js");
+/* harmony import */ var _ClipboardCheckIcon_js__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ./ClipboardCheckIcon.js */ "./node_modules/@heroicons/react/solid/esm/ClipboardCheckIcon.js");
+/* harmony import */ var _ClipboardCopyIcon_js__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./ClipboardCopyIcon.js */ "./node_modules/@heroicons/react/solid/esm/ClipboardCopyIcon.js");
+/* harmony import */ var _ClipboardListIcon_js__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ./ClipboardListIcon.js */ "./node_modules/@heroicons/react/solid/esm/ClipboardListIcon.js");
+/* harmony import */ var _ClipboardIcon_js__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ./ClipboardIcon.js */ "./node_modules/@heroicons/react/solid/esm/ClipboardIcon.js");
+/* harmony import */ var _ClockIcon_js__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ./ClockIcon.js */ "./node_modules/@heroicons/react/solid/esm/ClockIcon.js");
+/* harmony import */ var _CloudDownloadIcon_js__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./CloudDownloadIcon.js */ "./node_modules/@heroicons/react/solid/esm/CloudDownloadIcon.js");
+/* harmony import */ var _CloudUploadIcon_js__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ./CloudUploadIcon.js */ "./node_modules/@heroicons/react/solid/esm/CloudUploadIcon.js");
+/* harmony import */ var _CloudIcon_js__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ./CloudIcon.js */ "./node_modules/@heroicons/react/solid/esm/CloudIcon.js");
+/* harmony import */ var _CodeIcon_js__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ./CodeIcon.js */ "./node_modules/@heroicons/react/solid/esm/CodeIcon.js");
+/* harmony import */ var _CogIcon_js__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ./CogIcon.js */ "./node_modules/@heroicons/react/solid/esm/CogIcon.js");
+/* harmony import */ var _CollectionIcon_js__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ./CollectionIcon.js */ "./node_modules/@heroicons/react/solid/esm/CollectionIcon.js");
+/* harmony import */ var _ColorSwatchIcon_js__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ./ColorSwatchIcon.js */ "./node_modules/@heroicons/react/solid/esm/ColorSwatchIcon.js");
+/* harmony import */ var _CreditCardIcon_js__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ./CreditCardIcon.js */ "./node_modules/@heroicons/react/solid/esm/CreditCardIcon.js");
+/* harmony import */ var _CubeTransparentIcon_js__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ./CubeTransparentIcon.js */ "./node_modules/@heroicons/react/solid/esm/CubeTransparentIcon.js");
+/* harmony import */ var _CubeIcon_js__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ./CubeIcon.js */ "./node_modules/@heroicons/react/solid/esm/CubeIcon.js");
+/* harmony import */ var _CurrencyBangladeshiIcon_js__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ./CurrencyBangladeshiIcon.js */ "./node_modules/@heroicons/react/solid/esm/CurrencyBangladeshiIcon.js");
+/* harmony import */ var _CurrencyDollarIcon_js__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ./CurrencyDollarIcon.js */ "./node_modules/@heroicons/react/solid/esm/CurrencyDollarIcon.js");
+/* harmony import */ var _CurrencyEuroIcon_js__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ./CurrencyEuroIcon.js */ "./node_modules/@heroicons/react/solid/esm/CurrencyEuroIcon.js");
+/* harmony import */ var _CurrencyPoundIcon_js__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ./CurrencyPoundIcon.js */ "./node_modules/@heroicons/react/solid/esm/CurrencyPoundIcon.js");
+/* harmony import */ var _CurrencyRupeeIcon_js__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ./CurrencyRupeeIcon.js */ "./node_modules/@heroicons/react/solid/esm/CurrencyRupeeIcon.js");
+/* harmony import */ var _CurrencyYenIcon_js__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ./CurrencyYenIcon.js */ "./node_modules/@heroicons/react/solid/esm/CurrencyYenIcon.js");
+/* harmony import */ var _CursorClickIcon_js__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ./CursorClickIcon.js */ "./node_modules/@heroicons/react/solid/esm/CursorClickIcon.js");
+/* harmony import */ var _DatabaseIcon_js__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ./DatabaseIcon.js */ "./node_modules/@heroicons/react/solid/esm/DatabaseIcon.js");
+/* harmony import */ var _DesktopComputerIcon_js__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ./DesktopComputerIcon.js */ "./node_modules/@heroicons/react/solid/esm/DesktopComputerIcon.js");
+/* harmony import */ var _DeviceMobileIcon_js__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ./DeviceMobileIcon.js */ "./node_modules/@heroicons/react/solid/esm/DeviceMobileIcon.js");
+/* harmony import */ var _DeviceTabletIcon_js__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ./DeviceTabletIcon.js */ "./node_modules/@heroicons/react/solid/esm/DeviceTabletIcon.js");
+/* harmony import */ var _DocumentAddIcon_js__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ./DocumentAddIcon.js */ "./node_modules/@heroicons/react/solid/esm/DocumentAddIcon.js");
+/* harmony import */ var _DocumentDownloadIcon_js__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ./DocumentDownloadIcon.js */ "./node_modules/@heroicons/react/solid/esm/DocumentDownloadIcon.js");
+/* harmony import */ var _DocumentDuplicateIcon_js__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ./DocumentDuplicateIcon.js */ "./node_modules/@heroicons/react/solid/esm/DocumentDuplicateIcon.js");
+/* harmony import */ var _DocumentRemoveIcon_js__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ./DocumentRemoveIcon.js */ "./node_modules/@heroicons/react/solid/esm/DocumentRemoveIcon.js");
+/* harmony import */ var _DocumentReportIcon_js__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ./DocumentReportIcon.js */ "./node_modules/@heroicons/react/solid/esm/DocumentReportIcon.js");
+/* harmony import */ var _DocumentSearchIcon_js__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ./DocumentSearchIcon.js */ "./node_modules/@heroicons/react/solid/esm/DocumentSearchIcon.js");
+/* harmony import */ var _DocumentTextIcon_js__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ./DocumentTextIcon.js */ "./node_modules/@heroicons/react/solid/esm/DocumentTextIcon.js");
+/* harmony import */ var _DocumentIcon_js__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ./DocumentIcon.js */ "./node_modules/@heroicons/react/solid/esm/DocumentIcon.js");
+/* harmony import */ var _DotsCircleHorizontalIcon_js__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ./DotsCircleHorizontalIcon.js */ "./node_modules/@heroicons/react/solid/esm/DotsCircleHorizontalIcon.js");
+/* harmony import */ var _DotsHorizontalIcon_js__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ./DotsHorizontalIcon.js */ "./node_modules/@heroicons/react/solid/esm/DotsHorizontalIcon.js");
+/* harmony import */ var _DotsVerticalIcon_js__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(/*! ./DotsVerticalIcon.js */ "./node_modules/@heroicons/react/solid/esm/DotsVerticalIcon.js");
+/* harmony import */ var _DownloadIcon_js__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(/*! ./DownloadIcon.js */ "./node_modules/@heroicons/react/solid/esm/DownloadIcon.js");
+/* harmony import */ var _DuplicateIcon_js__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(/*! ./DuplicateIcon.js */ "./node_modules/@heroicons/react/solid/esm/DuplicateIcon.js");
+/* harmony import */ var _EmojiHappyIcon_js__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(/*! ./EmojiHappyIcon.js */ "./node_modules/@heroicons/react/solid/esm/EmojiHappyIcon.js");
+/* harmony import */ var _EmojiSadIcon_js__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(/*! ./EmojiSadIcon.js */ "./node_modules/@heroicons/react/solid/esm/EmojiSadIcon.js");
+/* harmony import */ var _ExclamationCircleIcon_js__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(/*! ./ExclamationCircleIcon.js */ "./node_modules/@heroicons/react/solid/esm/ExclamationCircleIcon.js");
+/* harmony import */ var _ExclamationIcon_js__WEBPACK_IMPORTED_MODULE_95__ = __webpack_require__(/*! ./ExclamationIcon.js */ "./node_modules/@heroicons/react/solid/esm/ExclamationIcon.js");
+/* harmony import */ var _ExternalLinkIcon_js__WEBPACK_IMPORTED_MODULE_96__ = __webpack_require__(/*! ./ExternalLinkIcon.js */ "./node_modules/@heroicons/react/solid/esm/ExternalLinkIcon.js");
+/* harmony import */ var _EyeOffIcon_js__WEBPACK_IMPORTED_MODULE_97__ = __webpack_require__(/*! ./EyeOffIcon.js */ "./node_modules/@heroicons/react/solid/esm/EyeOffIcon.js");
+/* harmony import */ var _EyeIcon_js__WEBPACK_IMPORTED_MODULE_98__ = __webpack_require__(/*! ./EyeIcon.js */ "./node_modules/@heroicons/react/solid/esm/EyeIcon.js");
+/* harmony import */ var _FastForwardIcon_js__WEBPACK_IMPORTED_MODULE_99__ = __webpack_require__(/*! ./FastForwardIcon.js */ "./node_modules/@heroicons/react/solid/esm/FastForwardIcon.js");
+/* harmony import */ var _FilmIcon_js__WEBPACK_IMPORTED_MODULE_100__ = __webpack_require__(/*! ./FilmIcon.js */ "./node_modules/@heroicons/react/solid/esm/FilmIcon.js");
+/* harmony import */ var _FilterIcon_js__WEBPACK_IMPORTED_MODULE_101__ = __webpack_require__(/*! ./FilterIcon.js */ "./node_modules/@heroicons/react/solid/esm/FilterIcon.js");
+/* harmony import */ var _FingerPrintIcon_js__WEBPACK_IMPORTED_MODULE_102__ = __webpack_require__(/*! ./FingerPrintIcon.js */ "./node_modules/@heroicons/react/solid/esm/FingerPrintIcon.js");
+/* harmony import */ var _FireIcon_js__WEBPACK_IMPORTED_MODULE_103__ = __webpack_require__(/*! ./FireIcon.js */ "./node_modules/@heroicons/react/solid/esm/FireIcon.js");
+/* harmony import */ var _FlagIcon_js__WEBPACK_IMPORTED_MODULE_104__ = __webpack_require__(/*! ./FlagIcon.js */ "./node_modules/@heroicons/react/solid/esm/FlagIcon.js");
+/* harmony import */ var _FolderAddIcon_js__WEBPACK_IMPORTED_MODULE_105__ = __webpack_require__(/*! ./FolderAddIcon.js */ "./node_modules/@heroicons/react/solid/esm/FolderAddIcon.js");
+/* harmony import */ var _FolderDownloadIcon_js__WEBPACK_IMPORTED_MODULE_106__ = __webpack_require__(/*! ./FolderDownloadIcon.js */ "./node_modules/@heroicons/react/solid/esm/FolderDownloadIcon.js");
+/* harmony import */ var _FolderOpenIcon_js__WEBPACK_IMPORTED_MODULE_107__ = __webpack_require__(/*! ./FolderOpenIcon.js */ "./node_modules/@heroicons/react/solid/esm/FolderOpenIcon.js");
+/* harmony import */ var _FolderRemoveIcon_js__WEBPACK_IMPORTED_MODULE_108__ = __webpack_require__(/*! ./FolderRemoveIcon.js */ "./node_modules/@heroicons/react/solid/esm/FolderRemoveIcon.js");
+/* harmony import */ var _FolderIcon_js__WEBPACK_IMPORTED_MODULE_109__ = __webpack_require__(/*! ./FolderIcon.js */ "./node_modules/@heroicons/react/solid/esm/FolderIcon.js");
+/* harmony import */ var _GiftIcon_js__WEBPACK_IMPORTED_MODULE_110__ = __webpack_require__(/*! ./GiftIcon.js */ "./node_modules/@heroicons/react/solid/esm/GiftIcon.js");
+/* harmony import */ var _GlobeAltIcon_js__WEBPACK_IMPORTED_MODULE_111__ = __webpack_require__(/*! ./GlobeAltIcon.js */ "./node_modules/@heroicons/react/solid/esm/GlobeAltIcon.js");
+/* harmony import */ var _GlobeIcon_js__WEBPACK_IMPORTED_MODULE_112__ = __webpack_require__(/*! ./GlobeIcon.js */ "./node_modules/@heroicons/react/solid/esm/GlobeIcon.js");
+/* harmony import */ var _HandIcon_js__WEBPACK_IMPORTED_MODULE_113__ = __webpack_require__(/*! ./HandIcon.js */ "./node_modules/@heroicons/react/solid/esm/HandIcon.js");
+/* harmony import */ var _HashtagIcon_js__WEBPACK_IMPORTED_MODULE_114__ = __webpack_require__(/*! ./HashtagIcon.js */ "./node_modules/@heroicons/react/solid/esm/HashtagIcon.js");
+/* harmony import */ var _HeartIcon_js__WEBPACK_IMPORTED_MODULE_115__ = __webpack_require__(/*! ./HeartIcon.js */ "./node_modules/@heroicons/react/solid/esm/HeartIcon.js");
+/* harmony import */ var _HomeIcon_js__WEBPACK_IMPORTED_MODULE_116__ = __webpack_require__(/*! ./HomeIcon.js */ "./node_modules/@heroicons/react/solid/esm/HomeIcon.js");
+/* harmony import */ var _IdentificationIcon_js__WEBPACK_IMPORTED_MODULE_117__ = __webpack_require__(/*! ./IdentificationIcon.js */ "./node_modules/@heroicons/react/solid/esm/IdentificationIcon.js");
+/* harmony import */ var _InboxInIcon_js__WEBPACK_IMPORTED_MODULE_118__ = __webpack_require__(/*! ./InboxInIcon.js */ "./node_modules/@heroicons/react/solid/esm/InboxInIcon.js");
+/* harmony import */ var _InboxIcon_js__WEBPACK_IMPORTED_MODULE_119__ = __webpack_require__(/*! ./InboxIcon.js */ "./node_modules/@heroicons/react/solid/esm/InboxIcon.js");
+/* harmony import */ var _InformationCircleIcon_js__WEBPACK_IMPORTED_MODULE_120__ = __webpack_require__(/*! ./InformationCircleIcon.js */ "./node_modules/@heroicons/react/solid/esm/InformationCircleIcon.js");
+/* harmony import */ var _KeyIcon_js__WEBPACK_IMPORTED_MODULE_121__ = __webpack_require__(/*! ./KeyIcon.js */ "./node_modules/@heroicons/react/solid/esm/KeyIcon.js");
+/* harmony import */ var _LibraryIcon_js__WEBPACK_IMPORTED_MODULE_122__ = __webpack_require__(/*! ./LibraryIcon.js */ "./node_modules/@heroicons/react/solid/esm/LibraryIcon.js");
+/* harmony import */ var _LightBulbIcon_js__WEBPACK_IMPORTED_MODULE_123__ = __webpack_require__(/*! ./LightBulbIcon.js */ "./node_modules/@heroicons/react/solid/esm/LightBulbIcon.js");
+/* harmony import */ var _LightningBoltIcon_js__WEBPACK_IMPORTED_MODULE_124__ = __webpack_require__(/*! ./LightningBoltIcon.js */ "./node_modules/@heroicons/react/solid/esm/LightningBoltIcon.js");
+/* harmony import */ var _LinkIcon_js__WEBPACK_IMPORTED_MODULE_125__ = __webpack_require__(/*! ./LinkIcon.js */ "./node_modules/@heroicons/react/solid/esm/LinkIcon.js");
+/* harmony import */ var _LocationMarkerIcon_js__WEBPACK_IMPORTED_MODULE_126__ = __webpack_require__(/*! ./LocationMarkerIcon.js */ "./node_modules/@heroicons/react/solid/esm/LocationMarkerIcon.js");
+/* harmony import */ var _LockClosedIcon_js__WEBPACK_IMPORTED_MODULE_127__ = __webpack_require__(/*! ./LockClosedIcon.js */ "./node_modules/@heroicons/react/solid/esm/LockClosedIcon.js");
+/* harmony import */ var _LockOpenIcon_js__WEBPACK_IMPORTED_MODULE_128__ = __webpack_require__(/*! ./LockOpenIcon.js */ "./node_modules/@heroicons/react/solid/esm/LockOpenIcon.js");
+/* harmony import */ var _LoginIcon_js__WEBPACK_IMPORTED_MODULE_129__ = __webpack_require__(/*! ./LoginIcon.js */ "./node_modules/@heroicons/react/solid/esm/LoginIcon.js");
+/* harmony import */ var _LogoutIcon_js__WEBPACK_IMPORTED_MODULE_130__ = __webpack_require__(/*! ./LogoutIcon.js */ "./node_modules/@heroicons/react/solid/esm/LogoutIcon.js");
+/* harmony import */ var _MailOpenIcon_js__WEBPACK_IMPORTED_MODULE_131__ = __webpack_require__(/*! ./MailOpenIcon.js */ "./node_modules/@heroicons/react/solid/esm/MailOpenIcon.js");
+/* harmony import */ var _MailIcon_js__WEBPACK_IMPORTED_MODULE_132__ = __webpack_require__(/*! ./MailIcon.js */ "./node_modules/@heroicons/react/solid/esm/MailIcon.js");
+/* harmony import */ var _MapIcon_js__WEBPACK_IMPORTED_MODULE_133__ = __webpack_require__(/*! ./MapIcon.js */ "./node_modules/@heroicons/react/solid/esm/MapIcon.js");
+/* harmony import */ var _MenuAlt1Icon_js__WEBPACK_IMPORTED_MODULE_134__ = __webpack_require__(/*! ./MenuAlt1Icon.js */ "./node_modules/@heroicons/react/solid/esm/MenuAlt1Icon.js");
+/* harmony import */ var _MenuAlt2Icon_js__WEBPACK_IMPORTED_MODULE_135__ = __webpack_require__(/*! ./MenuAlt2Icon.js */ "./node_modules/@heroicons/react/solid/esm/MenuAlt2Icon.js");
+/* harmony import */ var _MenuAlt3Icon_js__WEBPACK_IMPORTED_MODULE_136__ = __webpack_require__(/*! ./MenuAlt3Icon.js */ "./node_modules/@heroicons/react/solid/esm/MenuAlt3Icon.js");
+/* harmony import */ var _MenuAlt4Icon_js__WEBPACK_IMPORTED_MODULE_137__ = __webpack_require__(/*! ./MenuAlt4Icon.js */ "./node_modules/@heroicons/react/solid/esm/MenuAlt4Icon.js");
+/* harmony import */ var _MenuIcon_js__WEBPACK_IMPORTED_MODULE_138__ = __webpack_require__(/*! ./MenuIcon.js */ "./node_modules/@heroicons/react/solid/esm/MenuIcon.js");
+/* harmony import */ var _MicrophoneIcon_js__WEBPACK_IMPORTED_MODULE_139__ = __webpack_require__(/*! ./MicrophoneIcon.js */ "./node_modules/@heroicons/react/solid/esm/MicrophoneIcon.js");
+/* harmony import */ var _MinusCircleIcon_js__WEBPACK_IMPORTED_MODULE_140__ = __webpack_require__(/*! ./MinusCircleIcon.js */ "./node_modules/@heroicons/react/solid/esm/MinusCircleIcon.js");
+/* harmony import */ var _MinusSmIcon_js__WEBPACK_IMPORTED_MODULE_141__ = __webpack_require__(/*! ./MinusSmIcon.js */ "./node_modules/@heroicons/react/solid/esm/MinusSmIcon.js");
+/* harmony import */ var _MinusIcon_js__WEBPACK_IMPORTED_MODULE_142__ = __webpack_require__(/*! ./MinusIcon.js */ "./node_modules/@heroicons/react/solid/esm/MinusIcon.js");
+/* harmony import */ var _MoonIcon_js__WEBPACK_IMPORTED_MODULE_143__ = __webpack_require__(/*! ./MoonIcon.js */ "./node_modules/@heroicons/react/solid/esm/MoonIcon.js");
+/* harmony import */ var _MusicNoteIcon_js__WEBPACK_IMPORTED_MODULE_144__ = __webpack_require__(/*! ./MusicNoteIcon.js */ "./node_modules/@heroicons/react/solid/esm/MusicNoteIcon.js");
+/* harmony import */ var _NewspaperIcon_js__WEBPACK_IMPORTED_MODULE_145__ = __webpack_require__(/*! ./NewspaperIcon.js */ "./node_modules/@heroicons/react/solid/esm/NewspaperIcon.js");
+/* harmony import */ var _OfficeBuildingIcon_js__WEBPACK_IMPORTED_MODULE_146__ = __webpack_require__(/*! ./OfficeBuildingIcon.js */ "./node_modules/@heroicons/react/solid/esm/OfficeBuildingIcon.js");
+/* harmony import */ var _PaperAirplaneIcon_js__WEBPACK_IMPORTED_MODULE_147__ = __webpack_require__(/*! ./PaperAirplaneIcon.js */ "./node_modules/@heroicons/react/solid/esm/PaperAirplaneIcon.js");
+/* harmony import */ var _PaperClipIcon_js__WEBPACK_IMPORTED_MODULE_148__ = __webpack_require__(/*! ./PaperClipIcon.js */ "./node_modules/@heroicons/react/solid/esm/PaperClipIcon.js");
+/* harmony import */ var _PauseIcon_js__WEBPACK_IMPORTED_MODULE_149__ = __webpack_require__(/*! ./PauseIcon.js */ "./node_modules/@heroicons/react/solid/esm/PauseIcon.js");
+/* harmony import */ var _PencilAltIcon_js__WEBPACK_IMPORTED_MODULE_150__ = __webpack_require__(/*! ./PencilAltIcon.js */ "./node_modules/@heroicons/react/solid/esm/PencilAltIcon.js");
+/* harmony import */ var _PencilIcon_js__WEBPACK_IMPORTED_MODULE_151__ = __webpack_require__(/*! ./PencilIcon.js */ "./node_modules/@heroicons/react/solid/esm/PencilIcon.js");
+/* harmony import */ var _PhoneIncomingIcon_js__WEBPACK_IMPORTED_MODULE_152__ = __webpack_require__(/*! ./PhoneIncomingIcon.js */ "./node_modules/@heroicons/react/solid/esm/PhoneIncomingIcon.js");
+/* harmony import */ var _PhoneMissedCallIcon_js__WEBPACK_IMPORTED_MODULE_153__ = __webpack_require__(/*! ./PhoneMissedCallIcon.js */ "./node_modules/@heroicons/react/solid/esm/PhoneMissedCallIcon.js");
+/* harmony import */ var _PhoneOutgoingIcon_js__WEBPACK_IMPORTED_MODULE_154__ = __webpack_require__(/*! ./PhoneOutgoingIcon.js */ "./node_modules/@heroicons/react/solid/esm/PhoneOutgoingIcon.js");
+/* harmony import */ var _PhoneIcon_js__WEBPACK_IMPORTED_MODULE_155__ = __webpack_require__(/*! ./PhoneIcon.js */ "./node_modules/@heroicons/react/solid/esm/PhoneIcon.js");
+/* harmony import */ var _PhotographIcon_js__WEBPACK_IMPORTED_MODULE_156__ = __webpack_require__(/*! ./PhotographIcon.js */ "./node_modules/@heroicons/react/solid/esm/PhotographIcon.js");
+/* harmony import */ var _PlayIcon_js__WEBPACK_IMPORTED_MODULE_157__ = __webpack_require__(/*! ./PlayIcon.js */ "./node_modules/@heroicons/react/solid/esm/PlayIcon.js");
+/* harmony import */ var _PlusCircleIcon_js__WEBPACK_IMPORTED_MODULE_158__ = __webpack_require__(/*! ./PlusCircleIcon.js */ "./node_modules/@heroicons/react/solid/esm/PlusCircleIcon.js");
+/* harmony import */ var _PlusSmIcon_js__WEBPACK_IMPORTED_MODULE_159__ = __webpack_require__(/*! ./PlusSmIcon.js */ "./node_modules/@heroicons/react/solid/esm/PlusSmIcon.js");
+/* harmony import */ var _PlusIcon_js__WEBPACK_IMPORTED_MODULE_160__ = __webpack_require__(/*! ./PlusIcon.js */ "./node_modules/@heroicons/react/solid/esm/PlusIcon.js");
+/* harmony import */ var _PresentationChartBarIcon_js__WEBPACK_IMPORTED_MODULE_161__ = __webpack_require__(/*! ./PresentationChartBarIcon.js */ "./node_modules/@heroicons/react/solid/esm/PresentationChartBarIcon.js");
+/* harmony import */ var _PresentationChartLineIcon_js__WEBPACK_IMPORTED_MODULE_162__ = __webpack_require__(/*! ./PresentationChartLineIcon.js */ "./node_modules/@heroicons/react/solid/esm/PresentationChartLineIcon.js");
+/* harmony import */ var _PrinterIcon_js__WEBPACK_IMPORTED_MODULE_163__ = __webpack_require__(/*! ./PrinterIcon.js */ "./node_modules/@heroicons/react/solid/esm/PrinterIcon.js");
+/* harmony import */ var _PuzzleIcon_js__WEBPACK_IMPORTED_MODULE_164__ = __webpack_require__(/*! ./PuzzleIcon.js */ "./node_modules/@heroicons/react/solid/esm/PuzzleIcon.js");
+/* harmony import */ var _QrcodeIcon_js__WEBPACK_IMPORTED_MODULE_165__ = __webpack_require__(/*! ./QrcodeIcon.js */ "./node_modules/@heroicons/react/solid/esm/QrcodeIcon.js");
+/* harmony import */ var _QuestionMarkCircleIcon_js__WEBPACK_IMPORTED_MODULE_166__ = __webpack_require__(/*! ./QuestionMarkCircleIcon.js */ "./node_modules/@heroicons/react/solid/esm/QuestionMarkCircleIcon.js");
+/* harmony import */ var _ReceiptRefundIcon_js__WEBPACK_IMPORTED_MODULE_167__ = __webpack_require__(/*! ./ReceiptRefundIcon.js */ "./node_modules/@heroicons/react/solid/esm/ReceiptRefundIcon.js");
+/* harmony import */ var _ReceiptTaxIcon_js__WEBPACK_IMPORTED_MODULE_168__ = __webpack_require__(/*! ./ReceiptTaxIcon.js */ "./node_modules/@heroicons/react/solid/esm/ReceiptTaxIcon.js");
+/* harmony import */ var _RefreshIcon_js__WEBPACK_IMPORTED_MODULE_169__ = __webpack_require__(/*! ./RefreshIcon.js */ "./node_modules/@heroicons/react/solid/esm/RefreshIcon.js");
+/* harmony import */ var _ReplyIcon_js__WEBPACK_IMPORTED_MODULE_170__ = __webpack_require__(/*! ./ReplyIcon.js */ "./node_modules/@heroicons/react/solid/esm/ReplyIcon.js");
+/* harmony import */ var _RewindIcon_js__WEBPACK_IMPORTED_MODULE_171__ = __webpack_require__(/*! ./RewindIcon.js */ "./node_modules/@heroicons/react/solid/esm/RewindIcon.js");
+/* harmony import */ var _RssIcon_js__WEBPACK_IMPORTED_MODULE_172__ = __webpack_require__(/*! ./RssIcon.js */ "./node_modules/@heroicons/react/solid/esm/RssIcon.js");
+/* harmony import */ var _SaveAsIcon_js__WEBPACK_IMPORTED_MODULE_173__ = __webpack_require__(/*! ./SaveAsIcon.js */ "./node_modules/@heroicons/react/solid/esm/SaveAsIcon.js");
+/* harmony import */ var _SaveIcon_js__WEBPACK_IMPORTED_MODULE_174__ = __webpack_require__(/*! ./SaveIcon.js */ "./node_modules/@heroicons/react/solid/esm/SaveIcon.js");
+/* harmony import */ var _ScaleIcon_js__WEBPACK_IMPORTED_MODULE_175__ = __webpack_require__(/*! ./ScaleIcon.js */ "./node_modules/@heroicons/react/solid/esm/ScaleIcon.js");
+/* harmony import */ var _ScissorsIcon_js__WEBPACK_IMPORTED_MODULE_176__ = __webpack_require__(/*! ./ScissorsIcon.js */ "./node_modules/@heroicons/react/solid/esm/ScissorsIcon.js");
+/* harmony import */ var _SearchCircleIcon_js__WEBPACK_IMPORTED_MODULE_177__ = __webpack_require__(/*! ./SearchCircleIcon.js */ "./node_modules/@heroicons/react/solid/esm/SearchCircleIcon.js");
+/* harmony import */ var _SearchIcon_js__WEBPACK_IMPORTED_MODULE_178__ = __webpack_require__(/*! ./SearchIcon.js */ "./node_modules/@heroicons/react/solid/esm/SearchIcon.js");
+/* harmony import */ var _SelectorIcon_js__WEBPACK_IMPORTED_MODULE_179__ = __webpack_require__(/*! ./SelectorIcon.js */ "./node_modules/@heroicons/react/solid/esm/SelectorIcon.js");
+/* harmony import */ var _ServerIcon_js__WEBPACK_IMPORTED_MODULE_180__ = __webpack_require__(/*! ./ServerIcon.js */ "./node_modules/@heroicons/react/solid/esm/ServerIcon.js");
+/* harmony import */ var _ShareIcon_js__WEBPACK_IMPORTED_MODULE_181__ = __webpack_require__(/*! ./ShareIcon.js */ "./node_modules/@heroicons/react/solid/esm/ShareIcon.js");
+/* harmony import */ var _ShieldCheckIcon_js__WEBPACK_IMPORTED_MODULE_182__ = __webpack_require__(/*! ./ShieldCheckIcon.js */ "./node_modules/@heroicons/react/solid/esm/ShieldCheckIcon.js");
+/* harmony import */ var _ShieldExclamationIcon_js__WEBPACK_IMPORTED_MODULE_183__ = __webpack_require__(/*! ./ShieldExclamationIcon.js */ "./node_modules/@heroicons/react/solid/esm/ShieldExclamationIcon.js");
+/* harmony import */ var _ShoppingBagIcon_js__WEBPACK_IMPORTED_MODULE_184__ = __webpack_require__(/*! ./ShoppingBagIcon.js */ "./node_modules/@heroicons/react/solid/esm/ShoppingBagIcon.js");
+/* harmony import */ var _ShoppingCartIcon_js__WEBPACK_IMPORTED_MODULE_185__ = __webpack_require__(/*! ./ShoppingCartIcon.js */ "./node_modules/@heroicons/react/solid/esm/ShoppingCartIcon.js");
+/* harmony import */ var _SortAscendingIcon_js__WEBPACK_IMPORTED_MODULE_186__ = __webpack_require__(/*! ./SortAscendingIcon.js */ "./node_modules/@heroicons/react/solid/esm/SortAscendingIcon.js");
+/* harmony import */ var _SortDescendingIcon_js__WEBPACK_IMPORTED_MODULE_187__ = __webpack_require__(/*! ./SortDescendingIcon.js */ "./node_modules/@heroicons/react/solid/esm/SortDescendingIcon.js");
+/* harmony import */ var _SparklesIcon_js__WEBPACK_IMPORTED_MODULE_188__ = __webpack_require__(/*! ./SparklesIcon.js */ "./node_modules/@heroicons/react/solid/esm/SparklesIcon.js");
+/* harmony import */ var _SpeakerphoneIcon_js__WEBPACK_IMPORTED_MODULE_189__ = __webpack_require__(/*! ./SpeakerphoneIcon.js */ "./node_modules/@heroicons/react/solid/esm/SpeakerphoneIcon.js");
+/* harmony import */ var _StarIcon_js__WEBPACK_IMPORTED_MODULE_190__ = __webpack_require__(/*! ./StarIcon.js */ "./node_modules/@heroicons/react/solid/esm/StarIcon.js");
+/* harmony import */ var _StatusOfflineIcon_js__WEBPACK_IMPORTED_MODULE_191__ = __webpack_require__(/*! ./StatusOfflineIcon.js */ "./node_modules/@heroicons/react/solid/esm/StatusOfflineIcon.js");
+/* harmony import */ var _StatusOnlineIcon_js__WEBPACK_IMPORTED_MODULE_192__ = __webpack_require__(/*! ./StatusOnlineIcon.js */ "./node_modules/@heroicons/react/solid/esm/StatusOnlineIcon.js");
+/* harmony import */ var _StopIcon_js__WEBPACK_IMPORTED_MODULE_193__ = __webpack_require__(/*! ./StopIcon.js */ "./node_modules/@heroicons/react/solid/esm/StopIcon.js");
+/* harmony import */ var _SunIcon_js__WEBPACK_IMPORTED_MODULE_194__ = __webpack_require__(/*! ./SunIcon.js */ "./node_modules/@heroicons/react/solid/esm/SunIcon.js");
+/* harmony import */ var _SupportIcon_js__WEBPACK_IMPORTED_MODULE_195__ = __webpack_require__(/*! ./SupportIcon.js */ "./node_modules/@heroicons/react/solid/esm/SupportIcon.js");
+/* harmony import */ var _SwitchHorizontalIcon_js__WEBPACK_IMPORTED_MODULE_196__ = __webpack_require__(/*! ./SwitchHorizontalIcon.js */ "./node_modules/@heroicons/react/solid/esm/SwitchHorizontalIcon.js");
+/* harmony import */ var _SwitchVerticalIcon_js__WEBPACK_IMPORTED_MODULE_197__ = __webpack_require__(/*! ./SwitchVerticalIcon.js */ "./node_modules/@heroicons/react/solid/esm/SwitchVerticalIcon.js");
+/* harmony import */ var _TableIcon_js__WEBPACK_IMPORTED_MODULE_198__ = __webpack_require__(/*! ./TableIcon.js */ "./node_modules/@heroicons/react/solid/esm/TableIcon.js");
+/* harmony import */ var _TagIcon_js__WEBPACK_IMPORTED_MODULE_199__ = __webpack_require__(/*! ./TagIcon.js */ "./node_modules/@heroicons/react/solid/esm/TagIcon.js");
+/* harmony import */ var _TemplateIcon_js__WEBPACK_IMPORTED_MODULE_200__ = __webpack_require__(/*! ./TemplateIcon.js */ "./node_modules/@heroicons/react/solid/esm/TemplateIcon.js");
+/* harmony import */ var _TerminalIcon_js__WEBPACK_IMPORTED_MODULE_201__ = __webpack_require__(/*! ./TerminalIcon.js */ "./node_modules/@heroicons/react/solid/esm/TerminalIcon.js");
+/* harmony import */ var _ThumbDownIcon_js__WEBPACK_IMPORTED_MODULE_202__ = __webpack_require__(/*! ./ThumbDownIcon.js */ "./node_modules/@heroicons/react/solid/esm/ThumbDownIcon.js");
+/* harmony import */ var _ThumbUpIcon_js__WEBPACK_IMPORTED_MODULE_203__ = __webpack_require__(/*! ./ThumbUpIcon.js */ "./node_modules/@heroicons/react/solid/esm/ThumbUpIcon.js");
+/* harmony import */ var _TicketIcon_js__WEBPACK_IMPORTED_MODULE_204__ = __webpack_require__(/*! ./TicketIcon.js */ "./node_modules/@heroicons/react/solid/esm/TicketIcon.js");
+/* harmony import */ var _TranslateIcon_js__WEBPACK_IMPORTED_MODULE_205__ = __webpack_require__(/*! ./TranslateIcon.js */ "./node_modules/@heroicons/react/solid/esm/TranslateIcon.js");
+/* harmony import */ var _TrashIcon_js__WEBPACK_IMPORTED_MODULE_206__ = __webpack_require__(/*! ./TrashIcon.js */ "./node_modules/@heroicons/react/solid/esm/TrashIcon.js");
+/* harmony import */ var _TrendingDownIcon_js__WEBPACK_IMPORTED_MODULE_207__ = __webpack_require__(/*! ./TrendingDownIcon.js */ "./node_modules/@heroicons/react/solid/esm/TrendingDownIcon.js");
+/* harmony import */ var _TrendingUpIcon_js__WEBPACK_IMPORTED_MODULE_208__ = __webpack_require__(/*! ./TrendingUpIcon.js */ "./node_modules/@heroicons/react/solid/esm/TrendingUpIcon.js");
+/* harmony import */ var _TruckIcon_js__WEBPACK_IMPORTED_MODULE_209__ = __webpack_require__(/*! ./TruckIcon.js */ "./node_modules/@heroicons/react/solid/esm/TruckIcon.js");
+/* harmony import */ var _UploadIcon_js__WEBPACK_IMPORTED_MODULE_210__ = __webpack_require__(/*! ./UploadIcon.js */ "./node_modules/@heroicons/react/solid/esm/UploadIcon.js");
+/* harmony import */ var _UserAddIcon_js__WEBPACK_IMPORTED_MODULE_211__ = __webpack_require__(/*! ./UserAddIcon.js */ "./node_modules/@heroicons/react/solid/esm/UserAddIcon.js");
+/* harmony import */ var _UserCircleIcon_js__WEBPACK_IMPORTED_MODULE_212__ = __webpack_require__(/*! ./UserCircleIcon.js */ "./node_modules/@heroicons/react/solid/esm/UserCircleIcon.js");
+/* harmony import */ var _UserGroupIcon_js__WEBPACK_IMPORTED_MODULE_213__ = __webpack_require__(/*! ./UserGroupIcon.js */ "./node_modules/@heroicons/react/solid/esm/UserGroupIcon.js");
+/* harmony import */ var _UserRemoveIcon_js__WEBPACK_IMPORTED_MODULE_214__ = __webpack_require__(/*! ./UserRemoveIcon.js */ "./node_modules/@heroicons/react/solid/esm/UserRemoveIcon.js");
+/* harmony import */ var _UserIcon_js__WEBPACK_IMPORTED_MODULE_215__ = __webpack_require__(/*! ./UserIcon.js */ "./node_modules/@heroicons/react/solid/esm/UserIcon.js");
+/* harmony import */ var _UsersIcon_js__WEBPACK_IMPORTED_MODULE_216__ = __webpack_require__(/*! ./UsersIcon.js */ "./node_modules/@heroicons/react/solid/esm/UsersIcon.js");
+/* harmony import */ var _VariableIcon_js__WEBPACK_IMPORTED_MODULE_217__ = __webpack_require__(/*! ./VariableIcon.js */ "./node_modules/@heroicons/react/solid/esm/VariableIcon.js");
+/* harmony import */ var _VideoCameraIcon_js__WEBPACK_IMPORTED_MODULE_218__ = __webpack_require__(/*! ./VideoCameraIcon.js */ "./node_modules/@heroicons/react/solid/esm/VideoCameraIcon.js");
+/* harmony import */ var _ViewBoardsIcon_js__WEBPACK_IMPORTED_MODULE_219__ = __webpack_require__(/*! ./ViewBoardsIcon.js */ "./node_modules/@heroicons/react/solid/esm/ViewBoardsIcon.js");
+/* harmony import */ var _ViewGridAddIcon_js__WEBPACK_IMPORTED_MODULE_220__ = __webpack_require__(/*! ./ViewGridAddIcon.js */ "./node_modules/@heroicons/react/solid/esm/ViewGridAddIcon.js");
+/* harmony import */ var _ViewGridIcon_js__WEBPACK_IMPORTED_MODULE_221__ = __webpack_require__(/*! ./ViewGridIcon.js */ "./node_modules/@heroicons/react/solid/esm/ViewGridIcon.js");
+/* harmony import */ var _ViewListIcon_js__WEBPACK_IMPORTED_MODULE_222__ = __webpack_require__(/*! ./ViewListIcon.js */ "./node_modules/@heroicons/react/solid/esm/ViewListIcon.js");
+/* harmony import */ var _VolumeOffIcon_js__WEBPACK_IMPORTED_MODULE_223__ = __webpack_require__(/*! ./VolumeOffIcon.js */ "./node_modules/@heroicons/react/solid/esm/VolumeOffIcon.js");
+/* harmony import */ var _VolumeUpIcon_js__WEBPACK_IMPORTED_MODULE_224__ = __webpack_require__(/*! ./VolumeUpIcon.js */ "./node_modules/@heroicons/react/solid/esm/VolumeUpIcon.js");
+/* harmony import */ var _WifiIcon_js__WEBPACK_IMPORTED_MODULE_225__ = __webpack_require__(/*! ./WifiIcon.js */ "./node_modules/@heroicons/react/solid/esm/WifiIcon.js");
+/* harmony import */ var _XCircleIcon_js__WEBPACK_IMPORTED_MODULE_226__ = __webpack_require__(/*! ./XCircleIcon.js */ "./node_modules/@heroicons/react/solid/esm/XCircleIcon.js");
+/* harmony import */ var _XIcon_js__WEBPACK_IMPORTED_MODULE_227__ = __webpack_require__(/*! ./XIcon.js */ "./node_modules/@heroicons/react/solid/esm/XIcon.js");
+/* harmony import */ var _ZoomInIcon_js__WEBPACK_IMPORTED_MODULE_228__ = __webpack_require__(/*! ./ZoomInIcon.js */ "./node_modules/@heroicons/react/solid/esm/ZoomInIcon.js");
+/* harmony import */ var _ZoomOutIcon_js__WEBPACK_IMPORTED_MODULE_229__ = __webpack_require__(/*! ./ZoomOutIcon.js */ "./node_modules/@heroicons/react/solid/esm/ZoomOutIcon.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/canvas-confetti/dist/confetti.module.mjs":
+/*!***************************************************************!*\
+  !*** ./node_modules/canvas-confetti/dist/confetti.module.mjs ***!
+  \***************************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "create": () => (/* binding */ create)
+/* harmony export */ });
+// canvas-confetti v1.4.0 built on 2021-03-10T12:32:33.488Z
+var module = {};
+
+// source content
+(function main(global, module, isWorker, workerSize) {
+  var canUseWorker = !!(
+    global.Worker &&
+    global.Blob &&
+    global.Promise &&
+    global.OffscreenCanvas &&
+    global.OffscreenCanvasRenderingContext2D &&
+    global.HTMLCanvasElement &&
+    global.HTMLCanvasElement.prototype.transferControlToOffscreen &&
+    global.URL &&
+    global.URL.createObjectURL);
+
+  function noop() {}
+
+  // create a promise if it exists, otherwise, just
+  // call the function directly
+  function promise(func) {
+    var ModulePromise = module.exports.Promise;
+    var Prom = ModulePromise !== void 0 ? ModulePromise : global.Promise;
+
+    if (typeof Prom === 'function') {
+      return new Prom(func);
+    }
+
+    func(noop, noop);
+
+    return null;
+  }
+
+  var raf = (function () {
+    var TIME = Math.floor(1000 / 60);
+    var frame, cancel;
+    var frames = {};
+    var lastFrameTime = 0;
+
+    if (typeof requestAnimationFrame === 'function' && typeof cancelAnimationFrame === 'function') {
+      frame = function (cb) {
+        var id = Math.random();
+
+        frames[id] = requestAnimationFrame(function onFrame(time) {
+          if (lastFrameTime === time || lastFrameTime + TIME - 1 < time) {
+            lastFrameTime = time;
+            delete frames[id];
+
+            cb();
+          } else {
+            frames[id] = requestAnimationFrame(onFrame);
+          }
+        });
+
+        return id;
+      };
+      cancel = function (id) {
+        if (frames[id]) {
+          cancelAnimationFrame(frames[id]);
+        }
+      };
+    } else {
+      frame = function (cb) {
+        return setTimeout(cb, TIME);
+      };
+      cancel = function (timer) {
+        return clearTimeout(timer);
+      };
+    }
+
+    return { frame: frame, cancel: cancel };
+  }());
+
+  var getWorker = (function () {
+    var worker;
+    var prom;
+    var resolves = {};
+
+    function decorate(worker) {
+      function execute(options, callback) {
+        worker.postMessage({ options: options || {}, callback: callback });
+      }
+      worker.init = function initWorker(canvas) {
+        var offscreen = canvas.transferControlToOffscreen();
+        worker.postMessage({ canvas: offscreen }, [offscreen]);
+      };
+
+      worker.fire = function fireWorker(options, size, done) {
+        if (prom) {
+          execute(options, null);
+          return prom;
+        }
+
+        var id = Math.random().toString(36).slice(2);
+
+        prom = promise(function (resolve) {
+          function workerDone(msg) {
+            if (msg.data.callback !== id) {
+              return;
+            }
+
+            delete resolves[id];
+            worker.removeEventListener('message', workerDone);
+
+            prom = null;
+            done();
+            resolve();
+          }
+
+          worker.addEventListener('message', workerDone);
+          execute(options, id);
+
+          resolves[id] = workerDone.bind(null, { data: { callback: id }});
+        });
+
+        return prom;
+      };
+
+      worker.reset = function resetWorker() {
+        worker.postMessage({ reset: true });
+
+        for (var id in resolves) {
+          resolves[id]();
+          delete resolves[id];
+        }
+      };
+    }
+
+    return function () {
+      if (worker) {
+        return worker;
+      }
+
+      if (!isWorker && canUseWorker) {
+        var code = [
+          'var CONFETTI, SIZE = {}, module = {};',
+          '(' + main.toString() + ')(this, module, true, SIZE);',
+          'onmessage = function(msg) {',
+          '  if (msg.data.options) {',
+          '    CONFETTI(msg.data.options).then(function () {',
+          '      if (msg.data.callback) {',
+          '        postMessage({ callback: msg.data.callback });',
+          '      }',
+          '    });',
+          '  } else if (msg.data.reset) {',
+          '    CONFETTI.reset();',
+          '  } else if (msg.data.resize) {',
+          '    SIZE.width = msg.data.resize.width;',
+          '    SIZE.height = msg.data.resize.height;',
+          '  } else if (msg.data.canvas) {',
+          '    SIZE.width = msg.data.canvas.width;',
+          '    SIZE.height = msg.data.canvas.height;',
+          '    CONFETTI = module.exports.create(msg.data.canvas);',
+          '  }',
+          '}',
+        ].join('\n');
+        try {
+          worker = new Worker(URL.createObjectURL(new Blob([code])));
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          typeof console !== undefined && typeof console.warn === 'function' ? console.warn('🎊 Could not load worker', e) : null;
+
+          return null;
+        }
+
+        decorate(worker);
+      }
+
+      return worker;
+    };
+  })();
+
+  var defaults = {
+    particleCount: 50,
+    angle: 90,
+    spread: 45,
+    startVelocity: 45,
+    decay: 0.9,
+    gravity: 1,
+    drift: 0,
+    ticks: 200,
+    x: 0.5,
+    y: 0.5,
+    shapes: ['square', 'circle'],
+    zIndex: 100,
+    colors: [
+      '#26ccff',
+      '#a25afd',
+      '#ff5e7e',
+      '#88ff5a',
+      '#fcff42',
+      '#ffa62d',
+      '#ff36ff'
+    ],
+    // probably should be true, but back-compat
+    disableForReducedMotion: false,
+    scalar: 1
+  };
+
+  function convert(val, transform) {
+    return transform ? transform(val) : val;
+  }
+
+  function isOk(val) {
+    return !(val === null || val === undefined);
+  }
+
+  function prop(options, name, transform) {
+    return convert(
+      options && isOk(options[name]) ? options[name] : defaults[name],
+      transform
+    );
+  }
+
+  function onlyPositiveInt(number){
+    return number < 0 ? 0 : Math.floor(number);
+  }
+
+  function randomInt(min, max) {
+    // [min, max)
+    return Math.floor(Math.random() * (max - min)) + min;
+  }
+
+  function toDecimal(str) {
+    return parseInt(str, 16);
+  }
+
+  function colorsToRgb(colors) {
+    return colors.map(hexToRgb);
+  }
+
+  function hexToRgb(str) {
+    var val = String(str).replace(/[^0-9a-f]/gi, '');
+
+    if (val.length < 6) {
+        val = val[0]+val[0]+val[1]+val[1]+val[2]+val[2];
+    }
+
+    return {
+      r: toDecimal(val.substring(0,2)),
+      g: toDecimal(val.substring(2,4)),
+      b: toDecimal(val.substring(4,6))
+    };
+  }
+
+  function getOrigin(options) {
+    var origin = prop(options, 'origin', Object);
+    origin.x = prop(origin, 'x', Number);
+    origin.y = prop(origin, 'y', Number);
+
+    return origin;
+  }
+
+  function setCanvasWindowSize(canvas) {
+    canvas.width = document.documentElement.clientWidth;
+    canvas.height = document.documentElement.clientHeight;
+  }
+
+  function setCanvasRectSize(canvas) {
+    var rect = canvas.getBoundingClientRect();
+    canvas.width = rect.width;
+    canvas.height = rect.height;
+  }
+
+  function getCanvas(zIndex) {
+    var canvas = document.createElement('canvas');
+
+    canvas.style.position = 'fixed';
+    canvas.style.top = '0px';
+    canvas.style.left = '0px';
+    canvas.style.pointerEvents = 'none';
+    canvas.style.zIndex = zIndex;
+
+    return canvas;
+  }
+
+  function ellipse(context, x, y, radiusX, radiusY, rotation, startAngle, endAngle, antiClockwise) {
+    context.save();
+    context.translate(x, y);
+    context.rotate(rotation);
+    context.scale(radiusX, radiusY);
+    context.arc(0, 0, 1, startAngle, endAngle, antiClockwise);
+    context.restore();
+  }
+
+  function randomPhysics(opts) {
+    var radAngle = opts.angle * (Math.PI / 180);
+    var radSpread = opts.spread * (Math.PI / 180);
+
+    return {
+      x: opts.x,
+      y: opts.y,
+      wobble: Math.random() * 10,
+      velocity: (opts.startVelocity * 0.5) + (Math.random() * opts.startVelocity),
+      angle2D: -radAngle + ((0.5 * radSpread) - (Math.random() * radSpread)),
+      tiltAngle: Math.random() * Math.PI,
+      color: opts.color,
+      shape: opts.shape,
+      tick: 0,
+      totalTicks: opts.ticks,
+      decay: opts.decay,
+      drift: opts.drift,
+      random: Math.random() + 5,
+      tiltSin: 0,
+      tiltCos: 0,
+      wobbleX: 0,
+      wobbleY: 0,
+      gravity: opts.gravity * 3,
+      ovalScalar: 0.6,
+      scalar: opts.scalar
+    };
+  }
+
+  function updateFetti(context, fetti) {
+    fetti.x += Math.cos(fetti.angle2D) * fetti.velocity + fetti.drift;
+    fetti.y += Math.sin(fetti.angle2D) * fetti.velocity + fetti.gravity;
+    fetti.wobble += 0.1;
+    fetti.velocity *= fetti.decay;
+    fetti.tiltAngle += 0.1;
+    fetti.tiltSin = Math.sin(fetti.tiltAngle);
+    fetti.tiltCos = Math.cos(fetti.tiltAngle);
+    fetti.random = Math.random() + 5;
+    fetti.wobbleX = fetti.x + ((10 * fetti.scalar) * Math.cos(fetti.wobble));
+    fetti.wobbleY = fetti.y + ((10 * fetti.scalar) * Math.sin(fetti.wobble));
+
+    var progress = (fetti.tick++) / fetti.totalTicks;
+
+    var x1 = fetti.x + (fetti.random * fetti.tiltCos);
+    var y1 = fetti.y + (fetti.random * fetti.tiltSin);
+    var x2 = fetti.wobbleX + (fetti.random * fetti.tiltCos);
+    var y2 = fetti.wobbleY + (fetti.random * fetti.tiltSin);
+
+    context.fillStyle = 'rgba(' + fetti.color.r + ', ' + fetti.color.g + ', ' + fetti.color.b + ', ' + (1 - progress) + ')';
+    context.beginPath();
+
+    if (fetti.shape === 'circle') {
+      context.ellipse ?
+        context.ellipse(fetti.x, fetti.y, Math.abs(x2 - x1) * fetti.ovalScalar, Math.abs(y2 - y1) * fetti.ovalScalar, Math.PI / 10 * fetti.wobble, 0, 2 * Math.PI) :
+        ellipse(context, fetti.x, fetti.y, Math.abs(x2 - x1) * fetti.ovalScalar, Math.abs(y2 - y1) * fetti.ovalScalar, Math.PI / 10 * fetti.wobble, 0, 2 * Math.PI);
+    } else {
+      context.moveTo(Math.floor(fetti.x), Math.floor(fetti.y));
+      context.lineTo(Math.floor(fetti.wobbleX), Math.floor(y1));
+      context.lineTo(Math.floor(x2), Math.floor(y2));
+      context.lineTo(Math.floor(x1), Math.floor(fetti.wobbleY));
+    }
+
+    context.closePath();
+    context.fill();
+
+    return fetti.tick < fetti.totalTicks;
+  }
+
+  function animate(canvas, fettis, resizer, size, done) {
+    var animatingFettis = fettis.slice();
+    var context = canvas.getContext('2d');
+    var animationFrame;
+    var destroy;
+
+    var prom = promise(function (resolve) {
+      function onDone() {
+        animationFrame = destroy = null;
+
+        context.clearRect(0, 0, size.width, size.height);
+
+        done();
+        resolve();
+      }
+
+      function update() {
+        if (isWorker && !(size.width === workerSize.width && size.height === workerSize.height)) {
+          size.width = canvas.width = workerSize.width;
+          size.height = canvas.height = workerSize.height;
+        }
+
+        if (!size.width && !size.height) {
+          resizer(canvas);
+          size.width = canvas.width;
+          size.height = canvas.height;
+        }
+
+        context.clearRect(0, 0, size.width, size.height);
+
+        animatingFettis = animatingFettis.filter(function (fetti) {
+          return updateFetti(context, fetti);
+        });
+
+        if (animatingFettis.length) {
+          animationFrame = raf.frame(update);
+        } else {
+          onDone();
+        }
+      }
+
+      animationFrame = raf.frame(update);
+      destroy = onDone;
+    });
+
+    return {
+      addFettis: function (fettis) {
+        animatingFettis = animatingFettis.concat(fettis);
+
+        return prom;
+      },
+      canvas: canvas,
+      promise: prom,
+      reset: function () {
+        if (animationFrame) {
+          raf.cancel(animationFrame);
+        }
+
+        if (destroy) {
+          destroy();
+        }
+      }
+    };
+  }
+
+  function confettiCannon(canvas, globalOpts) {
+    var isLibCanvas = !canvas;
+    var allowResize = !!prop(globalOpts || {}, 'resize');
+    var globalDisableForReducedMotion = prop(globalOpts, 'disableForReducedMotion', Boolean);
+    var shouldUseWorker = canUseWorker && !!prop(globalOpts || {}, 'useWorker');
+    var worker = shouldUseWorker ? getWorker() : null;
+    var resizer = isLibCanvas ? setCanvasWindowSize : setCanvasRectSize;
+    var initialized = (canvas && worker) ? !!canvas.__confetti_initialized : false;
+    var preferLessMotion = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion)').matches;
+    var animationObj;
+
+    function fireLocal(options, size, done) {
+      var particleCount = prop(options, 'particleCount', onlyPositiveInt);
+      var angle = prop(options, 'angle', Number);
+      var spread = prop(options, 'spread', Number);
+      var startVelocity = prop(options, 'startVelocity', Number);
+      var decay = prop(options, 'decay', Number);
+      var gravity = prop(options, 'gravity', Number);
+      var drift = prop(options, 'drift', Number);
+      var colors = prop(options, 'colors', colorsToRgb);
+      var ticks = prop(options, 'ticks', Number);
+      var shapes = prop(options, 'shapes');
+      var scalar = prop(options, 'scalar');
+      var origin = getOrigin(options);
+
+      var temp = particleCount;
+      var fettis = [];
+
+      var startX = canvas.width * origin.x;
+      var startY = canvas.height * origin.y;
+
+      while (temp--) {
+        fettis.push(
+          randomPhysics({
+            x: startX,
+            y: startY,
+            angle: angle,
+            spread: spread,
+            startVelocity: startVelocity,
+            color: colors[temp % colors.length],
+            shape: shapes[randomInt(0, shapes.length)],
+            ticks: ticks,
+            decay: decay,
+            gravity: gravity,
+            drift: drift,
+            scalar: scalar
+          })
+        );
+      }
+
+      // if we have a previous canvas already animating,
+      // add to it
+      if (animationObj) {
+        return animationObj.addFettis(fettis);
+      }
+
+      animationObj = animate(canvas, fettis, resizer, size , done);
+
+      return animationObj.promise;
+    }
+
+    function fire(options) {
+      var disableForReducedMotion = globalDisableForReducedMotion || prop(options, 'disableForReducedMotion', Boolean);
+      var zIndex = prop(options, 'zIndex', Number);
+
+      if (disableForReducedMotion && preferLessMotion) {
+        return promise(function (resolve) {
+          resolve();
+        });
+      }
+
+      if (isLibCanvas && animationObj) {
+        // use existing canvas from in-progress animation
+        canvas = animationObj.canvas;
+      } else if (isLibCanvas && !canvas) {
+        // create and initialize a new canvas
+        canvas = getCanvas(zIndex);
+        document.body.appendChild(canvas);
+      }
+
+      if (allowResize && !initialized) {
+        // initialize the size of a user-supplied canvas
+        resizer(canvas);
+      }
+
+      var size = {
+        width: canvas.width,
+        height: canvas.height
+      };
+
+      if (worker && !initialized) {
+        worker.init(canvas);
+      }
+
+      initialized = true;
+
+      if (worker) {
+        canvas.__confetti_initialized = true;
+      }
+
+      function onResize() {
+        if (worker) {
+          // TODO this really shouldn't be immediate, because it is expensive
+          var obj = {
+            getBoundingClientRect: function () {
+              if (!isLibCanvas) {
+                return canvas.getBoundingClientRect();
+              }
+            }
+          };
+
+          resizer(obj);
+
+          worker.postMessage({
+            resize: {
+              width: obj.width,
+              height: obj.height
+            }
+          });
+          return;
+        }
+
+        // don't actually query the size here, since this
+        // can execute frequently and rapidly
+        size.width = size.height = null;
+      }
+
+      function done() {
+        animationObj = null;
+
+        if (allowResize) {
+          global.removeEventListener('resize', onResize);
+        }
+
+        if (isLibCanvas && canvas) {
+          document.body.removeChild(canvas);
+          canvas = null;
+          initialized = false;
+        }
+      }
+
+      if (allowResize) {
+        global.addEventListener('resize', onResize, false);
+      }
+
+      if (worker) {
+        return worker.fire(options, size, done);
+      }
+
+      return fireLocal(options, size, done);
+    }
+
+    fire.reset = function () {
+      if (worker) {
+        worker.reset();
+      }
+
+      if (animationObj) {
+        animationObj.reset();
+      }
+    };
+
+    return fire;
+  }
+
+  module.exports = confettiCannon(null, { useWorker: true, resize: true });
+  module.exports.create = confettiCannon;
+}((function () {
+  if (typeof window !== 'undefined') {
+    return window;
+  }
+
+  if (typeof self !== 'undefined') {
+    return self;
+  }
+
+  return this || {};
+})(), module, false));
+
+// end source content
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (module.exports);
+var create = module.exports.create;
 
 
 /***/ })
@@ -57987,12 +68973,14 @@ __webpack_require__.r(__webpack_exports__);
 /******/ 			// add "moreModules" to the modules object,
 /******/ 			// then flag all "chunkIds" as loaded and fire callback
 /******/ 			var moduleId, chunkId, i = 0;
-/******/ 			for(moduleId in moreModules) {
-/******/ 				if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ 					__webpack_require__.m[moduleId] = moreModules[moduleId];
+/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
+/******/ 				for(moduleId in moreModules) {
+/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
+/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
+/******/ 					}
 /******/ 				}
+/******/ 				if(runtime) var result = runtime(__webpack_require__);
 /******/ 			}
-/******/ 			if(runtime) var result = runtime(__webpack_require__);
 /******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
 /******/ 			for(;i < chunkIds.length; i++) {
 /******/ 				chunkId = chunkIds[i];
diff --git a/resources/css/app.css b/resources/css/app.css
index d414de5e..6f3e6244 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -26,7 +26,7 @@
   --brand-forge: #19B69B;
   --brand-packages: #4F46E5;
   --brand-outils: #22D3EE;
-  --brand-tailwind: #06B6D4;
+  --brand-tailwindcss: #06B6D4;
   --brand-design: #78350F;
   --brand-alpinejs: #37BDD7;
   --brand-open-source: #F97316;
@@ -37,6 +37,7 @@
   --brand-paiement-en-ligne: #10B981;
   --brand-branding: #EC4899;
   --brand-applications: #0284C7;
+  --brand-developpement: #4d7c0f;
 }
 
 @layer base {

From 85228d1876f803521cc09b83e93bed00718ba030 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Sat, 20 Nov 2021 23:17:46 +0100
Subject: [PATCH 24/27] :sparkles: ajout de la suppression des commentaires et
 des reponses de commentaire

---
 app/Http/Controllers/Api/ReplyController.php |  7 ++++++-
 app/Models/Reply.php                         |  7 +++++++
 public/css/app.css                           |  8 --------
 public/js/app.js                             | 15 ++++++++++++---
 resources/js/components/Comments.jsx         | 15 +++++++++++----
 routes/api.php                               |  2 +-
 6 files changed, 37 insertions(+), 17 deletions(-)

diff --git a/app/Http/Controllers/Api/ReplyController.php b/app/Http/Controllers/Api/ReplyController.php
index ff7d91ad..e0c00fdf 100644
--- a/app/Http/Controllers/Api/ReplyController.php
+++ b/app/Http/Controllers/Api/ReplyController.php
@@ -8,6 +8,7 @@
 use App\Models\Reaction;
 use App\Models\Reply;
 use App\Models\User;
+use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
 use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
 use Illuminate\Support\Facades\Auth;
@@ -44,8 +45,12 @@ public function like(Request $request, int $id): ReplyResource
         return new ReplyResource($reply);
     }
 
-    public function delete()
+    public function delete(int $id): JsonResponse
     {
+        /** @var Reply $reply */
+        $reply = Reply::findOrFail($id);
+        $reply->delete();
 
+        return response()->json(['message' => 'Commentaire supprimé avec succès']);
     }
 }
diff --git a/app/Models/Reply.php b/app/Models/Reply.php
index 747284c4..b1650f95 100644
--- a/app/Models/Reply.php
+++ b/app/Models/Reply.php
@@ -101,4 +101,11 @@ public function scopeIsSolution(Builder $builder): Builder
     {
         return $builder->has('solutionTo');
     }
+
+    public function delete()
+    {
+        $this->deleteReplies();
+
+        parent::delete();
+    }
 }
diff --git a/public/css/app.css b/public/css/app.css
index a0481323..70a6834a 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -6373,14 +6373,6 @@ select {
 	--tw-blur: blur(8px);
 	filter: var(--tw-filter);
 }
-.blur-lg {
-	--tw-blur: blur(16px);
-	filter: var(--tw-filter);
-}
-.blur-md {
-	--tw-blur: blur(12px);
-	filter: var(--tw-filter);
-}
 .blur-sm {
 	--tw-blur: blur(4px);
 	filter: var(--tw-filter);
diff --git a/public/js/app.js b/public/js/app.js
index 3f19cdde..c277b61c 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -3396,10 +3396,19 @@ function Comments(_ref) {
   }, []); // On supprime un commentaire
 
   const handleDelete = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async comment => {
+    const isReply = comment.model_type === 'reply';
     await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.deleteReply)(comment.id);
-    setState(s => _objectSpread(_objectSpread({}, s), {}, {
-      comments: s.comments.filter(c => c !== comment)
-    }));
+
+    if (isReply) {
+      const comments = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.findAllReplies)(target);
+      setState(s => _objectSpread(_objectSpread({}, s), {}, {
+        comments
+      }));
+    } else {
+      setState(s => _objectSpread(_objectSpread({}, s), {}, {
+        comments: s.comments.filter(c => c !== comment)
+      }));
+    }
   }, []); // On répond à un commentaire
 
   const handleReply = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(comment => {
diff --git a/resources/js/components/Comments.jsx b/resources/js/components/Comments.jsx
index 0a353782..317c5879 100644
--- a/resources/js/components/Comments.jsx
+++ b/resources/js/components/Comments.jsx
@@ -58,11 +58,18 @@ export function Comments ({ target, parent }) {
 
   // On supprime un commentaire
   const handleDelete = useCallback(async comment => {
+    const isReply = comment.model_type === 'reply'
+
     await deleteReply(comment.id)
-    setState(s => ({
-      ...s,
-      comments: s.comments.filter(c => c !== comment)
-    }))
+    if (isReply) {
+      const comments = await findAllReplies(target)
+      setState(s => ({ ...s, comments }))
+    } else {
+      setState(s => ({
+        ...s,
+        comments: s.comments.filter(c => c !== comment)
+      }))
+    }
   }, [])
 
   // On répond à un commentaire
diff --git a/routes/api.php b/routes/api.php
index da393c51..8279606a 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -18,4 +18,4 @@
 Route::post('replies', [ReplyController::class, 'store']);
 Route::put('replies/{id}', [ReplyController::class, 'update']);
 Route::post('like/{id}', [ReplyController::class, 'like']);
-Route::delete('replies/{id}', [ReplyController::class, 'update']);
+Route::delete('replies/{id}', [ReplyController::class, 'delete']);

From a8ec382ea72ca63fc412665a8cabde6638ad5f3e Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Mon, 22 Nov 2021 12:14:30 +0100
Subject: [PATCH 25/27] :sparkles: ajout de la creation et l'edition d'un
 commentaire

---
 app/Events/CommentWasAdded.php                |  16 +++
 app/Http/Controllers/Api/ReplyController.php  |  37 ++++++-
 app/Http/Requests/Api/CreateReplyRequest.php  |  21 ++++
 app/Http/Requests/Api/UpdateReplyRequest.php  |  25 +++++
 app/Http/Requests/FormRequest.php             |  33 ++++++
 app/Http/Resources/ReplyResource.php          |   1 -
 app/Listeners/SendNewCommentNotification.php  |  26 +++++
 app/Notifications/NewCommentNotification.php  |  45 ++++++++
 app/Providers/EventServiceProvider.php        |   5 +
 public/js/app.js                              |  98 ++++++++++-------
 resources/js/api/comments.js                  |   6 +-
 resources/js/components/Comments.jsx          | 103 ++++++++++++------
 .../discussions/_contributions.blade.php      |   2 +-
 13 files changed, 336 insertions(+), 82 deletions(-)
 create mode 100644 app/Events/CommentWasAdded.php
 create mode 100644 app/Http/Requests/Api/CreateReplyRequest.php
 create mode 100644 app/Http/Requests/Api/UpdateReplyRequest.php
 create mode 100644 app/Http/Requests/FormRequest.php
 create mode 100644 app/Listeners/SendNewCommentNotification.php
 create mode 100644 app/Notifications/NewCommentNotification.php

diff --git a/app/Events/CommentWasAdded.php b/app/Events/CommentWasAdded.php
new file mode 100644
index 00000000..6c9f6b16
--- /dev/null
+++ b/app/Events/CommentWasAdded.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Events;
+
+use App\Models\Discussion;
+use App\Models\Reply;
+use Illuminate\Queue\SerializesModels;
+
+class CommentWasAdded
+{
+    use SerializesModels;
+
+    public function __construct(public Reply $reply, public Discussion $discussion)
+    {
+    }
+}
diff --git a/app/Http/Controllers/Api/ReplyController.php b/app/Http/Controllers/Api/ReplyController.php
index e0c00fdf..ed6b17e9 100644
--- a/app/Http/Controllers/Api/ReplyController.php
+++ b/app/Http/Controllers/Api/ReplyController.php
@@ -2,7 +2,10 @@
 
 namespace App\Http\Controllers\Api;
 
+use App\Events\CommentWasAdded;
 use App\Http\Controllers\Controller;
+use App\Http\Requests\Api\CreateReplyRequest;
+use App\Http\Requests\Api\UpdateReplyRequest;
 use App\Http\Resources\ReplyResource;
 use App\Models\Discussion;
 use App\Models\Reaction;
@@ -11,7 +14,6 @@
 use Illuminate\Http\JsonResponse;
 use Illuminate\Http\Request;
 use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
-use Illuminate\Support\Facades\Auth;
 
 class ReplyController extends Controller
 {
@@ -19,18 +21,45 @@ public function all(int $target): AnonymousResourceCollection
     {
         /** @var Discussion $discussion */
         $discussion = Discussion::findOrFail($target);
+        $replies = collect();
 
-        return ReplyResource::collection($discussion->replies);
+        foreach ($discussion->replies as $reply) {
+            if ($reply->allChildReplies->isNotEmpty()) {
+                foreach ($reply->allChildReplies as $childReply) {
+                    $replies->add($childReply);
+                }
+            }
+
+            $replies->add($reply);
+        }
+
+        return ReplyResource::collection($replies);
     }
 
-    public function store()
+    public function store(CreateReplyRequest $request): ReplyResource
     {
+        // dd($request->all());
+        // if ($request->parent) {}
+        $reply = new Reply(['body' => $request->body]);
+        $author = User::find($request->user_id);
+
+        $target = Discussion::find($request->target);
+        $reply->authoredBy($author);
+        $reply->to($target);
+        $reply->save();
 
+        // On envoie un event pour une nouvelle réponse à tous les abonnés de la discussion
+        event(new CommentWasAdded($reply, $target));
+
+        return new ReplyResource($reply);
     }
 
-    public function update()
+    public function update(UpdateReplyRequest $request, int $id): ReplyResource
     {
+        $reply = Reply::find($id);
+        $reply->update(['body' => $request->body]);
 
+        return new ReplyResource($reply);
     }
 
     public function like(Request $request, int $id): ReplyResource
diff --git a/app/Http/Requests/Api/CreateReplyRequest.php b/app/Http/Requests/Api/CreateReplyRequest.php
new file mode 100644
index 00000000..0bc95859
--- /dev/null
+++ b/app/Http/Requests/Api/CreateReplyRequest.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Http\Requests\Api;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class CreateReplyRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    public function rules(): array
+    {
+        return [
+            'body' => 'required',
+            'user_id' => 'required',
+        ];
+    }
+}
diff --git a/app/Http/Requests/Api/UpdateReplyRequest.php b/app/Http/Requests/Api/UpdateReplyRequest.php
new file mode 100644
index 00000000..13c54143
--- /dev/null
+++ b/app/Http/Requests/Api/UpdateReplyRequest.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Requests\Api;
+
+use App\Http\Requests\FormRequest;
+
+class UpdateReplyRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules(): array
+    {
+        return [
+            'body' => 'required',
+        ];
+    }
+}
diff --git a/app/Http/Requests/FormRequest.php b/app/Http/Requests/FormRequest.php
new file mode 100644
index 00000000..7f7d7834
--- /dev/null
+++ b/app/Http/Requests/FormRequest.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Contracts\Validation\Validator;
+use Illuminate\Foundation\Http\FormRequest as LaravelFormRequest;
+use Illuminate\Http\JsonResponse;
+
+abstract class FormRequest extends LaravelFormRequest
+{
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return  array
+     */
+    abstract public function rules(): array;
+
+    public function failedValidation(Validator $validator): JsonResponse
+    {
+        $transformed = [];
+
+        foreach ($validator->errors() as $field => $message) {
+            $transformed[] = [
+                'field' => $field,
+                'message' => $message[0]
+            ];
+        }
+
+        return response()->json([
+            'errors' => $transformed
+        ], JsonResponse::HTTP_UNPROCESSABLE_ENTITY);
+    }
+}
diff --git a/app/Http/Resources/ReplyResource.php b/app/Http/Resources/ReplyResource.php
index a874604c..64027d6b 100644
--- a/app/Http/Resources/ReplyResource.php
+++ b/app/Http/Resources/ReplyResource.php
@@ -16,7 +16,6 @@ public function toArray($request): array
             'created_at' => $this->created_at->getTimestamp(),
             'author' => new UserResource($this->author),
             'has_replies' => $this->allChildReplies->isNotEmpty(),
-            'replies' => $this->replyable_type === 'discussion' ? self::collection($this->replies) : null,
             'likes_count' => $this->getReactionsSummary()->sum('count'),
         ];
     }
diff --git a/app/Listeners/SendNewCommentNotification.php b/app/Listeners/SendNewCommentNotification.php
new file mode 100644
index 00000000..1f3c2a11
--- /dev/null
+++ b/app/Listeners/SendNewCommentNotification.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Listeners;
+
+use App\Events\CommentWasAdded;
+use App\Models\User;
+use App\Notifications\NewCommentNotification;
+
+class SendNewCommentNotification
+{
+    public function handle(CommentWasAdded $event)
+    {
+        $discussion = $event->discussion;
+
+        foreach ($discussion->subscribes as $subscription) {
+            if ($this->replyAuthorDoesNotMatchSubscriber($event->reply->author, $subscription)) {
+                $subscription->user->notify(new NewCommentNotification($event->reply, $subscription, $discussion));
+            }
+        }
+    }
+
+    private function replyAuthorDoesNotMatchSubscriber(User $author, $subscription): bool
+    {
+        return ! $author->is($subscription->user);
+    }
+}
diff --git a/app/Notifications/NewCommentNotification.php b/app/Notifications/NewCommentNotification.php
new file mode 100644
index 00000000..5ecbb98b
--- /dev/null
+++ b/app/Notifications/NewCommentNotification.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Notifications;
+
+use App\Models\Discussion;
+use App\Models\Reply;
+use App\Models\Subscribe;
+use Illuminate\Bus\Queueable;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+
+class NewCommentNotification extends Notification
+{
+    use Queueable;
+
+    public function __construct(public Reply $reply, public Subscribe $subscription, public Discussion $discussion)
+    {
+    }
+
+    public function via($notifiable): array
+    {
+        return ['mail', 'database'];
+    }
+
+    public function toMail($notifiable): MailMessage
+    {
+        return (new MailMessage)
+                    ->subject("Re: {$this->discussion->subject()}")
+                    ->line('@' . $this->reply->author->username . ' a répondu à ce sujet.')
+                    ->line($this->reply->excerpt(150))
+                    ->action('Voir la discussion', route('discussions.show', $this->discussion))
+                    ->line('Vous recevez ceci parce que vous êtes abonné à cette discussion.');
+    }
+
+    public function toArray($notifiable): array
+    {
+        return [
+            'type' => 'new_comment',
+            'reply' => $this->reply->id,
+            'replyable_id' => $this->reply->replyable_id,
+            'replyable_type' => $this->reply->replyable_type,
+            'replyable_subject' => $this->discussion->subject(),
+        ];
+    }
+}
diff --git a/app/Providers/EventServiceProvider.php b/app/Providers/EventServiceProvider.php
index 9bfc430f..5fb5dcf4 100644
--- a/app/Providers/EventServiceProvider.php
+++ b/app/Providers/EventServiceProvider.php
@@ -2,10 +2,12 @@
 
 namespace App\Providers;
 
+use App\Events\CommentWasAdded;
 use App\Events\ReplyWasCreated;
 use App\Events\ThreadWasCreated;
 use App\Listeners\NotifyMentionedUsers;
 use App\Listeners\PostNewThreadNotification;
+use App\Listeners\SendNewCommentNotification;
 use App\Listeners\SendNewReplyNotification;
 use App\Listeners\SendNewThreadNotification;
 use Illuminate\Auth\Events\Registered;
@@ -31,6 +33,9 @@ class EventServiceProvider extends ServiceProvider
             SendNewThreadNotification::class,
             PostNewThreadNotification::class,
         ],
+        CommentWasAdded::class => [
+            SendNewCommentNotification::class,
+        ],
     ];
 
     /**
diff --git a/public/js/app.js b/public/js/app.js
index c277b61c..cfb18575 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -3133,10 +3133,10 @@ __webpack_require__.r(__webpack_exports__);
  */
 
 async function findAllReplies(target) {
-  return await (0,_helpers_api_js__WEBPACK_IMPORTED_MODULE_0__.jsonFetch)(`/api/replies/${target}`);
+  return (0,_helpers_api_js__WEBPACK_IMPORTED_MODULE_0__.jsonFetch)(`/api/replies/${target}`);
 }
 /**
- * @param {{target: number, username: ?string, email: ?string, content: string}} data
+ * @param {{target: number, user_id: int, body: string}} body
  * @return {Promise<Object>}
  */
 
@@ -3149,7 +3149,7 @@ async function addReply(body) {
 /**
  * @param {int} id
  * @param {int} userId
- * @return {Promise<Object>}
+ * @return {Promise<ReplyResource>}
  */
 
 async function likeReply(id, userId) {
@@ -3370,11 +3370,11 @@ function Comments(_ref) {
       return null;
     }
 
-    return state.comments.filter(c => c.model_type === 'discussion').sort((a, b) => b.created_at - a.created_at);
+    return state.comments.filter(c => c.model_type === 'discussion');
   }, [state.comments]); // Trouve les commentaire enfant d'un commentaire
 
   function repliesFor(comment) {
-    return comment.replies.filter(c => c.model_type === 'reply').sort((a, b) => b.created_at - a.created_at);
+    return state.comments.filter(c => c.model_type === 'reply' && c.model_id === comment.id);
   } // On commence l'édition d'un commentaire
 
 
@@ -3396,24 +3396,15 @@ function Comments(_ref) {
   }, []); // On supprime un commentaire
 
   const handleDelete = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async comment => {
-    const isReply = comment.model_type === 'reply';
     await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.deleteReply)(comment.id);
-
-    if (isReply) {
-      const comments = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.findAllReplies)(target);
-      setState(s => _objectSpread(_objectSpread({}, s), {}, {
-        comments
-      }));
-    } else {
-      setState(s => _objectSpread(_objectSpread({}, s), {}, {
-        comments: s.comments.filter(c => c !== comment)
-      }));
-    }
+    setState(s => _objectSpread(_objectSpread({}, s), {}, {
+      comments: s.comments.filter(c => c !== comment)
+    }));
   }, []); // On répond à un commentaire
 
   const handleReply = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(comment => {
     setState(s => _objectSpread(_objectSpread({}, s), {}, {
-      reply: comment.model_id || comment.id
+      reply: comment.id
     }));
   }, []);
   const handleCancelReply = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(() => {
@@ -3425,7 +3416,8 @@ function Comments(_ref) {
   const handleCreate = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async (data, parent) => {
     data = _objectSpread(_objectSpread({}, data), {}, {
       target,
-      parent
+      parent,
+      user_id: (0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.getUserId)()
     });
     const newComment = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.addReply)(data);
     setState(s => _objectSpread(_objectSpread({}, s), {}, {
@@ -3436,10 +3428,10 @@ function Comments(_ref) {
   }, [target]); // On like un commentaire
 
   const handleLike = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useCallback)(async comment => {
-    await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.likeReply)(comment.id, (0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.getUserId)());
-    const comments = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.findAllReplies)(target);
+    const likeComment = await (0,_api_comments__WEBPACK_IMPORTED_MODULE_4__.likeReply)(comment.id, (0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.getUserId)());
     setState(s => _objectSpread(_objectSpread({}, s), {}, {
-      comments
+      editing: null,
+      comments: s.comments.map(c => c === comment ? likeComment : c)
     }));
   }, []); // On scroll jusqu'à l'élément si l'ancre commence par un "c"
 
@@ -3474,7 +3466,8 @@ function Comments(_ref) {
     className: "mt-6",
     ref: element
   }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", null, (0,_helpers_auth__WEBPACK_IMPORTED_MODULE_9__.isAuthenticated)() ? (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(CommentForm, {
-    onSubmit: handleCreate
+    onSubmit: handleCreate,
+    isRoot: true
   }) : (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     className: "relative"
   }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
@@ -3530,7 +3523,11 @@ function Comments(_ref) {
     onReply: handleReply,
     onLike: handleLike,
     isReply: true
-  })))))) : (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(FakeComment, null), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(FakeComment, null))));
+  }, state.reply === comment.id && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(CommentForm, {
+    onSubmit: handleCreate,
+    parent: comment.id,
+    onCancel: handleCancelReply
+  }))))))) : (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(preact__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(FakeComment, null), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(FakeComment, null))));
 }
 const FakeComment = (0,preact_compat__WEBPACK_IMPORTED_MODULE_1__.memo)(() => {
   return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(react_content_loader__WEBPACK_IMPORTED_MODULE_14__["default"], {
@@ -3664,17 +3661,35 @@ const Comment = (0,preact_compat__WEBPACK_IMPORTED_MODULE_1__.memo)(_ref2 => {
     "aria-hidden": "true"
   }), comment.likes_count > 0 && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("span", {
     className: "mr-1.5"
-  }, comment.likes_count), "Like", comment.likes_count > 1 ? 's' : ''), !isReply && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("button", {
-    type: "button",
-    onClick: handleReply,
-    className: "inline-flex items-center justify-center text-sm text-skin-base font-normal hover:text-skin-inverted-muted"
-  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Icon__WEBPACK_IMPORTED_MODULE_8__.ChatIcon, {
-    className: "-ml-1 mr-2 h-5 w-5 fill-current",
-    "aria-hidden": "true"
-  }), "R\xE9pondre")));
+  }, comment.likes_count), "Like", comment.likes_count > 1 ? 's' : '')));
 
   if (editing) {
-    content = (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", null, "Formulaire d'edition");
+    content = (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("form", {
+      onSubmit: handleUpdate,
+      className: "min-w-0 flex-1"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("label", {
+      htmlFor: "body",
+      className: "sr-only"
+    }, "Commentaire"), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("textarea", {
+      name: "body",
+      className: "bg-skin-input shadow-sm focus:border-flag-green focus:ring-flag-green mt-1 block w-full text-skin-base focus:outline-none sm:text-sm font-normal border-skin-input rounded-md",
+      ref: textarea,
+      defaultValue: comment.body,
+      rows: 4,
+      required: true
+    }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+      className: "mt-3 flex items-center justify-end space-x-3"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Button__WEBPACK_IMPORTED_MODULE_5__.DefaultButton, {
+      type: "reset",
+      onClick: handleEdit
+    }, "Annuler"), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Button__WEBPACK_IMPORTED_MODULE_5__.PrimaryButton, {
+      type: "submit",
+      loading: loading
+    }, "Modifier")));
+  }
+
+  if (loading) {
+    className.push('is-loading');
   }
 
   return (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("li", {
@@ -3693,7 +3708,9 @@ const Comment = (0,preact_compat__WEBPACK_IMPORTED_MODULE_1__.memo)(_ref2 => {
     className: "h-10 w-10 rounded-full",
     src: comment.author.profile_photo_url,
     alt: ""
-  })), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", null, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+  })), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "flex-1"
+  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     className: "flex items-center text-sm space-x-2"
   }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("a", {
     href: `/user/${comment.author.username}`,
@@ -3725,6 +3742,7 @@ function CommentForm(_ref3) {
   let {
     onSubmit,
     parent,
+    isRoot = false,
     onCancel = null
   } = _ref3;
   const [loading, setLoading] = (0,preact_hooks__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
@@ -3737,6 +3755,7 @@ function CommentForm(_ref3) {
     const errors = (await (0,_helpers_api__WEBPACK_IMPORTED_MODULE_11__.catchViolations)(onSubmit(Object.fromEntries(new FormData(form)), parent)))[1];
 
     if (errors) {
+      console.log(errors);
       setErrors(errors);
     } else {
       form.reset();
@@ -3788,15 +3807,20 @@ function CommentForm(_ref3) {
     required: true
   }), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
     className: "mt-6 flex items-center justify-between space-x-4"
-  }, (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", {
+  }, isRoot && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("p", {
     className: "text-sm text-skin-base max-w-xl font-normal"
   }, "Veuillez vous assurer d'avoir lu nos ", (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("a", {
     href: "/rules",
     className: "font-medium text-skin-primary hover:text-skin-primary-hover"
-  }, "r\xE8gles de conduite"), " avant de r\xE9pondre \xE0 ce fil de conversation."), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Button__WEBPACK_IMPORTED_MODULE_5__.PrimaryButton, {
+  }, "r\xE8gles de conduite"), " avant de r\xE9pondre \xE0 ce fil de conversation."), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)("div", {
+    className: "flex items-center justify-end space-x-3"
+  }, onCancel && (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Button__WEBPACK_IMPORTED_MODULE_5__.DefaultButton, {
+    type: "reset",
+    onClick: handleCancel
+  }, "Annuler"), (0,preact__WEBPACK_IMPORTED_MODULE_0__.h)(_components_Button__WEBPACK_IMPORTED_MODULE_5__.PrimaryButton, {
     type: "submit",
     loading: loading
-  }, "Commenter")))));
+  }, "Commenter"))))));
 }
 
 /***/ }),
diff --git a/resources/js/api/comments.js b/resources/js/api/comments.js
index f457eb7e..ec6ac089 100644
--- a/resources/js/api/comments.js
+++ b/resources/js/api/comments.js
@@ -10,11 +10,11 @@ import { jsonFetch } from '@helpers/api.js'
  * @return {Promise<ReplyResource[]>}
  */
 export async function findAllReplies (target) {
-  return await jsonFetch(`/api/replies/${target}`)
+  return jsonFetch(`/api/replies/${target}`)
 }
 
 /**
- * @param {{target: number, username: ?string, email: ?string, content: string}} data
+ * @param {{target: number, user_id: int, body: string}} body
  * @return {Promise<Object>}
  */
 export async function addReply (body) {
@@ -27,7 +27,7 @@ export async function addReply (body) {
 /**
  * @param {int} id
  * @param {int} userId
- * @return {Promise<Object>}
+ * @return {Promise<ReplyResource>}
  */
 export async function likeReply(id, userId) {
   return jsonFetch(`/api/like/${id}`, {
diff --git a/resources/js/components/Comments.jsx b/resources/js/components/Comments.jsx
index 317c5879..dccbf590 100644
--- a/resources/js/components/Comments.jsx
+++ b/resources/js/components/Comments.jsx
@@ -3,7 +3,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks'
 import ContentLoader from 'react-content-loader'
 import { ChatAltIcon } from '@heroicons/react/solid'
 import { findAllReplies, addReply, updateReply, deleteReply, likeReply } from '@api/comments';
-import { PrimaryButton } from '@components/Button';
+import { DefaultButton, PrimaryButton } from '@components/Button';
 import { Field } from '@components/Form'
 import { Markdown } from '@components/Markdown'
 import { ChatIcon, HeartIcon } from '@components/Icon'
@@ -33,12 +33,12 @@ export function Comments ({ target, parent }) {
     if (state.comments === null) {
       return null
     }
-    return state.comments.filter(c => c.model_type === 'discussion').sort((a, b) => b.created_at - a.created_at)
+    return state.comments.filter(c => c.model_type === 'discussion')
   }, [state.comments])
 
   // Trouve les commentaire enfant d'un commentaire
   function repliesFor (comment) {
-    return comment.replies.filter(c => c.model_type === 'reply').sort((a, b) => b.created_at - a.created_at)
+    return state.comments.filter(c => c.model_type === 'reply' && c.model_id === comment.id)
   }
 
   // On commence l'édition d'un commentaire
@@ -58,25 +58,17 @@ export function Comments ({ target, parent }) {
 
   // On supprime un commentaire
   const handleDelete = useCallback(async comment => {
-    const isReply = comment.model_type === 'reply'
-
     await deleteReply(comment.id)
-    if (isReply) {
-      const comments = await findAllReplies(target)
-      setState(s => ({ ...s, comments }))
-    } else {
-      setState(s => ({
-        ...s,
-        comments: s.comments.filter(c => c !== comment)
-      }))
-    }
+    setState(s => ({
+      ...s,
+      comments: s.comments.filter(c => c !== comment)
+    }))
   }, [])
 
   // On répond à un commentaire
   const handleReply = useCallback(comment => {
-    setState(s => ({ ...s, reply: comment.model_id || comment.id }))
+    setState(s => ({ ...s, reply: comment.id }))
   }, [])
-
   const handleCancelReply = useCallback(() => {
     setState(s => ({ ...s, reply: null }))
   }, [])
@@ -84,7 +76,7 @@ export function Comments ({ target, parent }) {
   // On crée un nouveau commentaire
   const handleCreate = useCallback(
     async (data, parent) => {
-      data = { ...data, target, parent }
+      data = { ...data, target, parent, user_id: getUserId() }
       const newComment = await addReply(data)
       setState(s => ({
         ...s,
@@ -98,9 +90,12 @@ export function Comments ({ target, parent }) {
 
   // On like un commentaire
   const handleLike = useCallback(async (comment) => {
-    await likeReply(comment.id, getUserId())
-    const comments = await findAllReplies(target)
-    setState(s => ({ ...s, comments }))
+    const likeComment = await likeReply(comment.id, getUserId())
+    setState(s => ({
+      ...s,
+      editing: null,
+      comments: s.comments.map(c => (c === comment ? likeComment : c))
+    }))
   }, [])
 
   // On scroll jusqu'à l'élément si l'ancre commence par un "c"
@@ -135,7 +130,7 @@ export function Comments ({ target, parent }) {
     <div className="mt-6" ref={element}>
       <div>
         {isAuthenticated() ? (
-          <CommentForm onSubmit={handleCreate} />
+          <CommentForm onSubmit={handleCreate} isRoot />
         ) : (
           <div className="relative">
             <div className="min-w-0 flex-1 filter blur-sm">
@@ -191,7 +186,11 @@ export function Comments ({ target, parent }) {
                         onReply={handleReply}
                         onLike={handleLike}
                         isReply
-                      />
+                      >
+                        {state.reply === comment.id && (
+                          <CommentForm onSubmit={handleCreate} parent={comment.id} onCancel={handleCancelReply} />
+                        )}
+                      </Comment>
                     ))}
                   </ul>
                 </Comment>
@@ -207,7 +206,6 @@ export function Comments ({ target, parent }) {
       </div>
     </div>
   );
-
 }
 
 const FakeComment = memo(() => {
@@ -302,17 +300,44 @@ const Comment = memo(({ comment, editing, onEdit, onUpdate, onDelete, onReply, o
           {comment.likes_count > 0 && <span className="mr-1.5">{comment.likes_count}</span>}
           Like{comment.likes_count > 1 ? 's' : ''}
         </button>
-        {!isReply && (
-          <button type="button" onClick={handleReply} className="inline-flex items-center justify-center text-sm text-skin-base font-normal hover:text-skin-inverted-muted">
+        {/*{!isReply && (
+          <a href={anchor} onClick={handleReply} className="inline-flex items-center justify-center text-sm text-skin-base font-normal hover:text-skin-inverted-muted">
             <ChatIcon className="-ml-1 mr-2 h-5 w-5 fill-current" aria-hidden="true"/>
             Répondre
-          </button>
-        )}
+          </a>
+        )}*/}
       </div>
     </>
   )
+
   if (editing) {
-    content = (<p>Formulaire d'edition</p>)
+    content = (
+      <form onSubmit={handleUpdate} className='min-w-0 flex-1'>
+        <label htmlFor="body" className="sr-only">
+          Commentaire
+        </label>
+        <textarea
+          name='body'
+          className="bg-skin-input shadow-sm focus:border-flag-green focus:ring-flag-green mt-1 block w-full text-skin-base focus:outline-none sm:text-sm font-normal border-skin-input rounded-md"
+          ref={textarea}
+          defaultValue={comment.body}
+          rows={4}
+          required
+        />
+        <div className="mt-3 flex items-center justify-end space-x-3">
+          <DefaultButton type='reset' onClick={handleEdit}>
+            Annuler
+          </DefaultButton>
+          <PrimaryButton type='submit' loading={loading}>
+            Modifier
+          </PrimaryButton>
+        </div>
+      </form>
+    )
+  }
+
+  if (loading) {
+    className.push('is-loading')
   }
 
   return (
@@ -332,7 +357,7 @@ const Comment = memo(({ comment, editing, onEdit, onUpdate, onDelete, onReply, o
               alt=""
             />
           </div>
-          <div>
+          <div className="flex-1">
             <div className="flex items-center text-sm space-x-2">
               <a href={`/user/${comment.author.username}`} className="font-medium text-skin-primary font-sans hover:text-skin-primary-hover">
                 {comment.author.name}
@@ -361,7 +386,7 @@ const Comment = memo(({ comment, editing, onEdit, onUpdate, onDelete, onReply, o
   )
 })
 
-function CommentForm ({ onSubmit, parent, onCancel = null }) {
+function CommentForm ({ onSubmit, parent, isRoot = false, onCancel = null }) {
   const [loading, setLoading] = useState(false)
   const [errors, setErrors] = useState({})
   const ref = useRef(null)
@@ -373,6 +398,7 @@ function CommentForm ({ onSubmit, parent, onCancel = null }) {
       setLoading(true)
       const errors = (await catchViolations(onSubmit(Object.fromEntries(new FormData(form)), parent)))[1]
       if (errors) {
+        console.log(errors)
         setErrors(errors)
       } else {
         form.reset()
@@ -427,12 +453,17 @@ function CommentForm ({ onSubmit, parent, onCancel = null }) {
             required
           />
           <div className="mt-6 flex items-center justify-between space-x-4">
-            <p className="text-sm text-skin-base max-w-xl font-normal">
-              Veuillez vous assurer d'avoir lu nos <a href="/rules" className="font-medium text-skin-primary hover:text-skin-primary-hover">règles de conduite</a> avant de répondre à ce fil de conversation.
-            </p>
-            <PrimaryButton type="submit" loading={loading}>
-              Commenter
-            </PrimaryButton>
+            {isRoot && (
+              <p className="text-sm text-skin-base max-w-xl font-normal">
+                Veuillez vous assurer d'avoir lu nos <a href="/rules" className="font-medium text-skin-primary hover:text-skin-primary-hover">règles de conduite</a> avant de répondre à ce fil de conversation.
+              </p>
+            )}
+            <div className="flex items-center justify-end space-x-3">
+              {onCancel && <DefaultButton type="reset" onClick={handleCancel}>Annuler</DefaultButton>}
+              <PrimaryButton type="submit" loading={loading}>
+                Commenter
+              </PrimaryButton>
+            </div>
           </div>
         </form>
       </div>
diff --git a/resources/views/discussions/_contributions.blade.php b/resources/views/discussions/_contributions.blade.php
index 94da61f8..602b956d 100644
--- a/resources/views/discussions/_contributions.blade.php
+++ b/resources/views/discussions/_contributions.blade.php
@@ -32,7 +32,7 @@
 
     <div>
         <h4 class="text-lg font-semibold text-skin-inverted font-sans leading-6">Discussions sans commentaires</h4>
-        <p class="mt-3 font-normal text-skin-base text-sm">Les discussions/sujets qui n’ont pas encore eu de commentaires. Soyez le premier à apporter votre avis.</p>
+        <p class="mt-3 font-normal text-skin-base text-sm">Les discussions/sujets qui n’ont pas encore eu de commentaires. Soyez le premier à apporter votre contribution.</p>
 
         <div class="mt-6">
             <ul role="list" class="divide-y divide-skin-base">

From 0fecbe4ef8671ac8a79d07bec27fbf132691ca95 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Mon, 22 Nov 2021 12:19:29 +0100
Subject: [PATCH 26/27] :recycle: refactoring

---
 app/Http/Controllers/ThreadController.php | 1 -
 app/Http/Requests/FormRequest.php         | 4 ++--
 app/Traits/WithTags.php                   | 3 ++-
 routes/web.php                            | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/Http/Controllers/ThreadController.php b/app/Http/Controllers/ThreadController.php
index 13661b75..691099c6 100644
--- a/app/Http/Controllers/ThreadController.php
+++ b/app/Http/Controllers/ThreadController.php
@@ -2,7 +2,6 @@
 
 namespace App\Http\Controllers;
 
-use App\Http\Controllers\Controller;
 use App\Models\Channel;
 use App\Models\Thread;
 use Illuminate\Http\Request;
diff --git a/app/Http/Requests/FormRequest.php b/app/Http/Requests/FormRequest.php
index 7f7d7834..89b3f01f 100644
--- a/app/Http/Requests/FormRequest.php
+++ b/app/Http/Requests/FormRequest.php
@@ -22,12 +22,12 @@ public function failedValidation(Validator $validator): JsonResponse
         foreach ($validator->errors() as $field => $message) {
             $transformed[] = [
                 'field' => $field,
-                'message' => $message[0]
+                'message' => $message[0],
             ];
         }
 
         return response()->json([
-            'errors' => $transformed
+            'errors' => $transformed,
         ], JsonResponse::HTTP_UNPROCESSABLE_ENTITY);
     }
 }
diff --git a/app/Traits/WithTags.php b/app/Traits/WithTags.php
index 06dec1da..c1bb7e7a 100644
--- a/app/Traits/WithTags.php
+++ b/app/Traits/WithTags.php
@@ -4,7 +4,8 @@
 
 use App\Models\Tag;
 
-trait WithTags {
+trait WithTags
+{
     public ?string $tag = null;
     public string $sortBy = 'recent';
 
diff --git a/routes/web.php b/routes/web.php
index 186b9aa0..b92b6272 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -2,10 +2,10 @@
 
 use App\Http\Controllers\ArticlesController;
 use App\Http\Controllers\DiscussionController;
-use App\Http\Controllers\ThreadController;
 use App\Http\Controllers\HomeController;
 use App\Http\Controllers\OAuthController;
 use App\Http\Controllers\SubscriptionController;
+use App\Http\Controllers\ThreadController;
 use App\Http\Controllers\User;
 use Illuminate\Support\Facades\Route;
 

From df138c964a045a945cc076e315ba83abb078ec28 Mon Sep 17 00:00:00 2001
From: Arthur Monney <monneylobe@gmail.com>
Date: Mon, 22 Nov 2021 12:23:51 +0100
Subject: [PATCH 27/27] :white_check_mark: passed test

---
 tests/Feature/UserActivitiesTest.php | 2 +-
 tests/Integration/DiscussionTest.php | 2 +-
 tests/Integration/ReplyTest.php      | 2 +-
 tests/Integration/ThreadTest.php     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/tests/Feature/UserActivitiesTest.php b/tests/Feature/UserActivitiesTest.php
index bce2b962..58da40c6 100644
--- a/tests/Feature/UserActivitiesTest.php
+++ b/tests/Feature/UserActivitiesTest.php
@@ -13,7 +13,7 @@
         'type' => 'created_article',
         'user_id' => auth()->id(),
         'subject_id' => $article->id,
-        'subject_type' => Article::class,
+        'subject_type' => 'article',
     ]);
 
     $activity = Activity::first();
diff --git a/tests/Integration/DiscussionTest.php b/tests/Integration/DiscussionTest.php
index 3015ee9b..2424dd23 100644
--- a/tests/Integration/DiscussionTest.php
+++ b/tests/Integration/DiscussionTest.php
@@ -39,7 +39,7 @@
         'type' => 'created_discussion',
         'user_id' => auth()->id(),
         'subject_id' => $discussion->id,
-        'subject_type' => Discussion::class,
+        'subject_type' => 'discussion',
     ]);
 
     $activity = Activity::first();
diff --git a/tests/Integration/ReplyTest.php b/tests/Integration/ReplyTest.php
index aa4b1da2..a31b0be8 100644
--- a/tests/Integration/ReplyTest.php
+++ b/tests/Integration/ReplyTest.php
@@ -16,7 +16,7 @@
         'type' => 'created_reply',
         'user_id' => auth()->id(),
         'subject_id' => $reply->id,
-        'subject_type' => Reply::class,
+        'subject_type' => 'reply',
     ]);
 
     $activity = Activity::first();
diff --git a/tests/Integration/ThreadTest.php b/tests/Integration/ThreadTest.php
index aadb2da0..a8d4d72c 100644
--- a/tests/Integration/ThreadTest.php
+++ b/tests/Integration/ThreadTest.php
@@ -42,7 +42,7 @@
         'type' => 'created_thread',
         'user_id' => auth()->id(),
         'subject_id' => $thread->id,
-        'subject_type' => Thread::class,
+        'subject_type' => 'thread',
     ]);
 
     $activity = Activity::first();