commit b124ff80920c5a0aad66649c18ff96d908c07980
Author: Haqeem Solehan <93633646+julap99@users.noreply.github.com>
Date:   Thu Oct 16 16:05:39 2025 +0800

    Update various configuration files, components, and assets; enhance notification system and API endpoints; improve documentation and styles across the application.

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..b1a2216
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,16 @@
+# Email Configuration for Nodemailer (Mailtrap SMTP)
+# For Mailtrap: Use live.smtp.mailtrap.io for production sending
+# Ports: 587 (recommended), 465, 2525, or 25
+# Auth: PLAIN or LOGIN
+# TLS: Required (STARTTLS on 587, 2525, 25; Forced TLS on 465)
+SMTP_HOST=live.smtp.mailtrap.io
+SMTP_PORT=587
+SMTP_SECURE=false
+SMTP_USER=apismtp@mailtrap.io
+SMTP_PASS=your-mailtrap-api-token
+SMTP_FROM=noreply@yourcompany.com
+
+# Database Configuration
+DATABASE_URL="your-database-url"
+
+# Other configuration...
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..00a350d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,30 @@
+# Nuxt dev/build outputs
+.output
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+# Uploads directory
+public/
+public/uploads/
+
+assets/img/
+
+
diff --git a/.nuxtignore b/.nuxtignore
new file mode 100644
index 0000000..e69de29
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..c1c99bb
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "vue3snippets.enable-compile-vue-file-on-did-save-code": true
+}
\ No newline at end of file
diff --git a/NOTIFICATION_TEMPLATES_DEBUG.md b/NOTIFICATION_TEMPLATES_DEBUG.md
new file mode 100644
index 0000000..e879218
--- /dev/null
+++ b/NOTIFICATION_TEMPLATES_DEBUG.md
@@ -0,0 +1,161 @@
+# Notification Templates Error Debugging Guide
+
+## Issue Description
+
+**Error:** `Cannot read properties of undefined (reading 'map')`
+**Location:** `pages/notification/templates/index.vue` line 399
+**Cause:** The frontend is trying to call `.map()` on `response.data.templates` but this property is undefined.
+
+## Root Cause Analysis
+
+The error occurs because the API response doesn't have the expected structure. The frontend expects:
+```javascript
+{
+  success: true,
+  data: {
+    templates: [...], // Array of templates
+    pagination: {...}
+  }
+}
+```
+
+But the API might be returning:
+- An error response
+- A response with missing `data` property
+- A response with missing `data.templates` property
+- An empty or malformed response
+
+## Potential Causes
+
+1. **Database Issues:**
+   - Database connection failure
+   - Missing `notification_templates` table
+   - Table exists but has no data
+
+2. **Authentication Issues:**
+   - User not authenticated
+   - Authentication middleware failing
+   - Missing user context in API
+
+3. **API Implementation Issues:**
+   - Error in API endpoint logic
+   - Prisma query failure
+   - Unhandled exceptions
+
+## Debugging Steps
+
+### Step 1: Test Database Connection and Data
+
+Run the database test script:
+```bash
+npm run test-api
+```
+
+This will:
+- Test database connection
+- Check if `notification_templates` table exists
+- Show current data count
+- Simulate the API logic
+- Display the expected response structure
+
+### Step 2: Add Sample Data
+
+If the table is empty, seed it with sample data:
+```bash
+npm run seed-templates
+```
+
+This will add 4 sample notification templates for testing.
+
+### Step 3: Run Both Tests
+
+Run the combined debugging command:
+```bash
+npm run debug-templates
+```
+
+This runs both the test and seeding scripts.
+
+### Step 4: Check Authentication
+
+Ensure you are logged in when testing the frontend. The API requires authentication.
+
+## Frontend Fixes Applied
+
+The frontend code has been updated with better error handling:
+
+1. **Defensive Programming:** Check if response structure exists before accessing
+2. **Better Error Messages:** More specific error messages based on response type
+3. **Empty State Handling:** Properly handle empty arrays
+4. **Loading State Management:** Consistent loading state management
+
+## API Response Structure
+
+The API should return:
+```javascript
+{
+  success: true,
+  data: {
+    templates: [
+      {
+        id: "uuid",
+        title: "Template Name",
+        value: "template_value",
+        description: "Description",
+        subject: "Email Subject",
+        category: "category",
+        channels: ["email", "push"],
+        status: "Active",
+        version: "1.0",
+        // ... other fields
+      }
+    ],
+    pagination: {
+      page: 1,
+      limit: 10,
+      totalCount: 5,
+      totalPages: 1,
+      hasNextPage: false,
+      hasPrevPage: false
+    }
+  }
+}
+```
+
+## Quick Fix Summary
+
+1. **Frontend:** Added robust error handling to prevent crashes
+2. **Testing:** Created scripts to test database and API logic
+3. **Sample Data:** Created seeding script for testing
+4. **Debugging:** Added comprehensive logging and error reporting
+
+## Next Steps
+
+1. Run `npm run debug-templates` to diagnose the issue
+2. Check the console output for specific errors
+3. If database connection fails, check your `DATABASE_URL` environment variable
+4. If authentication fails, ensure you're logged in
+5. If the API works in testing but fails in the browser, check browser console for network errors
+
+## Files Modified
+
+- `pages/notification/templates/index.vue` - Added error handling
+- `scripts/seed-templates.js` - Sample data seeding
+- `scripts/test-api.js` - Database and API testing
+- `package.json` - Added debugging scripts
+
+## Environment Requirements
+
+- Database server running
+- Valid `DATABASE_URL` in environment
+- Prisma client generated (`npx prisma generate`)
+- Database migrations applied
+
+## Support
+
+If the issue persists after following these steps, check:
+1. Database server status
+2. Environment variables
+3. Prisma schema sync with database
+4. Network connectivity
+5. Authentication middleware configuration 
\ No newline at end of file
diff --git a/QUEUE_SCHEDULER_IMPLEMENTATION.md b/QUEUE_SCHEDULER_IMPLEMENTATION.md
new file mode 100644
index 0000000..0519ecb
--- /dev/null
+++ b/QUEUE_SCHEDULER_IMPLEMENTATION.md
@@ -0,0 +1 @@
+ 
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..7f452fe
--- /dev/null
+++ b/README.md
@@ -0,0 +1,45 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install --shamefully-hoist
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Checkout the [deployment documentation](https://v3.nuxtjs.org/guide/deploy/presets) for more information.
+# corradAF
+
+This is the base project for corradAF.
diff --git a/app.config.js b/app.config.js
new file mode 100644
index 0000000..6a71328
--- /dev/null
+++ b/app.config.js
@@ -0,0 +1,9 @@
+// app.config.ts
+export default defineAppConfig({
+  nuxtIcon: {
+    size: "24px", // default <Icon> size applied
+    aliases: {
+      nuxt: "logos:nuxt-icon",
+    },
+  },
+});
diff --git a/app.vue b/app.vue
new file mode 100644
index 0000000..f27c589
--- /dev/null
+++ b/app.vue
@@ -0,0 +1,50 @@
+<script setup>
+const { siteSettings, loadSiteSettings } = useSiteSettings();
+
+// Use site settings for global meta
+useHead({
+  title: () => siteSettings?.value?.siteName || 'corradAF',
+  meta: [
+    { name: 'description', content: () => siteSettings?.value?.siteDescription || 'corradAF Base Project' },
+    { property: 'og:title', content: () => siteSettings?.value?.siteName || 'corradAF' },
+    { property: 'og:description', content: () => siteSettings?.value?.siteDescription || 'corradAF Base Project' },
+    { name: 'twitter:title', content: () => siteSettings?.value?.siteName || 'corradAF' },
+    { name: 'twitter:description', content: () => siteSettings?.value?.siteDescription || 'corradAF Base Project' },
+  ],
+  link: [
+    { rel: 'icon', href: () => siteSettings?.value?.siteFavicon || '/favicon.ico' },
+    { rel: 'apple-touch-icon', href: () => siteSettings?.value?.siteFavicon || '/favicon.ico' }
+  ],
+  htmlAttrs: {
+    lang: "en",
+  },
+});
+
+const nuxtApp = useNuxtApp();
+const loading = ref(true);
+
+onMounted(async () => {
+  // Load site settings first
+  await loadSiteSettings();
+  
+  // Hide loading indicator if not hydrating
+  setTimeout(() => {
+    loading.value = false;
+  }, 1000);
+
+  // Get theme from localStorage or site settings
+  let theme = localStorage.getItem("theme") || siteSettings?.value?.selectedTheme || "biasa";
+  document.documentElement.setAttribute("data-theme", theme);
+});
+</script>
+
+<template>
+  <div>
+    <VitePwaManifest />
+    <NuxtLoadingIndicator />
+    <NuxtLayout>
+      <Loading v-if="loading" />
+      <NuxtPage :key="$route.fullPath" v-else />
+    </NuxtLayout>
+  </div>
+</template>
diff --git a/assets/css/menu-levels.css b/assets/css/menu-levels.css
new file mode 100644
index 0000000..6b324be
--- /dev/null
+++ b/assets/css/menu-levels.css
@@ -0,0 +1,119 @@
+/* Multi-level menu styling */
+.multi-level-menu {
+  border-left: 2px solid rgba(var(--color-primary), 0.3);
+}
+
+/* Common styles for all menu levels */
+.navigation-item-wrapper a {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: flex;
+  align-items: center;
+}
+
+/* Long menu text handling */
+.navigation-item-wrapper span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+/* Show full text on hover */
+.navigation-item-wrapper a:hover span {
+  white-space: normal;
+  overflow: visible;
+  position: relative;
+  z-index: 10;
+}
+
+/* Enhanced tooltip effect for very long menu items */
+.deepest-menu-item a:hover span {
+  background-color: rgba(var(--sidebar-menu), 0.95);
+  border-radius: 4px;
+  padding: 4px 8px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+  max-width: 300px;
+}
+
+/* Level-specific styles */
+.second-level-menu {
+  font-weight: 500;
+  padding-left: 0.25rem;
+}
+
+.second-level-menu .mx-3,
+.second-level-menu .mx-4 {
+  color: rgba(255, 255, 255, 0.95);
+  max-width: 200px;
+}
+
+.third-level-menu {
+  font-style: italic;
+  padding-left: 0.5rem;
+}
+
+.third-level-menu .mx-3,
+.third-level-menu .mx-4 {
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 0.95rem;
+  max-width: 180px;
+}
+
+.deepest-menu-item {
+  padding-left: 0.75rem;
+  border-left: 2px solid rgba(var(--color-primary), 0.6);
+}
+
+.deepest-menu-item .mx-3,
+.deepest-menu-item .mx-4 {
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 0.9rem;
+  max-width: 160px;
+}
+
+/* Add visual indicators for each level */
+.second-level-menu a::before,
+.third-level-menu a::before,
+.deepest-menu-item a::before {
+  content: '';
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  margin-right: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.second-level-menu a::before {
+  background-color: rgba(var(--color-primary), 0.8);
+}
+
+.third-level-menu a::before {
+  background-color: rgba(var(--color-accent), 0.8);
+  width: 5px;
+  height: 5px;
+}
+
+.deepest-menu-item a::before {
+  background-color: rgba(var(--color-secondary), 0.8);
+  width: 4px;
+  height: 4px;
+}
+
+/* Resonsive adjustments for different screen sizes */
+@media (max-width: 1200px) {
+  .second-level-menu .mx-3, 
+  .second-level-menu .mx-4,
+  .third-level-menu .mx-3,
+  .third-level-menu .mx-4,
+  .deepest-menu-item .mx-3,
+  .deepest-menu-item .mx-4 {
+    max-width: 140px;
+  }
+}
+
+@media (max-width: 992px) {
+  .navigation-item-wrapper span {
+    max-width: 120px;
+  }
+} 
\ No newline at end of file
diff --git a/assets/js/formkit-custom.js b/assets/js/formkit-custom.js
new file mode 100644
index 0000000..ea02554
--- /dev/null
+++ b/assets/js/formkit-custom.js
@@ -0,0 +1,20 @@
+import { createInput } from "@formkit/vue";
+import OneTimePassword from "~/components/formkit/OneTimePassword.vue";
+import MaskText from "~/components/formkit/TextMask.vue";
+import FileDropzone from "~/components/formkit/FileDropzone.vue";
+import Toggle from "~/components/formkit/Toggle.vue";
+
+export default {
+  otp: createInput(OneTimePassword, {
+    props: ["digits"],
+  }),
+  mask: createInput(MaskText, {
+    props: ["mask"],
+  }),
+  dropzone: createInput(FileDropzone, {
+    props: ["accept", "multiple", "maxSize", "minSize", "maxFiles", "disabled"],
+  }),
+  toggle: createInput(Toggle, {
+    props: ["onLabel", "offLabel"],
+  }),
+};
diff --git a/assets/js/formkit-theme.js b/assets/js/formkit-theme.js
new file mode 100644
index 0000000..dd57e22
--- /dev/null
+++ b/assets/js/formkit-theme.js
@@ -0,0 +1,94 @@
+// Create some re-useable definitions because
+// many input types are identical in how
+// we want to style them.
+const textClassification = {
+  label: "formkit-outer-text",
+  inner: "formkit-inner-text",
+  input: "formkit-input-text",
+  prefix: "formkit-prefix-text",
+  message: "formkit-message-text",
+};
+const boxClassification = {
+  inner: "formkit-inner-box",
+  fieldset: "formkit-fieldset-box",
+  legend: "formkit-legend-box",
+  wrapper: "formkit-wrapper-box",
+  help: "formkit-help-box",
+  input: "formkit-input-box",
+  label: "formkit-label-box",
+  message: "formkit-message-box",
+};
+const buttonClassification = {
+  wrapper: "formkit-wrapper-button",
+  input: "formkit-input-button",
+};
+const OtpClassification = {
+  label: "formkit-label-otp",
+  inner: "formkit-inner-otp",
+  digit: "formkit-digit-otp",
+  message: "formkit-message-otp",
+};
+
+const colorClassification = {
+  label: "formkit-label-color",
+  input: "formkit-input-color",
+};
+
+const fileClassification = {
+  label: "formkit-label-file",
+  inner: "formkit-inner-file",
+  input: "formkit-input-file",
+};
+
+const rangeClassification = {
+  input: "formkit-input-range",
+};
+
+// export our definitions using our above
+// templates and declare one-offs and
+// overrides as needed.
+export default {
+  // the global key will apply to all inputs
+  global: {
+    label: "formkit-label-global",
+    outer: "formkit-outer-global",
+    help: "formkit-help-global",
+    messages: "formkit-messages-global",
+    message: "formkit-message-global",
+    wrapper: "formkit-wrapper-global",
+  },
+  button: buttonClassification,
+  color: colorClassification,
+  date: textClassification,
+  "datetime-local": textClassification,
+  checkbox: boxClassification,
+  email: textClassification,
+  file: fileClassification,
+  month: textClassification,
+  number: textClassification,
+  password: textClassification,
+  radio: {
+    ...boxClassification,
+    input: "formkit-input-radio",
+  },
+  range: rangeClassification,
+  search: textClassification,
+  select: { ...textClassification, option: "p-2" },
+  submit: buttonClassification,
+  tel: textClassification,
+  text: textClassification,
+  textarea: {
+    ...textClassification,
+    input: "formkit-input-textarea",
+  },
+  time: textClassification,
+  url: textClassification,
+  week: textClassification,
+  otp: OtpClassification,
+  mask: textClassification,
+  dropzone: {
+    ...textClassification,
+    inner: "formkit-inner-dropzone",
+    dropzone: "formkit-dropzone",
+  },
+};
diff --git a/assets/json/data.json b/assets/json/data.json
new file mode 100644
index 0000000..a6b2942
--- /dev/null
+++ b/assets/json/data.json
@@ -0,0 +1,92 @@
+[
+  {
+    "id": "#001",
+    "firstName": "John",
+    "lastName": "Doe",
+    "email": "johndoe@example.com",
+    "gender": "Male",
+    "status": "Active",
+    "age": 34
+  },
+  {
+    "id": "#002",
+    "firstName": "Jane",
+    "lastName": "Smith",
+    "email": "janesmith@example.com",
+    "gender": "Female",
+    "status": "Inactive",
+    "age": 28
+  },
+  {
+    "id": "#003",
+    "firstName": "Robert",
+    "lastName": "Brown",
+    "email": "robertbrown@example.com",
+    "gender": "Male",
+    "status": "Banned",
+    "age": 45
+  },
+  {
+    "id": "#004",
+    "firstName": "Emily",
+    "lastName": "White",
+    "email": "emilywhite@example.com",
+    "gender": "Female",
+    "status": "Active",
+    "age": 37
+  },
+  {
+    "id": "#005",
+    "firstName": "Michael",
+    "lastName": "Johnson",
+    "email": "michaeljohnson@example.com",
+    "gender": "Male",
+    "status": "Inactive",
+    "age": 50
+  },
+  {
+    "id": "#006",
+    "firstName": "Linda",
+    "lastName": "Williams",
+    "email": "lindawilliams@example.com",
+    "gender": "Female",
+    "status": "Active",
+    "age": 32
+  },
+  {
+    "id": "#007",
+    "firstName": "James",
+    "lastName": "Taylor",
+    "email": "jamestaylor@example.com",
+    "gender": "Male",
+    "status": "Banned",
+    "age": 40
+  },
+  {
+    "id": "#008",
+    "firstName": "Patricia",
+    "lastName": "Brown",
+    "email": "patriciabrown@example.com",
+    "gender": "Female",
+    "status": "Inactive",
+    "age": 29
+  },
+  {
+    "id": "#009",
+    "firstName": "David",
+    "lastName": "Wilson",
+    "email": "davidwilson@example.com",
+    "gender": "Male",
+    "status": "Active",
+    "age": 38
+  },
+  {
+    "id": "#010",
+    "firstName": "Elizabeth",
+    "lastName": "Garcia",
+    "email": "elizabethgarcia@example.com",
+    "gender": "Female",
+    "status": "Banned",
+    "age": 42
+  }
+]
diff --git a/assets/json/iconamoon.json b/assets/json/iconamoon.json
new file mode 100644
index 0000000..2fe9c49
--- /dev/null
+++ b/assets/json/iconamoon.json
@@ -0,0 +1,7126 @@
+[
+  {
+    "name": "iconamoon:3d",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m12 3l7.794 4.5v7.845a2 2 0 0 1-1 1.732L13 20.423a2 2 0 0 1-2 0l-5.794-3.346a2 2 0 0 1-1-1.732V7.5z\"/><path d=\"M12 7v5l-4.33 2.5M12 12l4.33 2.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:3d-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"m12 3l7.794 4.5v7.845a2 2 0 0 1-1 1.732L13 20.423a2 2 0 0 1-2 0l-5.794-3.346a2 2 0 0 1-1-1.732V7.5z\"/><path d=\"M12 7v5l-4.33 2.5M12 12l4.33 2.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:3d-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l7.794 4.5v7.845a2 2 0 0 1-1 1.732L13 20.423a2 2 0 0 1-2 0l-5.794-3.346a2 2 0 0 1-1-1.732V7.5z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 3l7.794 4.5v7.845a2 2 0 0 1-1 1.732L13 20.423a2 2 0 0 1-2 0l-5.794-3.346a2 2 0 0 1-1-1.732V7.5z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 7v5l-4.33 2.5M12 12l4.33 2.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:3d-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.5 2.134a1 1 0 0 1 1 0l7.794 4.5a1 1 0 0 1 .5.866v7.845a3 3 0 0 1-1.5 2.598L13.5 21.29a3 3 0 0 1-3 0l-5.794-3.346a3 3 0 0 1-1.5-2.598V7.5a1 1 0 0 1 .5-.866zM12 6a1 1 0 0 1 1 1v4.423l3.83 2.211a1 1 0 1 1-1 1.732L12 13.155l-3.83 2.211a1 1 0 1 1-1-1.732L11 11.423V7a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:3d-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m12 3l7.794 4.5v7.845a2 2 0 0 1-1 1.732L13 20.423a2 2 0 0 1-2 0l-5.794-3.346a2 2 0 0 1-1-1.732V7.5z\"/><path d=\"M12 7v5l-4.33 2.5M12 12l4.33 2.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:3d-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3l7.794 4.5v7.845a2 2 0 0 1-1 1.732L13 20.423a2 2 0 0 1-2 0l-5.794-3.346a2 2 0 0 1-1-1.732V7.5z\"/><path d=\"M12 7v5l-4.33 2.5M12 12l4.33 2.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:apps",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h2v2H4zm0 14h2v2H4zM18 4h2v2h-2zm0 7h2v2h-2zm-7 0h2v2h-2zm-7 0h2v2H4zm7-7h2v2h-2zm0 14h2v2h-2zm7 0h2v2h-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:apps-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h2v2H4zm0 14h2v2H4zM18 4h2v2h-2zm0 7h2v2h-2zm-7 0h2v2h-2zm-7 0h2v2H4zm7-7h2v2h-2zm0 14h2v2h-2zm7 0h2v2h-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:apps-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm0 14a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zM18 3a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1 8a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zm-6-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1zm-8 1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm8-8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1 15a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zm8-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:apps-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h2v2H4zm0 14h2v2H4zM18 4h2v2h-2zm0 7h2v2h-2zm-7 0h2v2h-2zm-7 0h2v2H4zm7-7h2v2h-2zm0 14h2v2h-2zm7 0h2v2h-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:apps-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h2v2H4zm0 14h2v2H4zM18 4h2v2h-2zm0 7h2v2h-2zm-7 0h2v2h-2zm-7 0h2v2H4zm7-7h2v2h-2zm0 14h2v2h-2zm7 0h2v2h-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 17H7m0 0V7m0 10L17 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M17 17H7m0 0V7m0 10L17 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6 7v10a1 1 0 0 0 1 1h10a1 1 0 0 0 .707-1.707L13.414 12l4.293-4.293a1 1 0 0 0-1.414-1.414L12 10.586L7.707 6.293A1 1 0 0 0 6 7\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 17H7m0 0V7m0 10L17 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 17H7m0 0V7m0 10L17 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 8v8h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M8 8v8h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 8v8a1 1 0 0 0 1 1h8a1 1 0 0 0 .707-1.707l-8-8A1 1 0 0 0 7 8\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 8v8h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 8v8h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-3-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 6v4m0 0h4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-3-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 6v4m0 0h4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-3-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 6v4m0 0h4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-3-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm6 6v4a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2h-1.586l2.293-2.293a1 1 0 0 0-1.414-1.414L11 11.586V10a1 1 0 1 0-2 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-3-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 6v4m0 0h4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-3-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 6v4m0 0h4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-4-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-4-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-4-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-4-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm6 10a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2h-3v-3a1 1 0 1 0-2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-4-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-4-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-5-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 10v4m0 0h4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-5-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 10v4m0 0h4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-5-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 10v4m0 0h4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-5-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8-3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2h-1.586l2.293-2.293a1 1 0 0 0-1.414-1.414L11 11.586V10a1 1 0 0 0-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-5-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 10v4m0 0h4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-5-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 10v4m0 0h4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-6-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-6-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-6-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-6-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7 2a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2h-3v-3a1 1 0 1 0-2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-6-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-left-6-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 10v4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7v10m0 0H7m10 0L7 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M17 7v10m0 0H7m10 0L7 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 18h10a1 1 0 0 0 1-1V7a1 1 0 0 0-1.707-.707L12 10.586L7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293A1 1 0 0 0 7 18\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 7v10m0 0H7m10 0L7 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 7v10m0 0H7m10 0L7 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-3-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4m0 0v-4m0 4l-4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-3-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4m0 0v-4m0 4l-4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-3-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4m0 0v-4m0 4l-4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-3-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm7 11h4a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0v1.586l-2.293-2.293a1 1 0 0 0-1.414 1.414L11.586 13H10a1 1 0 1 0 0 2\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-3-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4m0 0v-4m0 4l-4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-3-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4m0 0v-4m0 4l-4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-4-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-4-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-4-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-4-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm11 11a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0v3h-3a1 1 0 1 0 0 2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-4-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-4-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-5-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 14h4m0 0v-4m0 4l-4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-5-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 14h4m0 0v-4m0 4l-4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-5-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14h4m0 0v-4m0 4l-4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-5-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7 2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0v1.586l-2.293-2.293a1 1 0 0 0-1.414 1.414L11.586 13H10a1 1 0 0 0-1 1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-5-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 14h4m0 0v-4m0 4l-4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-5-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 14h4m0 0v-4m0 4l-4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-6-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-6-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-6-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-6-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m12 3a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0v3h-3a1 1 0 1 0 0 2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-6-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-right-6-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 14h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-up-4-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-up-4-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-up-4-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-up-4-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm12 6a1 1 0 0 0-1-1h-4a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-up-4-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-bottom-up-4-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19V5m-7 7l7 7l7-7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 19V5m-7 7l7 7l7-7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l7 7m0 0l7-7m-7 7V5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 11a1 1 0 0 0-.707 1.707l7 7a1 1 0 0 0 1.414 0l7-7A1 1 0 0 0 19 11h-6V5a1 1 0 1 0-2 0v6z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5 12l7 7m0 0l7-7m-7 7V5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m5 12l7 7m0 0l7-7m-7 7V5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 10l5 5m0 0l5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m7 10l5 5m0 0l5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 10l5 5l5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 9a1 1 0 0 0-.707 1.707l5 5a1 1 0 0 0 1.414 0l5-5A1 1 0 0 0 17 9z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m7 10l5 5l5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m7 10l5 5l5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-3-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5 8l3 3m0 0l3-3m-3 3V9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-3-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5 8l3 3m0 0l3-3m-3 3V9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-3-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5 8l3 3m0 0l3-3m-3 3V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-3-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm10 5a1 1 0 1 0-2 0v3.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L13 12.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-3-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5 8l3 3m0 0l3-3m-3 3V9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-3-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5 8l3 3m0 0l3-3m-3 3V9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-4-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-4-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-4-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-4-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm6.707 6.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L12 12.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-4-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-4-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-5-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m9 12l3 3m0 0l3-3m-3 3V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-5-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m9 12l3 3m0 0l3-3m-3 3V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-5-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 12l3 3m0 0l3-3m-3 3V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-5-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m11-3a1 1 0 1 0-2 0v3.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L13 12.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-5-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m9 12l3 3m0 0l3-3m-3 3V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-5-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m9 12l3 3m0 0l3-3m-3 3V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-6-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-6-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-6-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-6-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7.707-1.707a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L12 12.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-6-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-down-6-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m9 11l3 3l3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l-7 7l7 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 12h14m-7-7l-7 7l7 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 5l-7 7m0 0l7 7m-7-7h14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M13 5a1 1 0 0 0-1.707-.707l-7 7a1 1 0 0 0 0 1.414l7 7A1 1 0 0 0 13 19v-6h6a1 1 0 1 0 0-2h-6z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m12 5l-7 7m0 0l7 7m-7-7h14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m12 5l-7 7m0 0l7 7m-7-7h14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 7l-5 5m0 0l5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m14 7l-5 5m0 0l5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 7l-5 5l5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M15 7a1 1 0 0 0-1.707-.707l-5 5a1 1 0 0 0 0 1.414l5 5A1 1 0 0 0 15 17z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m14 7l-5 5l5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m14 7l-5 5l5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-3-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 5l-3 3m0 0l3 3m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-3-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 5l-3 3m0 0l3 3m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-3-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 5l-3 3m0 0l3 3m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-3-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm9.707 5.707a1 1 0 0 0-1.414-1.414l-3 3a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414-1.414L11.414 13H15a1 1 0 1 0 0-2h-3.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-3-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 5l-3 3m0 0l3 3m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-3-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 5l-3 3m0 0l3 3m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-4-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-4-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-4-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-4-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm10.707 5.707a1 1 0 0 0-1.414-1.414l-3 3a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414-1.414L11.414 12z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-4-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-4-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-5-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m12 9l-3 3m0 0l3 3m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-5-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m12 9l-3 3m0 0l3 3m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-5-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 9l-3 3m0 0l3 3m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-5-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10.707-2.293a1 1 0 0 0-1.414-1.414l-3 3a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414-1.414L11.414 13H15a1 1 0 1 0 0-2h-3.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-5-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m12 9l-3 3m0 0l3 3m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-5-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m12 9l-3 3m0 0l3 3m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-6-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-6-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-6-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-6-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m11.707-2.293a1 1 0 0 0-1.414-1.414l-3 3a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414-1.414L11.414 12z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-6-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-left-6-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m13 9l-3 3l3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 12H5m7 7l7-7l-7-7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 12H5m7 7l7-7l-7-7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l7-7l-7-7m7 7H5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11 19a1 1 0 0 0 1.707.707l7-7a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 11 5v6H5a1 1 0 1 0 0 2h6z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m12 19l7-7l-7-7m7 7H5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m12 19l7-7l-7-7m7 7H5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 17l5-5m0 0l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m10 17l5-5m0 0l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 17l5-5l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 17a1 1 0 0 0 1.707.707l5-5a1 1 0 0 0 0-1.414l-5-5A1 1 0 0 0 9 7z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m10 17l5-5l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m10 17l5-5l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-3-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 11l3-3m0 0l-3-3m3 3H9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-3-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 11l3-3m0 0l-3-3m3 3H9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-3-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 11l3-3m0 0l-3-3m3 3H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-3-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm9.707 4.293a1 1 0 1 0-1.414 1.414L12.586 11H9a1 1 0 1 0 0 2h3.586l-1.293 1.293a1 1 0 0 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-3-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 11l3-3m0 0l-3-3m3 3H9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-3-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 11l3-3m0 0l-3-3m3 3H9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-4-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-4-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-4-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-4-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm7.293 10.293a1 1 0 1 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414l-3-3a1 1 0 1 0-1.414 1.414L12.586 12z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-4-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-4-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-5-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m12 15l3-3m0 0l-3-3m3 3H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-5-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m12 15l3-3m0 0l-3-3m3 3H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-5-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 15l3-3m0 0l-3-3m3 3H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-5-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10.707-3.707a1 1 0 1 0-1.414 1.414L12.586 11H9a1 1 0 1 0 0 2h3.586l-1.293 1.293a1 1 0 0 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-5-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m12 15l3-3m0 0l-3-3m3 3H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-5-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m12 15l3-3m0 0l-3-3m3 3H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-6-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-6-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-6-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-6-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8.293 2.293a1 1 0 1 0 1.414 1.414l3-3a1 1 0 0 0 0-1.414l-3-3a1 1 0 1 0-1.414 1.414L12.586 12z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-6-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-right-6-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m11 15l3-3l-3-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7H7m0 0v10M7 7l10 10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M17 7H7m0 0v10M7 7l10 10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 6H7a1 1 0 0 0-1 1v10a1 1 0 0 0 1.707.707L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12l4.293-4.293A1 1 0 0 0 17 6\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 7H7m0 0v10M7 7l10 10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 7H7m0 0v10M7 7l10 10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 8H8v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M16 8H8v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16 7H8a1 1 0 0 0-1 1v8a1 1 0 0 0 1.707.707l8-8A1 1 0 0 0 16 7\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16 8H8v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 8H8v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-3-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 6h-4m0 0v4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-3-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 6h-4m0 0v4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-3-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 6h-4m0 0v4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-3-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm11 5h-4a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-1.586l2.293 2.293a1 1 0 0 0 1.414-1.414L12.414 11H14a1 1 0 1 0 0-2\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-3-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 6h-4m0 0v4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-3-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 6h-4m0 0v4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-4-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-4-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-4-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-4-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm7 5a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-3h3a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-4-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-4-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-5-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 10h-4m0 0v4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-5-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 10h-4m0 0v4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-5-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10h-4m0 0v4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-5-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m13-2a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-1.586l2.293 2.293a1 1 0 0 0 1.414-1.414L12.414 11H14a1 1 0 0 0 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-5-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 10h-4m0 0v4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-5-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 10h-4m0 0v4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-6-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-6-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-6-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-6-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8-3a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-3h3a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-6-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-left-6-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 10h-4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10m0 0v10m0-10L7 17\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M7 7h10m0 0v10m0-10L7 17\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M18 17V7a1 1 0 0 0-1-1H7a1 1 0 0 0-.707 1.707L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293A1 1 0 0 0 18 17\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 7h10m0 0v10m0-10L7 17\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 7h10m0 0v10m0-10L7 17\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 16V8H8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M16 16V8H8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 16V8a1 1 0 0 0-1-1H8a1 1 0 0 0-.707 1.707l8 8A1 1 0 0 0 17 16\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16 16V8H8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 16V8H8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-3-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 10v-4m0 0h-4m4 0l-4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-3-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 10v-4m0 0h-4m4 0l-4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-3-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 10v-4m0 0h-4m4 0l-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-3-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm12 10v-4a1 1 0 0 0-1-1h-4a1 1 0 1 0 0 2h1.586l-2.293 2.293a1 1 0 1 0 1.414 1.414L13 12.414V14a1 1 0 1 0 2 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-3-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 10v-4m0 0h-4m4 0l-4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-3-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 10v-4m0 0h-4m4 0l-4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-5-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 14v-4m0 0h-4m4 0l-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-5-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 14v-4m0 0h-4m4 0l-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-5-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 14v-4m0 0h-4m4 0l-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-5-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m12 3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 1 0 0 2h1.586l-2.293 2.293a1 1 0 1 0 1.414 1.414L13 12.414V14a1 1 0 0 0 1 1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-5-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 14v-4m0 0h-4m4 0l-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-5-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 14v-4m0 0h-4m4 0l-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-6-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-6-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-6-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-6-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m13-2a1 1 0 0 0-1-1h-4a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-6-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-top-right-6-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 14v-4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 5v14m7-7l-7-7l-7 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 5v14m7-7l-7-7l-7 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m19 12l-7-7l-7 7m7-7v14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M19 13a1 1 0 0 0 .707-1.707l-7-7a1 1 0 0 0-1.414 0l-7 7A1 1 0 0 0 5 13h6v6a1 1 0 1 0 2 0v-6z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m19 12l-7-7l-7 7m7-7v14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19 12l-7-7l-7 7m7-7v14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 14l-5-5m0 0l-5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m17 14l-5-5m0 0l-5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 14l-5-5l-5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 15a1 1 0 0 0 .707-1.707l-5-5a1 1 0 0 0-1.414 0l-5 5A1 1 0 0 0 7 15z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m17 14l-5-5l-5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m17 14l-5-5l-5 5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-3-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 8l-3-3m0 0l-3 3m3-3v6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-3-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 8l-3-3m0 0l-3 3m3-3v6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-3-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 8l-3-3m0 0l-3 3m3-3v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-3-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm9.707 4.293a1 1 0 0 0-1.414 0l-3 3a1 1 0 1 0 1.414 1.414L11 11.414V15a1 1 0 1 0 2 0v-3.586l1.293 1.293a1 1 0 0 0 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-3-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 8l-3-3m0 0l-3 3m3-3v6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-3-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 8l-3-3m0 0l-3 3m3-3v6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-4-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-4-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-4-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-4-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm11.293 9.707a1 1 0 0 0 1.414-1.414l-3-3a1 1 0 0 0-1.414 0l-3 3a1 1 0 1 0 1.414 1.414L12 11.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-4-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-4-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-5-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 12l-3-3m0 0l-3 3m3-3v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-5-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 12l-3-3m0 0l-3 3m3-3v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-5-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 12l-3-3m0 0l-3 3m3-3v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-5-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m13.707-.707l-3-3a1 1 0 0 0-1.414 0l-3 3a1 1 0 1 0 1.414 1.414L11 11.414V15a1 1 0 1 0 2 0v-3.586l1.293 1.293a1 1 0 0 0 1.414-1.414\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-5-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 12l-3-3m0 0l-3 3m3-3v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-5-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 12l-3-3m0 0l-3 3m3-3v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-6-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-6-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-6-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-6-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m12.293 1.707a1 1 0 0 0 1.414-1.414l-3-3a1 1 0 0 0-1.414 0l-3 3a1 1 0 1 0 1.414 1.414L12 11.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-6-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:arrow-up-6-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 13l-3-3l-3 3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attachment",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 15V9a6 6 0 1 1 12 0v8a4 4 0 0 1-8 0V9a2 2 0 1 1 4 0v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:attachment-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M6 15V9a6 6 0 1 1 12 0v8a4 4 0 0 1-8 0V9a2 2 0 1 1 4 0v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:attachment-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 15V9a6 6 0 1 1 12 0v8a4 4 0 1 1-8 0V9a2 2 0 1 1 4 0v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:attachment-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 4a5 5 0 0 0-5 5v6a1 1 0 1 1-2 0V9a7 7 0 1 1 14 0v8a5 5 0 0 1-10 0V9a3 3 0 0 1 6 0v8a1 1 0 1 1-2 0V9a1 1 0 1 0-2 0v8a3 3 0 0 0 6 0V9a5 5 0 0 0-5-5\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:attachment-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6 15V9a6 6 0 1 1 12 0v8a4 4 0 1 1-8 0V9a2 2 0 1 1 4 0v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:attachment-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 15V9a6 6 0 1 1 12 0v8a4 4 0 1 1-8 0V9a2 2 0 1 1 4 0v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:attention-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attention-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attention-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 16h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attention-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10 1a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1m-1.5 3a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:attention-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attention-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attention-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attention-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3.75\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attention-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 16h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attention-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zM12 13a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1m-1.5 3a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:attention-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"2.25\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:attention-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"1.5\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M12 12V8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:backspace",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.92 5a2 2 0 0 0-1.519.698l-4.285 5a2 2 0 0 0 0 2.604l4.285 5A2 2 0 0 0 7.92 19H19a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zM15 10l-4 4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:backspace-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M7.92 5a2 2 0 0 0-1.519.698l-4.285 5a2 2 0 0 0 0 2.604l4.285 5A2 2 0 0 0 7.92 19H19a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zM15 10l-4 4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:backspace-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7.92 5a2 2 0 0 0-1.519.698l-4.285 5a2 2 0 0 0 0 2.604l4.285 5A2 2 0 0 0 7.92 19H19a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.92 5a2 2 0 0 0-1.519.698l-4.285 5a2 2 0 0 0 0 2.604l4.285 5A2 2 0 0 0 7.92 19H19a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zM15 10l-4 4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:backspace-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.92 4H19a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7.92a3 3 0 0 1-2.278-1.048l-4.285-5a3 3 0 0 1 0-3.904l4.285-5A3 3 0 0 1 7.92 4m2.373 5.293a1 1 0 0 1 1.414 0L13 10.586l1.293-1.293a1 1 0 1 1 1.414 1.414L14.414 12l1.293 1.293a1 1 0 0 1-1.414 1.414L13 13.414l-1.293 1.293a1 1 0 1 1-1.414-1.414L11.586 12l-1.293-1.293a1 1 0 0 1 0-1.414\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:backspace-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7.92 5a2 2 0 0 0-1.519.698l-4.285 5a2 2 0 0 0 0 2.604l4.285 5A2 2 0 0 0 7.92 19H19a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zM15 10l-4 4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:backspace-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.92 5a2 2 0 0 0-1.519.698l-4.285 5a2 2 0 0 0 0 2.604l4.285 5A2 2 0 0 0 7.92 19H19a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zM15 10l-4 4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:badge",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M12.586 4.586A2 2 0 0 0 11.172 4H4v7.172a2 2 0 0 0 .586 1.414l7 7a2 2 0 0 0 2.828 0l5.172-5.172a2 2 0 0 0 0-2.828z\"/><path stroke-width=\"3\" d=\"M9 9h.01v.01H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:badge-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M12.586 4.586A2 2 0 0 0 11.172 4H4v7.172a2 2 0 0 0 .586 1.414l7 7a2 2 0 0 0 2.828 0l5.172-5.172a2 2 0 0 0 0-2.828z\"/><path stroke-width=\"3.75\" d=\"M9 9h.01v.01H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:badge-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M12.586 4.586A2 2 0 0 0 11.172 4H4v7.172a2 2 0 0 0 .586 1.414l7 7a2 2 0 0 0 2.828 0l5.172-5.172a2 2 0 0 0 0-2.828z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12.586 4.586A2 2 0 0 0 11.172 4H4v7.172a2 2 0 0 0 .586 1.414l7 7a2 2 0 0 0 2.828 0l5.172-5.172a2 2 0 0 0 0-2.828z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9h.01v.01H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:badge-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h7.172a3 3 0 0 1 2.12.879l7 7a3 3 0 0 1 0 4.242l-5.17 5.172a3 3 0 0 1-4.243 0l-7-7A3 3 0 0 1 3 11.172zm6 3.5A1.5 1.5 0 0 0 7.5 9v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:badge-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M12.586 4.586A2 2 0 0 0 11.172 4H4v7.172a2 2 0 0 0 .586 1.414l7 7a2 2 0 0 0 2.828 0l5.172-5.172a2 2 0 0 0 0-2.828z\"/><path stroke-width=\"2.25\" d=\"M9 9h.01v.01H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:badge-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M12.586 4.586A2 2 0 0 0 11.172 4H4v7.172a2 2 0 0 0 .586 1.414l7 7a2 2 0 0 0 2.828 0l5.172-5.172a2 2 0 0 0 0-2.828z\"/><path stroke-width=\"1.5\" d=\"M9 9h.01v.01H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:bluetooth",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 17L19 7l-7-4v18l7-4L5 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bluetooth-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 17L19 7l-7-4v18l7-4L5 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bluetooth-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l7 4l-7 5l7 5l-7 4z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 17L19 7l-7-4v18l7-4L5 7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:bluetooth-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.498 2.135a1 1 0 0 1 .998-.003l7 4a1 1 0 0 1 .085 1.682L13.721 12l5.86 4.186a1 1 0 0 1-.085 1.682l-7 4A1 1 0 0 1 11 21v-7.057l-5.419 3.87a1 1 0 1 1-1.162-1.627L10.279 12L4.42 7.814a1 1 0 1 1 1.16-1.628l5.42 3.87V3a1 1 0 0 1 .498-.865M13 13.943l4.148 2.963L13 19.276zm0-3.886V4.723l4.148 2.37z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bluetooth-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 17L19 7l-7-4v18l7-4L5 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bluetooth-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 17L19 7l-7-4v18l7-4L5 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 3H8a2 2 0 0 0-2 2v16l6-3l6 3V5a2 2 0 0 0-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M16 3H8a2 2 0 0 0-2 2v16l6-3l6 3V5a2 2 0 0 0-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M16 3H8a2 2 0 0 0-2 2v16l6-3l6 3V5a2 2 0 0 0-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 3H8a2 2 0 0 0-2 2v16l6-3l6 3V5a2 2 0 0 0-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8 2a3 3 0 0 0-3 3v16a1 1 0 0 0 1.447.894L12 19.118l5.553 2.776A1 1 0 0 0 19 21V5a3 3 0 0 0-3-3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16 3H8a2 2 0 0 0-2 2v16l6-3l6 3V5a2 2 0 0 0-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M8.657 3H16a2 2 0 0 1 2 2v7.343M6 6v15l6-3l6 3v-3\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M8.657 3H16a2 2 0 0 1 2 2v7.343M6 6v15l6-3l6 3v-3\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 18l6 3v-3L6 6v15z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.657 3H16a2 2 0 0 1 2 2v7.343M6 6v15l6-3l6 3v-3\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.657 3a1 1 0 0 1 1-1H16a3 3 0 0 1 3 3v7.343a1 1 0 0 1-2 0V5a1 1 0 0 0-1-1H8.657a1 1 0 0 1-1-1m11.061 14.304l-.023-.023L6.72 5.304l-.023-.023l-1.989-1.988a1 1 0 0 0-1.414 1.414L5 6.414V21a1 1 0 0 0 1.447.894L12 19.118l5.553 2.776A1 1 0 0 0 19 21v-.586l.293.293a1 1 0 0 0 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"M8.657 3H16a2 2 0 0 1 2 2v7.343M6 6v15l6-3l6 3v-3\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path stroke-linejoin=\"round\" d=\"M8.657 3H16a2 2 0 0 1 2 2v7.343M6 6v15l6-3l6 3v-3\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:bookmark-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 3H8a2 2 0 0 0-2 2v16l6-3l6 3V5a2 2 0 0 0-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:box",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-4h8l4 4H4zm0 8h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:box-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-4h8l4 4H4zm0 8h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:box-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-4h8l4 4H4zm0 8h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:box-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8 3a1 1 0 0 0-.707.293l-4 4A1 1 0 0 0 3 7.954m0 .054V18a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V8.008l-.001-.054a1 1 0 0 0-.292-.661l-4-4A1 1 0 0 0 16 3H8m9.586 4l-2-2H8.414l-2 2zM7 12a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:box-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-4h8l4 4H4zm0 8h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:box-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-4h8l4 4H4zm0 8h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:briefcase",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"2\" d=\"M5 16h14v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zM4 7h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3\" d=\"M12 12h.01v.01H12z\"/><path stroke-width=\"2\" d=\"M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:briefcase-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"2.5\" d=\"M5 16h14v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zM4 7h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3.75\" d=\"M12 12h.01v.01H12z\"/><path stroke-width=\"2.5\" d=\"M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:briefcase-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 7h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 16h14v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zM4 7h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 12h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:briefcase-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11 2a3 3 0 0 0-3 3v1H4a1 1 0 0 0-1 1v7a3 3 0 0 0 1 2.236V19a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-2.764c.614-.55 1-1.348 1-2.236V7a1 1 0 0 0-1-1h-4V5a3 3 0 0 0-3-3zm3 4V5a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v1zM6 19v-2h12v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1m6-8.5a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V12a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:briefcase-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"1.5\" d=\"M5 16h14v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zM4 7h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"2.25\" d=\"M12 12h.01v.01H12z\"/><path stroke-width=\"1.5\" d=\"M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:briefcase-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M5 16h14v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zM4 7h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"1.5\" d=\"M12 12h.01v.01H12z\"/><path d=\"M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2H9z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calculator",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M5 3h14v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linecap=\"round\" d=\"M5 9h14M9 13h1m4 0h1m-6 4h1m4 0h1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calculator-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M5 3h14v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linecap=\"round\" d=\"M5 9h14M9 13h1m4 0h1m-6 4h1m4 0h1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calculator-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M5 9h14v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M5 9h14\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 3h14v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M9 13h1m4 0h1m-6 4h1m4 0h1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calculator-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v16a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm14 1v4H6V4zM8 13a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1m5 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1m-4 3a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zm4 1a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calculator-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M5 9h14\"/><path stroke-linejoin=\"round\" d=\"M5 3h14v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linecap=\"round\" d=\"M9 13h1m4 0h1m-6 4h1m4 0h1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calculator-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" d=\"M5 9h14\"/><path stroke-linejoin=\"round\" d=\"M5 3h14v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linecap=\"round\" d=\"M9 13h1m4 0h1m-6 4h1m4 0h1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16m-4-5v2M8 3v2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16 2a1 1 0 0 1 1 1h3a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V4a1 1 0 0 1 1-1h3a1 1 0 0 1 2 0h6a1 1 0 0 1 1-1M7 5a1 1 0 0 0 2 0h6a1 1 0 1 0 2 0h2v2H5V5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16M8 12h4m4-9v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16M8 12h4m4-9v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16M8 12h4m4-9v2M8 3v2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 3a1 1 0 1 0-2 0H9a1 1 0 0 0-2 0H4a1 1 0 0 0-1 1v14a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V4a1 1 0 0 0-1-1zM8 6a1 1 0 0 1-1-1H5v2h14V5h-2a1 1 0 1 1-2 0H9a1 1 0 0 1-1 1m0 5a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16M8 12h4m4-9v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 4h16M8 12h4m4-9v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-add",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 8v4m-2-2h4M4 8h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-add-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 8v4m-2-2h4M4 8h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-add-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 8v4m-2-2h4M4 8h16m-4-5v2M8 3v2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-add-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 3a1 1 0 1 0-2 0H9a1 1 0 0 0-2 0H4a1 1 0 0 0-1 1v14a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V4a1 1 0 0 0-1-1zM8 6a1 1 0 0 1-1-1H5v2h14V5h-2a1 1 0 1 1-2 0H9a1 1 0 0 1-1 1m4 5a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-add-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 8v4m-2-2h4M4 8h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-add-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 8v4m-2-2h4M4 8h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-remove",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4M4 8h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-remove-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4M4 8h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-remove-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 8h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4M4 8h16m-4-5v2M8 3v2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-remove-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 3a1 1 0 1 0-2 0H9a1 1 0 0 0-2 0H4a1 1 0 0 0-1 1v14a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V4a1 1 0 0 0-1-1zM8 6a1 1 0 0 1-1-1H5v2h14V5h-2a1 1 0 1 1-2 0H9a1 1 0 0 1-1 1m2 7a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-remove-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4M4 8h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:calendar-remove-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm6 10h4M4 8h16m-4-5v2M8 3v2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:camera-image",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke-linecap=\"round\"/><path stroke-linecap=\"round\" d=\"M17 2h2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:camera-image-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke-linecap=\"round\"/><path stroke-linecap=\"round\" d=\"M17 2h2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:camera-image-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M21 6H3v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zm-9 9a3 3 0 1 0 0-6a3 3 0 0 0 0 6\" clip-rule=\"evenodd\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 2h2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:camera-image-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M19 3a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2zM2 5a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm10 10a3 3 0 1 0 0-6a3 3 0 0 0 0 6\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:camera-image-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke-linecap=\"round\"/><path stroke-linecap=\"round\" d=\"M17 2h2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:camera-image-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke-linecap=\"round\"/><path stroke-linecap=\"round\" d=\"M17 2h2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:camera-video",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h14v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 4l2.758-.69A1 1 0 0 1 21 9.28v5.44a1 1 0 0 1-1.242.97L17 15z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:camera-video-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 5h14v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 4l2.758-.69A1 1 0 0 1 21 9.28v5.44a1 1 0 0 1-1.242.97L17 15z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:camera-video-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 6h14v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h14v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 4l2.758-.69A1 1 0 0 1 21 9.28v5.44a1 1 0 0 1-1.242.97L17 15z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:camera-video-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2.72l1.515-.38A2 2 0 0 1 22 9.28v5.44a2 2 0 0 1-2.485 1.94L18 16.28V17a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm16 9.22l2 .5V9.28l-2 .5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:camera-video-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5h14v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 4l2.758-.69A1 1 0 0 1 21 9.28v5.44a1 1 0 0 1-1.242.97L17 15z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:camera-video-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M3 5h14v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm14 4l2.758-.69A1 1 0 0 1 21 9.28v5.44a1 1 0 0 1-1.242.97L17 15z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:category",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"17\" cy=\"7\" r=\"3\"/><circle cx=\"7\" cy=\"17\" r=\"3\"/><path d=\"M14 14h6v5a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 4h6v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:category-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"17\" cy=\"7\" r=\"3\"/><circle cx=\"7\" cy=\"17\" r=\"3\"/><path d=\"M14 14h6v5a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 4h6v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:category-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"17\" cy=\"7\" r=\"3\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"7\" cy=\"17\" r=\"3\" fill=\"currentColor\" opacity=\".16\"/><path fill=\"currentColor\" d=\"M14 14h6v5a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 4h6v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\" opacity=\".16\"/><circle cx=\"17\" cy=\"7\" r=\"3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><circle cx=\"7\" cy=\"17\" r=\"3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 14h6v5a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 4h6v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:category-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 3a4 4 0 1 0 0 8a4 4 0 0 0 0-8M3 17a4 4 0 1 1 8 0a4 4 0 0 1-8 0m10-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v5a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2zM3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:category-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"17\" cy=\"7\" r=\"3\"/><circle cx=\"7\" cy=\"17\" r=\"3\"/><path d=\"M14 14h6v5a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 4h6v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:category-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"17\" cy=\"7\" r=\"3\"/><circle cx=\"7\" cy=\"17\" r=\"3\"/><path d=\"M14 14h6v5a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 4h6v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:certificate-badge",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 22l-.555.832A1 1 0 0 0 16 22zm-3-2l.555-.832a1 1 0 0 0-1.11 0zm-3 2H8a1 1 0 0 0 1.555.832zM8.75 3.537l-.08.997zm1.685-.697l-.762-.648zM6.532 5.686l-.997.08zm2.154-2.154l.08-.997zM5.84 7.435l.648.761zm.697-1.684l.997-.08zm-.747 4.772l-.648.762zm0-3.046l-.648-.762zm.747 4.772l-.997-.08zm-.697-1.684l.648-.761zm2.846 3.903l.08.997zm-2.154-2.154l.997.08zm3.903 2.846l.761-.648zm-1.684-.697l-.08-.997zm4.772.747l.762.648zm-3.046 0l-.762.648zm4.772-.747l.08-.997zm-1.684.697l-.761-.648zm3.903-2.846l.997-.08zm-2.154 2.154l-.08.997zm2.846-3.903l.648.762zm-.697 1.684l-.997.08zm.747-4.772l.648-.762zm0 3.046l-.648-.761zm-.747-4.772l-.997-.08zm.697 1.684l-.648.761zm-2.846-3.903l-.08-.997zm2.154 2.154l.997.08zM13.565 2.84l.762-.648zm1.684.697l.08.997zm-1.726-.747l-.761.648zm-3.046 0l.761.648zM9 14.458l.044-.999zm6.555 6.71l-3-2l-1.11 1.664l3 2zm-4.11-2l-3 2l1.11 1.664l3-2zm1.317-15.73l.042.05l1.523-1.296l-.042-.05zm2.567 1.096l.065-.005l-.16-1.994l-.065.005zm1.142 1.072l-.005.065l1.994.16l.005-.065zm1.041 2.59l.05.042l1.296-1.523l-.05-.042zm.05 1.566l-.05.042l1.296 1.523l.05-.042zm-1.096 2.567l.005.065l1.994-.16l-.005-.065zm-1.072 1.142l-.065-.005l-.16 1.994l.065.005zm-2.59 1.041l-.042.05l1.523 1.296l.042-.05zm-1.566.05l-.042-.05l-1.523 1.296l.042.05zm-2.567-1.096l-.065.005l.16 1.994l.065-.005zm-1.142-1.072l.005-.065l-1.994-.16l-.005.065zm-1.041-2.59l-.05-.042l-1.296 1.523l.05.042zm-.05-1.566l.05-.042l-1.296-1.523l-.05.042zm1.096-2.567l-.005-.065l-1.994.16l.005.065zm1.072-1.142l.065.005l.16-1.994l-.065-.005zm2.59-1.041l.042-.05l-1.523-1.296l-.042.05zM8.671 4.534a3 3 0 0 0 2.525-1.046L9.673 2.192a1 1 0 0 1-.842.348zM7.529 5.606a1 1 0 0 1 1.077-1.077l.16-1.994a3 3 0 0 0-3.23 3.231zm-1.041 2.59a3 3 0 0 0 1.046-2.525l-1.994.16a1 1 0 0 1-.348.842zm-.05 1.566a1 1 0 0 1 0-1.524L5.142 6.715a3 3 0 0 0 0 4.57zm1.096 2.567a3 3 0 0 0-1.046-2.525l-1.296 1.523a1 1 0 0 1 .348.842zm1.072 1.142a1 1 0 0 1-1.077-1.077l-1.994-.16a3 3 0 0 0 3.231 3.23zm4.156 1.09a1 1 0 0 1-1.524 0l-1.523 1.297a3 3 0 0 0 4.57 0zm3.71-2.167a1 1 0 0 1-1.078 1.077l-.16 1.994a3 3 0 0 0 3.23-3.231zm1.04-2.59a3 3 0 0 0-1.046 2.525l1.994-.16a1 1 0 0 1 .348-.842zm.05-1.566a1 1 0 0 1 0 1.524l1.296 1.523a3 3 0 0 0 0-4.57zm-1.096-2.567a3 3 0 0 0 1.046 2.525l1.296-1.523a1 1 0 0 1-.348-.842zm-1.072-1.142a1 1 0 0 1 1.077 1.077l1.994.16a3 3 0 0 0-3.231-3.23zm-2.59-1.041a3 3 0 0 0 2.525 1.046l-.16-1.994a1 1 0 0 1-.842-.348zm1.48-1.346a3 3 0 0 0-4.569 0l1.523 1.296a1 1 0 0 1 1.524 0zm-3.088 12.37a3 3 0 0 0-2.152-1.053l-.088 1.998a1 1 0 0 1 .717.351zM9.044 13.46a3 3 0 0 0-.373.007l.16 1.994a1 1 0 0 1 .125-.003zM10 22v-7.542H8V22zm5.33-8.534a3 3 0 0 0-.374-.007l.088 1.998a1 1 0 0 1 .125.003zm-.374-.007a3 3 0 0 0-2.152 1.053l1.523 1.296a1 1 0 0 1 .717-.35zm-.956 1V22h2v-7.542z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 8l-3 3l-1-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:certificate-badge-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 22l-.693 1.04A1.25 1.25 0 0 0 16.25 22zm-3-2l.693-1.04a1.25 1.25 0 0 0-1.386 0zm-3 2H7.75a1.25 1.25 0 0 0 1.943 1.04zM8.75 3.537l-.1 1.246zm1.685-.697l-.952-.81zM6.532 5.686l-1.246.1zm2.154-2.154l.1-1.246zM5.84 7.435l.81.952zm.697-1.684l1.246-.1zm-.747 4.772l-.81.952zm0-3.046l-.81-.952zm.747 4.772l-1.246-.1zm-.697-1.684l.81-.952zm2.846 3.903l.1 1.246zm-2.154-2.154l1.246.1zm3.903 2.846l.952-.81zm-1.684-.697l-.1-1.246zm4.772.747l.952.81zm-3.046 0l-.952.81zm4.772-.747l.1-1.246zm-1.684.697l-.952-.81zm3.903-2.846l1.246-.1zm-2.154 2.154l-.1 1.246zm2.846-3.903l.81.952zm-.697 1.684l-1.246.1zm.747-4.772l.81-.952zm0 3.046l-.81-.952zm-.747-4.772l-1.246-.1zm.697 1.684l-.81.952zm-2.846-3.903l-.1-1.246zm2.154 2.154l1.246.1zM13.565 2.84l.952-.81zm1.684.697l.1 1.246zm-1.726-.747l-.952.81zm-3.046 0l.952.81zM9 14.458l.055-1.248zm6.693 6.502l-3-2l-1.386 2.08l3 2zm-4.386-2l-3 2l1.386 2.08l3-2zM12.57 3.6l.042.05l1.904-1.62l-.042-.05zm2.779 1.183l.064-.005l-.2-2.492l-.065.005zm.872.803l-.005.064l2.492.201l.005-.065zm1.128 2.8l.05.043l1.62-1.904l-.05-.042zm.05 1.185l-.05.042l1.62 1.904l.05-.042zm-1.183 2.779l.005.064l2.492-.2l-.005-.065zm-.803.872l-.064-.005l-.201 2.492l.065.005zm-2.8 1.128l-.043.05l1.904 1.62l.042-.05zm-1.185.05l-.042-.05l-1.904 1.62l.042.05zM8.65 13.217l-.064.005l.2 2.492l.065-.005zm-.872-.803l.005-.064l-2.492-.201l-.005.065zm-1.128-2.8L6.6 9.57l-1.62 1.904l.05.042zM6.6 8.428l.05-.042l-1.62-1.904l-.05.042zM7.783 5.65l-.005-.064l-2.492.2l.005.065zm.803-.872l.064.005l.201-2.492l-.065-.005zm2.8-1.128l.043-.05l-1.904-1.62l-.042.05zM8.65 4.783a3.25 3.25 0 0 0 2.737-1.133L9.483 2.03a.75.75 0 0 1-.632.261zm-.872.803a.75.75 0 0 1 .808-.808l.2-2.492a3.25 3.25 0 0 0-3.5 3.5zm-1.128 2.8A3.25 3.25 0 0 0 7.783 5.65l-2.492.201a.75.75 0 0 1-.261.632zM6.6 9.572a.75.75 0 0 1 0-1.142L4.98 6.525a3.25 3.25 0 0 0 0 4.95zm1.183 2.779A3.25 3.25 0 0 0 6.65 9.613l-1.62 1.904a.75.75 0 0 1 .261.632zm.803.872a.75.75 0 0 1-.808-.808l-2.492-.2a3.25 3.25 0 0 0 3.5 3.5zM12.57 14.4a.75.75 0 0 1-1.142 0l-1.904 1.62a3.25 3.25 0 0 0 4.95 0zm3.651-1.986a.75.75 0 0 1-.808.808l-.2 2.492a3.25 3.25 0 0 0 3.5-3.5zm1.128-2.8a3.25 3.25 0 0 0-1.133 2.736l2.492-.201a.75.75 0 0 1 .261-.632zm.05-1.185a.75.75 0 0 1 0 1.142l1.62 1.904a3.25 3.25 0 0 0 0-4.95zM16.217 5.65a3.25 3.25 0 0 0 1.133 2.737l1.62-1.904a.75.75 0 0 1-.261-.632zm-.803-.872a.75.75 0 0 1 .808.808l2.492.2a3.25 3.25 0 0 0-3.5-3.5zm-2.8-1.128a3.25 3.25 0 0 0 2.736 1.133l-.201-2.492a.75.75 0 0 1-.632-.261zm1.861-1.67a3.25 3.25 0 0 0-4.95 0l1.904 1.62a.75.75 0 0 1 1.142 0zm-3.088 12.37a3.25 3.25 0 0 0-2.332-1.14l-.11 2.497a.75.75 0 0 1 .538.263zm-2.332-1.14a3 3 0 0 0-.405.007l.201 2.492a1 1 0 0 1 .094-.002zM10.25 22v-7.542h-2.5V22zm5.1-8.783a3 3 0 0 0-.405-.007l.11 2.497q.046-.001.094.002zm-.405-.007a3.25 3.25 0 0 0-2.332 1.14l1.904 1.62a.75.75 0 0 1 .538-.263zm-1.195 1.248V22h2.5v-7.542z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m14 8l-3 3l-1-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:certificate-badge-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M10.477 2.79a2 2 0 0 1 3.046 0l.042.05a2 2 0 0 0 1.684.697l.065-.005a2 2 0 0 1 2.154 2.154l-.005.065a2 2 0 0 0 .697 1.684l.05.042a2 2 0 0 1 0 3.046l-.05.042a2 2 0 0 0-.697 1.684l.005.065a2 2 0 0 1-2.154 2.154l-.065-.005a2 2 0 0 0-1.684.697l-.042.05a2 2 0 0 1-3.046 0l-.042-.05a2 2 0 0 0-1.684-.697l-.065.005a2 2 0 0 1-2.154-2.154l.005-.065a2 2 0 0 0-.697-1.684l-.05-.042a2 2 0 0 1 0-3.046l.05-.042a2 2 0 0 0 .697-1.684l-.005-.065a2 2 0 0 1 2.154-2.154l.065.005a2 2 0 0 0 1.684-.697z\" opacity=\".16\"/><path fill=\"currentColor\" d=\"m15 22l-.555.832A1 1 0 0 0 16 22zm-3-2l.555-.832a1 1 0 0 0-1.11 0zm-3 2H8a1 1 0 0 0 1.555.832zM8.75 3.537l-.08.997zm1.685-.697l-.762-.648zM6.532 5.686l-.997.08zm2.154-2.154l.08-.997zM5.84 7.435l.648.761zm.697-1.684l.997-.08zm-.747 4.772l-.648.762zm0-3.046l-.648-.762zm.747 4.772l-.997-.08zm-.697-1.684l.648-.761zm2.846 3.903l.08.997zm-2.154-2.154l.997.08zm3.903 2.846l.761-.648zm-1.684-.697l-.08-.997zm4.772.747l.762.648zm-3.046 0l-.762.648zm4.772-.747l.08-.997zm-1.684.697l-.761-.648zm3.903-2.846l.997-.08zm-2.154 2.154l-.08.997zm2.846-3.903l.648.762zm-.697 1.684l-.997.08zm.747-4.772l.648-.762zm0 3.046l-.648-.761zm-.747-4.772l-.997-.08zm.697 1.684l-.648.761zm-2.846-3.903l-.08-.997zm2.154 2.154l.997.08zM13.565 2.84l.762-.648zm1.684.697l.08.997zm-1.726-.747l-.761.648zm-3.046 0l.761.648zM9 14.458l.044-.999zm6.555 6.71l-3-2l-1.11 1.664l3 2zm-4.11-2l-3 2l1.11 1.664l3-2zm1.317-15.73l.042.05l1.523-1.296l-.042-.05zm2.567 1.096l.065-.005l-.16-1.994l-.065.005zm1.142 1.072l-.005.065l1.994.16l.005-.065zm1.041 2.59l.05.042l1.296-1.523l-.05-.042zm.05 1.566l-.05.042l1.296 1.523l.05-.042zm-1.096 2.567l.005.065l1.994-.16l-.005-.065zm-1.072 1.142l-.065-.005l-.16 1.994l.065.005zm-2.59 1.041l-.042.05l1.523 1.296l.042-.05zm-1.566.05l-.042-.05l-1.523 1.296l.042.05zm-2.567-1.096l-.065.005l.16 1.994l.065-.005zm-1.142-1.072l.005-.065l-1.994-.16l-.005.065zm-1.041-2.59l-.05-.042l-1.296 1.523l.05.042zm-.05-1.566l.05-.042l-1.296-1.523l-.05.042zm1.096-2.567l-.005-.065l-1.994.16l.005.065zm1.072-1.142l.065.005l.16-1.994l-.065-.005zm2.59-1.041l.042-.05l-1.523-1.296l-.042.05zM8.671 4.534a3 3 0 0 0 2.525-1.046L9.673 2.192a1 1 0 0 1-.842.348zM7.529 5.606a1 1 0 0 1 1.077-1.077l.16-1.994a3 3 0 0 0-3.23 3.231zm-1.041 2.59a3 3 0 0 0 1.046-2.525l-1.994.16a1 1 0 0 1-.348.842zm-.05 1.566a1 1 0 0 1 0-1.524L5.142 6.715a3 3 0 0 0 0 4.57zm1.096 2.567a3 3 0 0 0-1.046-2.525l-1.296 1.523a1 1 0 0 1 .348.842zm1.072 1.142a1 1 0 0 1-1.077-1.077l-1.994-.16a3 3 0 0 0 3.231 3.23zm4.156 1.09a1 1 0 0 1-1.524 0l-1.523 1.297a3 3 0 0 0 4.57 0zm3.71-2.167a1 1 0 0 1-1.078 1.077l-.16 1.994a3 3 0 0 0 3.23-3.231zm1.04-2.59a3 3 0 0 0-1.046 2.525l1.994-.16a1 1 0 0 1 .348-.842zm.05-1.566a1 1 0 0 1 0 1.524l1.296 1.523a3 3 0 0 0 0-4.57zm-1.096-2.567a3 3 0 0 0 1.046 2.525l1.296-1.523a1 1 0 0 1-.348-.842zm-1.072-1.142a1 1 0 0 1 1.077 1.077l1.994.16a3 3 0 0 0-3.231-3.23zm-2.59-1.041a3 3 0 0 0 2.525 1.046l-.16-1.994a1 1 0 0 1-.842-.348zm1.48-1.346a3 3 0 0 0-4.569 0l1.523 1.296a1 1 0 0 1 1.524 0zm-3.088 12.37a3 3 0 0 0-2.152-1.053l-.088 1.998a1 1 0 0 1 .717.351zM9.044 13.46a3 3 0 0 0-.373.007l.16 1.994a1 1 0 0 1 .125-.003zM10 22v-7.542H8V22zm5.33-8.534a3 3 0 0 0-.374-.007l.088 1.998a1 1 0 0 1 .125.003zm-.374-.007a3 3 0 0 0-2.152 1.053l1.523 1.296a1 1 0 0 1 .717-.35zm-.956 1V22h2v-7.542z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 8l-3 3l-1-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:certificate-badge-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M14.285 2.142a3 3 0 0 0-4.57 0l-.042.05a1 1 0 0 1-.842.348l-.065-.005a3 3 0 0 0-3.23 3.231l.004.065a1 1 0 0 1-.348.842l-.05.042a3 3 0 0 0 0 4.57l.05.042a1 1 0 0 1 .348.842l-.005.065A3 3 0 0 0 8 15.429V22a1 1 0 0 0 1.555.832L12 21.202l2.445 1.63A1 1 0 0 0 16 22v-6.57a3 3 0 0 0 2.465-3.196l-.005-.065a1 1 0 0 1 .348-.842l.05-.042a3 3 0 0 0 0-4.57l-.05-.042a1 1 0 0 1-.348-.842l.005-.065a3 3 0 0 0-3.231-3.23l-.065.004a1 1 0 0 1-.842-.348zM10 20.132V16.15a3 3 0 0 0 4 0v3.98l-1.445-.963a1 1 0 0 0-1.11 0zm4.707-11.425a1 1 0 0 0-1.414-1.414L11 9.586l-.293-.293a1 1 0 0 0-1.414 1.414l1 1a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:certificate-badge-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 22l-.416.624A.75.75 0 0 0 15.75 22zm-3-2l.416-.624a.75.75 0 0 0-.832 0zm-3 2h-.75a.75.75 0 0 0 1.166.624zM8.75 3.537l-.06.748zm1.685-.697l-.572-.486zM6.532 5.686l-.748.06zm2.154-2.154l.06-.748zM5.84 7.435l.486.57zm.697-1.684l.748-.06zm-.747 4.772l-.486.571zm0-3.046l-.486-.571zm.747 4.772l-.747-.06zm-.697-1.684l.486-.57zm2.846 3.903l.06.748zm-2.154-2.154l.747.06zm3.903 2.846l.57-.486zm-1.684-.697l-.06-.748zm4.772.747l.571.486zm-3.046 0l-.571.486zm4.772-.747l.06-.748zm-1.684.697l-.57-.486zm3.903-2.846l.748-.06zm-2.154 2.154l-.06.748zm2.846-3.903l.486.572zm-.697 1.684l-.748.06zm.747-4.772l.486-.571zm0 3.046l-.486-.571zm-.747-4.772l-.748-.06zm.697 1.684l-.486.57zm-2.846-3.903l-.06-.748zm2.154 2.154l.748.06zM13.565 2.84l.572-.486zm1.684.697l.06.748zm-1.726-.747l-.571.486zm-3.046 0l.571.486zM9 14.458l.033-.749zm6.416 6.918l-3-2l-.832 1.248l3 2zm-3.832-2l-3 2l.832 1.248l3-2zm1.368-16.1l.042.05l1.143-.972l-.043-.05zm2.357 1.009l.065-.006l-.12-1.495l-.065.006zm1.412 1.34l-.006.066l1.495.12l.006-.065zm.953 2.38l.05.043l.972-1.142l-.05-.043zm.05 1.947l-.05.042l.972 1.143l.05-.043zm-1.009 2.357l.006.065l1.495-.12l-.006-.065zm-1.34 1.412l-.066-.006l-.12 1.495l.065.006zm-2.38.953l-.043.05l1.142.972l.043-.05zm-1.947.05l-.042-.05l-1.143.972l.043.05zm-2.357-1.009l-.065.005l.12 1.496l.065-.005zm-1.412-1.34l.006-.066l-1.495-.12l-.006.065zm-.953-2.38l-.05-.043l-.972 1.142l.05.043zm-.05-1.947l.05-.042l-.972-1.143l-.05.043zm1.009-2.357l-.006-.065l-1.495.12l.006.065zm1.34-1.412l.066.006l.12-1.495l-.065-.006zm2.38-.953l.043-.05l-1.142-.972l-.043.05zm-2.314.959a2.75 2.75 0 0 0 2.315-.96l-1.143-.971a1.25 1.25 0 0 1-1.052.436zm-1.412 1.34A1.25 1.25 0 0 1 8.626 4.28l.12-1.495a2.75 2.75 0 0 0-2.962 2.962zm-.953 2.38a2.75 2.75 0 0 0 .959-2.314l-1.495.12c.032.4-.13.792-.436 1.052zm-.05 1.947a1.25 1.25 0 0 1 0-1.904l-.972-1.142a2.75 2.75 0 0 0 0 4.188zm1.009 2.357a2.75 2.75 0 0 0-.96-2.315l-.971 1.143c.306.26.468.652.436 1.052zm1.34 1.412a1.25 1.25 0 0 1-1.346-1.347l-1.495-.12a2.75 2.75 0 0 0 2.962 2.962zm4.327 1.003a1.25 1.25 0 0 1-1.904 0l-1.142.972a2.75 2.75 0 0 0 4.188 0zm3.769-2.35a1.25 1.25 0 0 1-1.347 1.346l-.12 1.496a2.75 2.75 0 0 0 2.962-2.962zm.953-2.38a2.75 2.75 0 0 0-.959 2.315l1.495-.12c-.032-.4.13-.792.436-1.052zm.05-1.946a1.25 1.25 0 0 1 0 1.904l.972 1.142a2.75 2.75 0 0 0 0-4.188zm-1.009-2.357a2.75 2.75 0 0 0 .96 2.315l.971-1.143a1.25 1.25 0 0 1-.436-1.052zm-1.34-1.412a1.25 1.25 0 0 1 1.346 1.347l1.495.12a2.75 2.75 0 0 0-2.962-2.962zm-2.38-.953a2.75 2.75 0 0 0 2.314.959l-.12-1.495a1.25 1.25 0 0 1-1.052-.436zm1.1-1.022a2.75 2.75 0 0 0-4.19 0l1.143.972a1.25 1.25 0 0 1 1.904 0zm-3.09 12.37a2.75 2.75 0 0 0-1.972-.965l-.066 1.499c.344.015.67.172.896.438zm-1.972-.965a3 3 0 0 0-.342.006l.12 1.495q.078-.006.156-.002zM9.75 22v-7.542h-1.5V22zm5.56-8.285a3 3 0 0 0-.343-.006l.066 1.499q.078-.004.156.002zm-.343-.006a2.75 2.75 0 0 0-1.973.965l1.143.972a1.25 1.25 0 0 1 .896-.438zm-.717.75V22h1.5v-7.542z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m14 8l-3 3l-1-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:certificate-badge-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 22l-.277.416A.5.5 0 0 0 15.5 22zm-3-2l.277-.416a.5.5 0 0 0-.554 0zm-3 2h-.5a.5.5 0 0 0 .777.416zM8.75 3.537l-.04.499zm1.685-.697l-.381-.324zM6.532 5.686l-.498.04zm2.154-2.154l.04-.498zM5.84 7.435l.324.38zm.697-1.684l.499-.04zm-.747 4.772l-.324.381zm0-3.046l-.324-.381zm.747 4.772l-.498-.04zm-.697-1.684l.324-.38zm2.846 3.903l.04.498zm-2.154-2.154l.498.04zm3.903 2.846l.38-.324zm-1.684-.697l-.04-.498zm4.772.747l.381.324zm-3.046 0l-.381.324zm4.772-.747l.04-.498zm-1.684.697l-.38-.324zm3.903-2.846l.498-.04zm-2.154 2.154l-.04.498zm2.846-3.903l.324.381zm-.697 1.684l-.498.04zm.747-4.772l.324-.381zm0 3.046l-.324-.38zm-.747-4.772l-.498-.04zm.697 1.684l-.324.38zm-2.846-3.903l-.04-.498zm2.154 2.154l.498.04zM13.565 2.84l.381-.324zm1.684.697l.04.499zm-1.726-.747l-.38.324zm-3.046 0l.38.324zM9 14.458l.022-.5zm6.277 7.126l-3-2l-.554.832l3 2zm-3.554-2l-3 2l.554.832l3-2zm1.42-16.47l.042.05l.761-.648l-.042-.05zm2.146.922l.065-.006l-.08-.996l-.065.005zm1.68 1.61l-.005.065l.997.08l.006-.065zm.867 2.17l.05.042l.648-.762l-.05-.042zm.05 2.326l-.05.043l.648.761l.05-.042zm-.921 2.147l.005.065l.997-.08l-.006-.065zm-1.61 1.68l-.066-.005l-.08.997l.065.005zm-2.17.867l-.043.05l.762.648l.042-.05zm-2.327.05l-.043-.05l-.761.648l.042.05zm-2.147-.921l-.065.005l.08.996l.065-.005zm-1.68-1.61l.005-.066l-.997-.08l-.005.065zm-.867-2.17l-.05-.043l-.648.762l.05.042zm-.05-2.327l.05-.043l-.648-.761l-.05.042zm.922-2.147l-.006-.065l-.996.08l.005.065zm1.61-1.68l.065.005l.08-.997l-.065-.005zm2.17-.867l.042-.05l-.762-.648l-.042.05zm-2.105.872a2.5 2.5 0 0 0 2.105-.872l-.762-.648a1.5 1.5 0 0 1-1.263.523zm-1.68 1.61A1.5 1.5 0 0 1 8.645 4.03l.08-.996a2.5 2.5 0 0 0-2.692 2.692zm-.867 2.17a2.5 2.5 0 0 0 .872-2.105l-.997.08a1.5 1.5 0 0 1-.523 1.263zm-.05 2.326a1.5 1.5 0 0 1 0-2.284l-.648-.762a2.5 2.5 0 0 0 0 3.808zm.922 2.147a2.5 2.5 0 0 0-.872-2.104l-.648.761a1.5 1.5 0 0 1 .523 1.263zm1.61 1.68a1.5 1.5 0 0 1-1.616-1.615l-.996-.08a2.5 2.5 0 0 0 2.692 2.693zm4.496.917a1.5 1.5 0 0 1-2.284 0l-.762.648a2.5 2.5 0 0 0 3.808 0zm3.828-2.532a1.5 1.5 0 0 1-1.616 1.616l-.08.996a2.5 2.5 0 0 0 2.693-2.692zm.866-2.17a2.5 2.5 0 0 0-.871 2.105l.996-.08a1.5 1.5 0 0 1 .523-1.263zm.05-2.326a1.5 1.5 0 0 1 0 2.284l.648.762a2.5 2.5 0 0 0 0-3.808zm-.921-2.147a2.5 2.5 0 0 0 .871 2.104l.648-.761a1.5 1.5 0 0 1-.523-1.263zm-1.61-1.68a1.5 1.5 0 0 1 1.615 1.615l.997.08a2.5 2.5 0 0 0-2.693-2.692zm-2.17-.867a2.5 2.5 0 0 0 2.104.872l-.08-.997a1.5 1.5 0 0 1-1.263-.523zm.719-.698a2.5 2.5 0 0 0-3.808 0l.762.648a1.5 1.5 0 0 1 2.284 0zm-3.088 12.37a2.5 2.5 0 0 0-1.794-.877l-.044.999a1.5 1.5 0 0 1 1.076.526zm-1.794-.877a3 3 0 0 0-.311.005l.08.997q.094-.008.187-.003zM9.5 22v-7.542h-1V22zm5.79-8.036a3 3 0 0 0-.312-.005l.044.999q.093-.005.187.003zm-.312-.005a2.5 2.5 0 0 0-1.793.877l.761.648a1.5 1.5 0 0 1 1.076-.526zm-.478.5V22h1v-7.542z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m14 8l-3 3l-1-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 7L10 17l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:check-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M20 7L10 17l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m13.707-1.293a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m15 7l1 1l3-3\"/><path d=\"M21 12a9 9 0 1 1-9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"m15 7l1 1l3-3\"/><path d=\"M21 12a9 9 0 1 1-9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m15 7l1 1l3-3\"/><path d=\"M21 12a9 9 0 1 1-9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 12a8 8 0 0 1 8-8a1 1 0 1 0 0-2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10a1 1 0 1 0-2 0a8 8 0 1 1-16 0m15.707-6.293a1 1 0 0 0-1.414-1.414L16 6.586l-.293-.293a1 1 0 1 0-1.414 1.414l1 1a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m15 7l1 1l3-3\"/><path d=\"M21 12a9 9 0 1 1-9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-circle-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 7l1 1l3-3\"/><path d=\"M21 12a9 9 0 1 1-9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 7L10 17l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:check-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M20.207 6.793a1 1 0 0 1 0 1.414l-9.5 9.5a1 1 0 0 1-1.414 0l-4.5-4.5a1 1 0 0 1 1.414-1.414L10 15.586l8.793-8.793a1 1 0 0 1 1.414 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:check-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 7L10 17l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:check-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm12.707 6.707a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:check-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:check-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20 7L10 17l-5-5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cheque",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 9h3m-3-4h10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cheque-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 9h3m-3-4h10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cheque-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 9h3m-3-4h10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cheque-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm4 5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cheque-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 9h3m-3-4h10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cheque-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 9h3m-3-4h10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:clock",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M11 8v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:clock-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M11 8v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:clock-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 8v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:clock-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10-4a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1h5a1 1 0 1 0 0-2h-4z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:clock-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M11 8v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:clock-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M11 8v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:close",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 7l10 10M7 17L17 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m7 7l10 10M7 17L17 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m14 10l-4 4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m14 10l-4 4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 10l-4 4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7.293-2.707a1 1 0 0 1 1.414 0L12 10.586l1.293-1.293a1 1 0 1 1 1.414 1.414L13.414 12l1.293 1.293a1 1 0 0 1-1.414 1.414L12 13.414l-1.293 1.293a1 1 0 0 1-1.414-1.414L10.586 12l-1.293-1.293a1 1 0 0 1 0-1.414\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m14 10l-4 4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m14 10l-4 4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 1 1-9-9m7 2l-3 3m0-3l3 3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M21 12a9 9 0 1 1-9-9m7 2l-3 3m0-3l3 3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 1 1-9-9m7 2l-3 3m0-3l3 3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 4a8 8 0 1 0 8 8a1 1 0 1 1 2 0c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2a1 1 0 1 1 0 2m7.707.293a1 1 0 0 1 0 1.414l-.793.793l.793.793a1 1 0 0 1-1.414 1.414l-.793-.793l-.793.793a1 1 0 1 1-1.414-1.414l.793-.793l-.793-.793a1 1 0 0 1 1.414-1.414l.793.793l.793-.793a1 1 0 0 1 1.414 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 12a9 9 0 1 1-9-9m7 2l-3 3m0-3l3 3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-circle-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 12a9 9 0 1 1-9-9m7 2l-3 3m0-3l3 3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 7l10 10M7 17L17 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.793 6.793a1 1 0 0 1 1.414 0L12 10.586l3.793-3.793a1 1 0 1 1 1.414 1.414L13.414 12l3.793 3.793a1 1 0 0 1-1.414 1.414L12 13.414l-3.793 3.793a1 1 0 0 1-1.414-1.414L10.586 12L6.793 8.207a1 1 0 0 1 0-1.414\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m7 7l10 10M7 17L17 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zM14 10l-4 4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zM14 10l-4 4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 6l-4 4m0-4l4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:close-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm6.293 5.293a1 1 0 0 1 1.414 0L12 10.586l1.293-1.293a1 1 0 1 1 1.414 1.414L13.414 12l1.293 1.293a1 1 0 0 1-1.414 1.414L12 13.414l-1.293 1.293a1 1 0 0 1-1.414-1.414L10.586 12l-1.293-1.293a1 1 0 0 1 0-1.414\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 6l-4 4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10 6l-4 4m0-4l4 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:close-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m7 7l10 10M7 17L17 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-add",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M12 11v4m-2-2h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-add-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M12 11v4m-2-2h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-add-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 11v4m-2-2h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-add-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.697 6.697a7.5 7.5 0 0 1 12.794 4.927A4.002 4.002 0 0 1 18.5 19.5h-12a5 5 0 0 1-1.667-9.715a7.5 7.5 0 0 1 1.864-3.088M12 10a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-add-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M12 11v4m-2-2h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-add-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M12 11v4m-2-2h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-clock",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M11 11v3h3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-clock-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M11 11v3h3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-clock-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 11v3h3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-clock-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.697 6.697a7.5 7.5 0 0 1 12.794 4.927A4.002 4.002 0 0 1 18.5 19.5h-12a5 5 0 0 1-1.667-9.715a7.5 7.5 0 0 1 1.864-3.088M12 11v2h2a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1v-3a1 1 0 1 1 2 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-clock-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M11 11v3h3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-clock-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M11 11v3h3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-download",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m10 13l2 2m0 0l2-2m-2 2V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-download-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m10 13l2 2m0 0l2-2m-2 2V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-download-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 13l2 2m0 0l2-2m-2 2V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-download-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.697 6.697a7.5 7.5 0 0 1 12.794 4.927A4.002 4.002 0 0 1 18.5 19.5h-12a5 5 0 0 1-1.667-9.715a7.5 7.5 0 0 1 1.864-3.088m4.596 9.01a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0-1.414-1.414l-.293.293V9a1 1 0 1 0-2 0v3.586l-.293-.293a1 1 0 0 0-1.414 1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-download-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m10 13l2 2m0 0l2-2m-2 2V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-download-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m10 13l2 2m0 0l2-2m-2 2V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-error",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-width=\"3\" d=\"M12 15.5h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M12 12V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-error-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"2.5\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-width=\"3.75\" d=\"M12 15.5h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M12 12V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-error-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 15.5h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 12V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-error-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.697 6.697a7.5 7.5 0 0 1 12.794 4.927A4.002 4.002 0 0 1 18.5 19.5h-12a5 5 0 0 1-1.667-9.715a7.5 7.5 0 0 1 1.864-3.088M12 13a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1m-1.5 2.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-error-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"1.5\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-width=\"2.25\" d=\"M12 15.5h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M12 12V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-error-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-width=\"1.5\" d=\"M12 15.5h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M12 12V9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17.303 6.697a7.5 7.5 0 0 0-12.47 3.088A5.002 5.002 0 0 0 6.5 19.5h12a4 4 0 0 0 .99-7.876a7.47 7.47 0 0 0-2.187-4.927\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-no",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m10 11l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-no-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m10 11l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-no-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 11l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-no-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.697 6.697a7.5 7.5 0 0 1 12.794 4.927A4.002 4.002 0 0 1 18.5 19.5h-12a5 5 0 0 1-1.667-9.715a7.5 7.5 0 0 1 1.864-3.088m4.01 3.596a1 1 0 0 0-1.414 1.414L10.586 13l-1.293 1.293a1 1 0 1 0 1.414 1.414L12 14.414l1.293 1.293a1 1 0 0 0 1.414-1.414L13.414 13l1.293-1.293a1 1 0 0 0-1.414-1.414L12 11.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-no-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m10 11l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-no-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m10 11l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M7.05 7.05a6.96 6.96 0 0 0-1.81 3.129A4.502 4.502 0 0 0 6.5 19h12q.239 0 .469-.031m-8.203-13.86A6.99 6.99 0 0 1 16.95 7.05A6.98 6.98 0 0 1 19 12.035a3.5 3.5 0 0 1 2.917 4.225\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M7.05 7.05a6.96 6.96 0 0 0-1.81 3.129A4.502 4.502 0 0 0 6.5 19h12q.239 0 .469-.031m-8.203-13.86A6.99 6.99 0 0 1 16.95 7.05A6.98 6.98 0 0 1 19 12.035a3.5 3.5 0 0 1 2.917 4.225\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path fill=\"currentColor\" stroke-linejoin=\"round\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12q.239 0 .469-.031L7.05 7.05a6.96 6.96 0 0 0-1.81 3.129A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke-linejoin=\"round\" d=\"M7.05 7.05a6.96 6.96 0 0 0-1.81 3.129A4.502 4.502 0 0 0 6.5 19h12q.239 0 .469-.031m-8.203-13.86A6.99 6.99 0 0 1 16.95 7.05A6.98 6.98 0 0 1 19 12.035a3.5 3.5 0 0 1 2.917 4.225\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.707 3.293a1 1 0 0 0-1.414 1.414L5.68 7.094a8 8 0 0 0-1.248 2.308A5.501 5.501 0 0 0 6.5 20h12.085l.708.707a1 1 0 0 0 1.414-1.414l-1.023-1.023l-.015-.015L7.757 6.343zm11.536 4.464a5.99 5.99 0 0 0-5.302-1.663a1 1 0 1 1-.35-1.97a7.99 7.99 0 0 1 7.066 2.22a7.97 7.97 0 0 1 2.307 4.9a4.5 4.5 0 0 1 2.93 5.233a1 1 0 0 1-1.953-.433q.058-.261.059-.544a2.5 2.5 0 0 0-2.142-2.475A1 1 0 0 1 18 12.03a5.98 5.98 0 0 0-1.757-4.273\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"M7.05 7.05a6.96 6.96 0 0 0-1.81 3.129A4.502 4.502 0 0 0 6.5 19h12q.239 0 .469-.031m-8.203-13.86A6.99 6.99 0 0 1 16.95 7.05A6.98 6.98 0 0 1 19 12.035a3.5 3.5 0 0 1 2.917 4.225\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path stroke-linejoin=\"round\" d=\"M7.05 7.05a6.96 6.96 0 0 0-1.81 3.129A4.502 4.502 0 0 0 6.5 19h12q.239 0 .469-.031m-8.203-13.86A6.99 6.99 0 0 1 16.95 7.05A6.98 6.98 0 0 1 19 12.035a3.5 3.5 0 0 1 2.917 4.225\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-remove",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M10 13h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-remove-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M10 13h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-remove-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 13h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-remove-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.697 6.697a7.5 7.5 0 0 1 12.794 4.927A4.002 4.002 0 0 1 18.5 19.5h-12a5 5 0 0 1-1.667-9.715a7.5 7.5 0 0 1 1.864-3.088M10 12a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-remove-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M10 13h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-remove-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"M10 13h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-upload",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m14 11l-2-2m0 0l-2 2m2-2v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-upload-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m14 11l-2-2m0 0l-2 2m2-2v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-upload-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 11l-2-2m0 0l-2 2m2-2v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-upload-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.697 6.697a7.5 7.5 0 0 1 12.794 4.927A4.002 4.002 0 0 1 18.5 19.5h-12a5 5 0 0 1-1.667-9.715a7.5 7.5 0 0 1 1.864-3.088m6.01 1.596a1 1 0 0 0-1.414 0l-2 2a1 1 0 1 0 1.414 1.414l.293-.293V15a1 1 0 1 0 2 0v-3.586l.293.293a1 1 0 0 0 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-upload-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m14 11l-2-2m0 0l-2 2m2-2v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-upload-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m14 11l-2-2m0 0l-2 2m2-2v6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-yes",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-yes-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-yes-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-yes-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.697 6.697a7.5 7.5 0 0 1 12.794 4.927A4.002 4.002 0 0 1 18.5 19.5h-12a5 5 0 0 1-1.667-9.715a7.5 7.5 0 0 1 1.864-3.088m9.01 5.01a1 1 0 0 0-1.414-1.414L11 13.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-yes-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cloud-yes-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M2 14.5A4.5 4.5 0 0 0 6.5 19h12a3.5 3.5 0 0 0 .5-6.965a7 7 0 0 0-13.76-1.857A4.5 4.5 0 0 0 2 14.5Z\"/><path stroke-linecap=\"round\" d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-add",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1m0-11.999v6m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-add-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1m0-11.999v6m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-add-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\" opacity=\".16\"/><path fill=\"currentColor\" d=\"m4 16.127l.98.201a1 1 0 0 0-.092-.66zM7.873 20l.459-.888a1 1 0 0 0-.66-.092zM3 21l-.98-.201a1 1 0 0 0 1.181 1.18zm17-9a8 8 0 0 1-8 8v2c5.523 0 10-4.477 10-10zM4 12a8 8 0 0 1 8-8V2C6.477 2 2 6.477 2 12zm8-8a8 8 0 0 1 8 8h2c0-5.523-4.477-10-10-10zM4.888 15.668A7.96 7.96 0 0 1 4 12H2c0 1.651.4 3.211 1.112 4.586zM12 20a8 8 0 0 1-3.668-.888l-.918 1.776A9.96 9.96 0 0 0 12 22zm-8.98-4.074l-1 4.873l1.96.402l1-4.873zm.181 6.054l4.873-1l-.402-1.96l-4.873 1z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9.001v6m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-add-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10a10 10 0 0 1-4.262-.951l-4.537.93a1 1 0 0 1-1.18-1.18l.93-4.537A10 10 0 0 1 2 12m10-4a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H9a1 1 0 1 1 0-2h2V9a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-add-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1m0-11.999v6m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-add-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1m0-11.999v6m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-check",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-check-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-check-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-check-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10a10 10 0 0 1-4.262-.951l-4.537.93a1 1 0 0 1-1.18-1.18l.93-4.537A10 10 0 0 1 2 12m13.707-1.293a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-check-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-check-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/><path d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-close",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1m-2-11l4 4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-close-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1m-2-11l4 4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-close-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1m-2-11l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-close-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10a10 10 0 0 1-4.262-.951l-4.537.93a1 1 0 0 1-1.18-1.18l.93-4.537A10 10 0 0 1 2 12m8.707-2.707a1 1 0 0 0-1.414 1.414L10.586 12l-1.293 1.293a1 1 0 1 0 1.414 1.414L12 13.414l1.293 1.293a1 1 0 1 0 1.414-1.414L13.414 12l1.293-1.293a1 1 0 1 0-1.414-1.414L12 10.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-close-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1m-2-11l4 4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-close-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1m-2-11l4 4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-dots",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-8-4.873L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/><path stroke-width=\"3\" d=\"M7.5 12h.01v.01H7.5zm4.5 0h.01v.01H12zm4.5 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-dots-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M12 21a9 9 0 1 0-8-4.873L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/><path stroke-width=\"3.75\" d=\"M7.5 12h.01v.01H7.5zm4.5 0h.01v.01H12zm4.5 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-dots-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M12 21a9 9 0 1 0-8-4.873L3 21l4.873-1c1.236.639 2.64 1 4.127 1\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-8-4.873L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 12h.01v.01H12zm-4.5 0h.01v.01H7.5zm9 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-dots-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10a10 10 0 0 1-4.262-.951l-4.537.93a1 1 0 0 1-1.18-1.18l.93-4.537A10 10 0 0 1 2 12m5.5-1.5A1.5 1.5 0 0 0 6 12v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V12a1.5 1.5 0 0 0-1.5-1.5zm4.5 0a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V12a1.5 1.5 0 0 0-1.5-1.5zm3 1.5a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5h-.01a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-dots-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M12 21a9 9 0 1 0-8-4.873L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/><path stroke-width=\"2.25\" d=\"M7.5 12h.01v.01H7.5zm4.5 0h.01v.01H12zm4.5 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-dots-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M12 21a9 9 0 1 0-8-4.873L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/><path stroke-width=\"1.5\" d=\"M7.5 12h.01v.01H7.5zm4.5 0h.01v.01H12zm4.5 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2C6.477 2 2 6.477 2 12a10 10 0 0 0 .951 4.262l-.93 4.537a1 1 0 0 0 1.18 1.18l4.537-.93c1.294.61 2.74.95 4.262.95c5.523 0 10-4.476 10-10c0-5.522-4.477-10-10-10\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-remove",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1m-3-8.999h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-remove-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.891 1 4.127L3 21l4.873-1c1.236.64 2.64 1 4.127 1m-3-8.999h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-remove-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1m-3-8.999h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:comment-remove-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10a10 10 0 0 1-4.262-.951l-4.537.93a1 1 0 0 1-1.18-1.18l.93-4.537A10 10 0 0 1 2 12m7-1a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-remove-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1m-3-8.999h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-remove-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1m-3-8.999h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:comment-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9 9 0 1 0-9-9c0 1.488.36 2.89 1 4.127L3 21l4.873-1c1.236.639 2.64 1 4.127 1\"/></svg>"
+  },
+  {
+    "name": "iconamoon:compare",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7m4-16h1a2 2 0 0 1 2 2v1m0 10v1a2 2 0 0 1-2 2h-1m3-9v2M12 2v20\"/></svg>"
+  },
+  {
+    "name": "iconamoon:compare-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M13 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7m4-16h1a2 2 0 0 1 2 2v1m0 10v1a2 2 0 0 1-2 2h-1m3-9v2M12 2v20\"/></svg>"
+  },
+  {
+    "name": "iconamoon:compare-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M6 4h6v16H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7m4-16h1a2 2 0 0 1 2 2v1m0 10v1a2 2 0 0 1-2 2h-1m3-9v2M12 2v20\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:compare-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M13 2a1 1 0 1 0-2 0v1H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h5v1a1 1 0 0 0 2 0v-1a1 1 0 0 0 0-2V5a1 1 0 1 0 0-2zm4 1a1 1 0 1 0 0 2h1a1 1 0 0 1 1 1v1a1 1 0 1 0 2 0V6a3 3 0 0 0-3-3zm4 8a1 1 0 1 0-2 0v2a1 1 0 0 0 2 0zm0 6a1 1 0 1 0-2 0v1a1 1 0 0 1-1 1h-1a1 1 0 1 0 0 2h1a3 3 0 0 0 3-3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:compare-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7m4-16h1a2 2 0 0 1 2 2v1m0 10v1a2 2 0 0 1-2 2h-1m3-9v2M12 2v20\"/></svg>"
+  },
+  {
+    "name": "iconamoon:compare-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7m4-16h1a2 2 0 0 1 2 2v1m0 10v1a2 2 0 0 1-2 2h-1m3-9v2M12 2v20\"/></svg>"
+  },
+  {
+    "name": "iconamoon:component",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 3l3 3l-3 3l-3-3zm0 12l3 3l-3 3l-3-3zm6-6l3 3l-3 3l-3-3zM6 9l3 3l-3 3l-3-3z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:component-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m12 3l3 3l-3 3l-3-3zm0 12l3 3l-3 3l-3-3zm6-6l3 3l-3 3l-3-3zM6 9l3 3l-3 3l-3-3z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:component-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l3 3l-3 3l-3-3zm0 12l3 3l-3 3l-3-3zm6-6l3 3l-3 3l-3-3zM6 9l3 3l-3 3l-3-3z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 3l3 3l-3 3l-3-3zm0 12l3 3l-3 3l-3-3zm6-6l3 3l-3 3l-3-3zM6 9l3 3l-3 3l-3-3z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:component-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12.707 2.293a1 1 0 0 0-1.414 0l-3 3a1 1 0 0 0 0 1.414l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0 0-1.414zm-1.414 12a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414zm6-6a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414zm-12 0a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:component-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m12 3l3 3l-3 3l-3-3zm0 12l3 3l-3 3l-3-3zm6-6l3 3l-3 3l-3-3zM6 9l3 3l-3 3l-3-3z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:component-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"m12 3l3 3l-3 3l-3-3zm0 12l3 3l-3 3l-3-3zm6-6l3 3l-3 3l-3-3zM6 9l3 3l-3 3l-3-3z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:confused-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M13 14c-1.48 0-2.773.804-3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:confused-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M13 14c-1.48 0-2.773.804-3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:confused-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 14c-1.48 0-2.773.804-3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:confused-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7-4a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5A1.5 1.5 0 0 0 9.01 8zm6 0a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5a1.5 1.5 0 0 0-1.5-1.5zm-5.966 8.866a1 1 0 0 1-.364-1.367A5 5 0 0 1 13 13a1 1 0 1 1 0 2a3 3 0 0 0-2.6 1.5a1 1 0 0 1-1.366.366\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:confused-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M13 14c-1.48 0-2.773.804-3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:confused-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/><path stroke-linecap=\"round\" d=\"M13 14c-1.48 0-2.773.804-3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:copy",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M16 3H4v13\"/><path d=\"M8 7h12v12a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:copy-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M16 3H4v13\"/><path d=\"M8 7h12v12a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:copy-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M8 7h12v12a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 3H4v13\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12v12a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:copy-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 3a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H5v12a1 1 0 1 1-2 0zm4 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a3 3 0 0 1-3 3h-8a3 3 0 0 1-3-3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:copy-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M16 3H4v13\"/><path d=\"M8 7h12v12a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:copy-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 3H4v13\"/><path d=\"M8 7h12v12a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:credit-card",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 9h18M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 8h3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:credit-card-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 9h18M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 8h3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:credit-card-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M5 19h14a2 2 0 0 0 2-2V9H3v8a2 2 0 0 0 2 2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 9h18M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 8h3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:credit-card-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v3H2zm0 5v7a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-7zm4 3a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:credit-card-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 9h18M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 8h3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:credit-card-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 9h18M3 5h18v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm4 8h3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cursor",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 21L4 4l17 7l-6.265 2.685a2 2 0 0 0-1.05 1.05z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cursor-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M11 21L4 4l17 7l-6.265 2.685a2 2 0 0 0-1.05 1.05z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cursor-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M11 21L4 4l17 7l-6.265 2.685a2 2 0 0 0-1.05 1.05z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 21L4 4l17 7l-6.265 2.685a2 2 0 0 0-1.05 1.05z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:cursor-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.38 3.075a1 1 0 0 0-1.305 1.306l7 17a1 1 0 0 0 1.844.013l2.685-6.265a1 1 0 0 1 .525-.525l6.265-2.685a1 1 0 0 0-.013-1.844z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cursor-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 21L4 4l17 7l-6.265 2.685a2 2 0 0 0-1.05 1.05z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:cursor-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 21L4 4l17 7l-6.265 2.685a2 2 0 0 0-1.05 1.05z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:delivery",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M2 3V2a1 1 0 0 0-1 1zm11 0h1a1 1 0 0 0-1-1zm0 6V8a1 1 0 0 0-1 1zM2 4h11V2H2zm10-1v16h2V3zM3 17V3H1v14zm10-7h5V8h-5zm8 3v4h2v-4zm-7 6V9h-2v10zm4.707.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zM6.707 19.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zm13.414 0c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM19 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 21 19zm-3-1h-3v2h3zm1.293 1.707A1 1 0 0 1 17 19h-2c0 .766.293 1.536.879 2.121zM17 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 15 19zm-11.707.707A1 1 0 0 1 5 19H3c0 .766.293 1.536.879 2.121zM5 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 3 19zm8-1H8v2h5zm-6.293.293c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM7 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 9 19zm14-2a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-3-7a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM1 17a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M2 3V1.75C1.31 1.75.75 2.31.75 3zm11 0h1.25c0-.69-.56-1.25-1.25-1.25zm0 6V7.75A1.25 1.25 0 0 0 11.75 9zM2 4.25h11v-2.5H2zM11.75 3v16h2.5V3zm-8.5 14V3H.75v14zM13 10.25h5v-2.5h-5zM20.75 13v4h2.5v-4zm-6.5 6V9h-2.5v10zm4.28.53a.75.75 0 0 1-1.06 0l-1.768 1.768a3.25 3.25 0 0 0 4.596 0zm-1.06-1.06a.75.75 0 0 1 1.06 0l1.768-1.768a3.25 3.25 0 0 0-4.596 0zM6.53 19.53a.75.75 0 0 1-1.06 0l-1.768 1.768a3.25 3.25 0 0 0 4.596 0zm-1.06-1.06a.75.75 0 0 1 1.06 0l1.768-1.768a3.25 3.25 0 0 0-4.596 0zm13.06 0a.74.74 0 0 1 .22.53h2.5a3.24 3.24 0 0 0-.952-2.298zm.22.53a.74.74 0 0 1-.22.53l1.768 1.768A3.24 3.24 0 0 0 21.25 19zM16 17.75h-3v2.5h3zm1.47 1.78a.74.74 0 0 1-.22-.53h-2.5c0 .83.318 1.664.952 2.298zm-.22-.53a.74.74 0 0 1 .22-.53l-1.768-1.768A3.24 3.24 0 0 0 14.75 19zm-11.78.53a.74.74 0 0 1-.22-.53h-2.5c0 .83.318 1.664.952 2.298zM5.25 19a.74.74 0 0 1 .22-.53l-1.768-1.768A3.24 3.24 0 0 0 2.75 19zM13 17.75H8v2.5h5zm-6.47.72a.74.74 0 0 1 .22.53h2.5c0-.83-.318-1.664-.952-2.298zm.22.53a.74.74 0 0 1-.22.53l1.768 1.768A3.24 3.24 0 0 0 9.25 19zm14-2a.75.75 0 0 1-.75.75v2.5A3.25 3.25 0 0 0 23.25 17zM18 10.25A2.75 2.75 0 0 1 20.75 13h2.5c0-2.9-2.35-5.25-5.25-5.25zM.75 17A3.25 3.25 0 0 0 4 20.25v-2.5a.75.75 0 0 1-.75-.75z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"currentColor\"><path d=\"M13 3H2v14a2 2 0 0 0 2 2a2 2 0 1 1 4 0h5z\" opacity=\".16\"/><path d=\"M2 3V2a1 1 0 0 0-1 1zm11 0h1a1 1 0 0 0-1-1zm0 6V8a1 1 0 0 0-1 1zM2 4h11V2H2zm10-1v16h2V3zM3 17V3H1v14zm10-7h5V8h-5zm8 3v4h2v-4zm-7 6V9h-2v10zm4.707.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zM6.707 19.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zm13.414 0c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM19 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 21 19zm-3-1h-3v2h3zm1.293 1.707A1 1 0 0 1 17 19h-2c0 .766.293 1.536.879 2.121zM17 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 15 19zm-11.707.707A1 1 0 0 1 5 19H3c0 .766.293 1.536.879 2.121zM5 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 3 19zm8-1H8v2h5zm-6.293.293c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM7 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 9 19zm14-2a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-3-7a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM1 17a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-fast",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 3V2a1 1 0 0 0-1 1zm11 0h1a1 1 0 0 0-1-1zm0 6V8a1 1 0 0 0-1 1zM2 4h11V2H2zm10-1v16h2V3zM3 17V3H1v14zm10-7h5V8h-5zm8 3v4h2v-4zm-7 6V9h-2v10zm4.707.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zM6.707 19.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zm13.414 0c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM19 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 21 19zm-3-1h-3v2h3zm1.293 1.707A1 1 0 0 1 17 19h-2c0 .766.293 1.536.879 2.121zM17 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 15 19zm-11.707.707A1 1 0 0 1 5 19H3c0 .766.293 1.536.879 2.121zM5 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 3 19zm8-1H8v2h5zm-6.293.293c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM7 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 9 19zm14-2a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-3-7a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM1 17a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 8h3m-3 4h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-fast-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 3V1.75C1.31 1.75.75 2.31.75 3zm11 0h1.25c0-.69-.56-1.25-1.25-1.25zm0 6V7.75A1.25 1.25 0 0 0 11.75 9zM2 4.25h11v-2.5H2zM11.75 3v16h2.5V3zm-8.5 14V3H.75v14zM13 10.25h5v-2.5h-5zM20.75 13v4h2.5v-4zm-6.5 6V9h-2.5v10zm4.28.53a.75.75 0 0 1-1.06 0l-1.768 1.768a3.25 3.25 0 0 0 4.596 0zm-1.06-1.06a.75.75 0 0 1 1.06 0l1.768-1.768a3.25 3.25 0 0 0-4.596 0zM6.53 19.53a.75.75 0 0 1-1.06 0l-1.768 1.768a3.25 3.25 0 0 0 4.596 0zm-1.06-1.06a.75.75 0 0 1 1.06 0l1.768-1.768a3.25 3.25 0 0 0-4.596 0zm13.06 0a.74.74 0 0 1 .22.53h2.5a3.24 3.24 0 0 0-.952-2.298zm.22.53a.74.74 0 0 1-.22.53l1.768 1.768A3.24 3.24 0 0 0 21.25 19zM16 17.75h-3v2.5h3zm1.47 1.78a.74.74 0 0 1-.22-.53h-2.5c0 .83.318 1.664.952 2.298zm-.22-.53a.74.74 0 0 1 .22-.53l-1.768-1.768A3.24 3.24 0 0 0 14.75 19zm-11.78.53a.74.74 0 0 1-.22-.53h-2.5c0 .83.318 1.664.952 2.298zM5.25 19a.74.74 0 0 1 .22-.53l-1.768-1.768A3.24 3.24 0 0 0 2.75 19zM13 17.75H8v2.5h5zm-6.47.72a.74.74 0 0 1 .22.53h2.5c0-.83-.318-1.664-.952-2.298zm.22.53a.74.74 0 0 1-.22.53l1.768 1.768A3.24 3.24 0 0 0 9.25 19zm14-2a.75.75 0 0 1-.75.75v2.5A3.25 3.25 0 0 0 23.25 17zM18 10.25A2.75 2.75 0 0 1 20.75 13h2.5c0-2.9-2.35-5.25-5.25-5.25zM.75 17A3.25 3.25 0 0 0 4 20.25v-2.5a.75.75 0 0 1-.75-.75z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M2 8h3m-3 4h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-fast-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M13 3H2v14a2 2 0 0 0 2 2a2 2 0 1 1 4 0h5z\" opacity=\".16\"/><path fill=\"currentColor\" d=\"M2 3V2a1 1 0 0 0-1 1zm11 0h1a1 1 0 0 0-1-1zm0 6V8a1 1 0 0 0-1 1zM2 4h11V2H2zm10-1v16h2V3zM3 17V3H1v14zm10-7h5V8h-5zm8 3v4h2v-4zm-7 6V9h-2v10zm4.707.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zM6.707 19.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zm13.414 0c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM19 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 21 19zm-3-1h-3v2h3zm1.293 1.707A1 1 0 0 1 17 19h-2c0 .766.293 1.536.879 2.121zM17 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 15 19zm-11.707.707A1 1 0 0 1 5 19H3c0 .766.293 1.536.879 2.121zM5 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 3 19zm8-1H8v2h5zm-6.293.293c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM7 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 9 19zm14-2a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-3-7a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM1 17a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 8h3m-3 4h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-fast-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1 3a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v5h4a5 5 0 0 1 5 5v4a3 3 0 0 1-2.129 2.872a3 3 0 0 1-5.7.128H8.83a3 3 0 0 1-5.7-.128A3 3 0 0 1 1 17v-4h6a1 1 0 1 0 0-2H1V9h4a1 1 0 0 0 0-2H1zm13 15h1.171a3 3 0 0 1 5.536-.293A1 1 0 0 0 21 17v-4a3 3 0 0 0-3-3h-4zm-7 1a1 1 0 1 0-2 0a1 1 0 0 0 2 0m10.293-.707A1 1 0 0 0 17 19a1 1 0 1 0 .293-.707\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-fast-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 3v-.75a.75.75 0 0 0-.75.75zm11 0h.75a.75.75 0 0 0-.75-.75zm0 6v-.75a.75.75 0 0 0-.75.75zM2 3.75h11v-1.5H2zM12.25 3v16h1.5V3zm-9.5 14V3h-1.5v14zM13 9.75h5v-1.5h-5zM21.25 13v4h1.5v-4zm-7.5 6V9h-1.5v10zm5.134.884a1.25 1.25 0 0 1-1.768 0l-1.06 1.06a2.75 2.75 0 0 0 3.889 0zm-1.768-1.768a1.25 1.25 0 0 1 1.768 0l1.06-1.06a2.75 2.75 0 0 0-3.889 0zM6.884 19.884a1.25 1.25 0 0 1-1.768 0l-1.06 1.06a2.75 2.75 0 0 0 3.889 0zm-1.768-1.768a1.25 1.25 0 0 1 1.768 0l1.06-1.06a2.75 2.75 0 0 0-3.889 0zm13.768 0c.244.244.366.563.366.884h1.5c0-.703-.269-1.408-.805-1.945zm.366.884c0 .321-.122.64-.366.884l1.06 1.06A2.74 2.74 0 0 0 20.75 19zM16 18.25h-3v1.5h3zm1.116 1.634A1.24 1.24 0 0 1 16.75 19h-1.5c0 .703.269 1.408.805 1.945zM16.75 19c0-.321.122-.64.366-.884l-1.06-1.06A2.74 2.74 0 0 0 15.25 19zm-11.634.884A1.24 1.24 0 0 1 4.75 19h-1.5c0 .703.269 1.408.805 1.945zM4.75 19c0-.321.122-.64.366-.884l-1.06-1.06A2.74 2.74 0 0 0 3.25 19zm8.25-.75H8v1.5h5zm-6.116-.134c.244.244.366.563.366.884h1.5c0-.703-.269-1.408-.805-1.945zM7.25 19c0 .321-.122.64-.366.884l1.06 1.06A2.74 2.74 0 0 0 8.75 19zm14-2c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 22.75 17zM18 9.75A3.25 3.25 0 0 1 21.25 13h1.5A4.75 4.75 0 0 0 18 8.25zM1.25 17A2.75 2.75 0 0 0 4 19.75v-1.5c-.69 0-1.25-.56-1.25-1.25z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2 8h3m-3 4h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-fast-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 3v-.5a.5.5 0 0 0-.5.5zm11 0h.5a.5.5 0 0 0-.5-.5zm0 6v-.5a.5.5 0 0 0-.5.5zM2 3.5h11v-1H2zM12.5 3v16h1V3zm-10 14V3h-1v14zM13 9.5h5v-1h-5zm8.5 3.5v4h1v-4zm-8 6V9h-1v10zm5.56 1.06a1.5 1.5 0 0 1-2.12 0l-.708.708a2.5 2.5 0 0 0 3.536 0zm-2.12-2.12a1.5 1.5 0 0 1 2.12 0l.708-.708a2.5 2.5 0 0 0-3.536 0zm-9.88 2.12a1.5 1.5 0 0 1-2.12 0l-.708.708a2.5 2.5 0 0 0 3.536 0zm-2.12-2.12a1.5 1.5 0 0 1 2.12 0l.708-.708a2.5 2.5 0 0 0-3.536 0zm14.12 0c.294.292.44.675.44 1.06h1c0-.639-.244-1.28-.732-1.768zM19.5 19c0 .385-.146.768-.44 1.06l.708.708A2.5 2.5 0 0 0 20.5 19zm-3.5-.5h-3v1h3zm.94 1.56A1.5 1.5 0 0 1 16.5 19h-1c0 .639.244 1.28.732 1.768zM16.5 19c0-.385.146-.768.44-1.06l-.708-.708A2.5 2.5 0 0 0 15.5 19zM4.94 20.06A1.5 1.5 0 0 1 4.5 19h-1c0 .639.244 1.28.732 1.768zM4.5 19c0-.385.146-.768.44-1.06l-.708-.708A2.5 2.5 0 0 0 3.5 19zm8.5-.5H8v1h5zm-5.94-.56c.294.292.44.675.44 1.06h1c0-.639-.244-1.28-.732-1.768zM7.5 19c0 .385-.146.768-.44 1.06l.708.708A2.5 2.5 0 0 0 8.5 19zm14-2a1.5 1.5 0 0 1-1.5 1.5v1a2.5 2.5 0 0 0 2.5-2.5zM18 9.5a3.5 3.5 0 0 1 3.5 3.5h1A4.5 4.5 0 0 0 18 8.5zM1.5 17A2.5 2.5 0 0 0 4 19.5v-1A1.5 1.5 0 0 1 2.5 17z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2 8h3m-3 4h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 2a1 1 0 0 0-1 1v14c0 1.354.897 2.498 2.129 2.872a3 3 0 0 0 5.7.128h6.342a3 3 0 0 0 5.7-.128A3 3 0 0 0 23 17v-4a5 5 0 0 0-5-5h-4V3a1 1 0 0 0-1-1zm13.171 16H14v-8h4a3 3 0 0 1 3 3v4a1 1 0 0 1-.293.707a3 3 0 0 0-5.536.293m-9.878.293a1 1 0 1 1 1.414 1.414a1 1 0 0 1-1.414-1.414M17 19a1 1 0 1 1 2 0a1 1 0 0 1-2 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-free",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 7V6a1 1 0 0 0-1 1zm11 0h1a1 1 0 0 0-1-1zm0 2V8a1 1 0 0 0-1 1zM2 8h11V6H2zm10-1v12h2V7zM3 17V7H1v10zm10-7h5V8h-5zm8 3v4h2v-4zm-7 6V9h-2v10zm4.707.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zM6.707 19.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zm13.414 0c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM19 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 21 19zm-3-1h-3v2h3zm1.293 1.707A1 1 0 0 1 17 19h-2c0 .766.293 1.536.879 2.121zM17 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 15 19zm-11.707.707A1 1 0 0 1 5 19H3c0 .766.293 1.536.879 2.121zM5 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 3 19zm8-1H8v2h5zm-6.293.293c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM7 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 9 19zm14-2a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-3-7a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM1 17a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.5 4a1 1 0 0 1 1-1a3 3 0 0 1 3 3v1h-1a3 3 0 0 1-3-3Zm8 0a1 1 0 0 0-1-1a3 3 0 0 0-3 3v1h1a3 3 0 0 0 3-3Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-free-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 7V5.75C1.31 5.75.75 6.31.75 7zm11 0h1.25c0-.69-.56-1.25-1.25-1.25zm0 2V7.75A1.25 1.25 0 0 0 11.75 9zM2 8.25h11v-2.5H2zM11.75 7v12h2.5V7zm-8.5 10V7H.75v10zM13 10.25h5v-2.5h-5zM20.75 13v4h2.5v-4zm-6.5 6V9h-2.5v10zm4.28.53a.75.75 0 0 1-1.06 0l-1.768 1.768a3.25 3.25 0 0 0 4.596 0zm-1.06-1.06a.75.75 0 0 1 1.06 0l1.768-1.768a3.25 3.25 0 0 0-4.596 0zM6.53 19.53a.75.75 0 0 1-1.06 0l-1.768 1.768a3.25 3.25 0 0 0 4.596 0zm-1.06-1.06a.75.75 0 0 1 1.06 0l1.768-1.768a3.25 3.25 0 0 0-4.596 0zm13.06 0a.74.74 0 0 1 .22.53h2.5a3.24 3.24 0 0 0-.952-2.298zm.22.53a.74.74 0 0 1-.22.53l1.768 1.768A3.24 3.24 0 0 0 21.25 19zM16 17.75h-3v2.5h3zm1.47 1.78a.74.74 0 0 1-.22-.53h-2.5c0 .83.318 1.664.952 2.298zm-.22-.53a.74.74 0 0 1 .22-.53l-1.768-1.768A3.24 3.24 0 0 0 14.75 19zm-11.78.53a.74.74 0 0 1-.22-.53h-2.5c0 .83.318 1.664.952 2.298zM5.25 19a.74.74 0 0 1 .22-.53l-1.768-1.768A3.24 3.24 0 0 0 2.75 19zM13 17.75H8v2.5h5zm-6.47.72a.74.74 0 0 1 .22.53h2.5c0-.83-.318-1.664-.952-2.298zm.22.53a.74.74 0 0 1-.22.53l1.768 1.768A3.24 3.24 0 0 0 9.25 19zm14-2a.75.75 0 0 1-.75.75v2.5A3.25 3.25 0 0 0 23.25 17zM18 10.25A2.75 2.75 0 0 1 20.75 13h2.5c0-2.9-2.35-5.25-5.25-5.25zM.75 17A3.25 3.25 0 0 0 4 20.25v-2.5a.75.75 0 0 1-.75-.75z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3.5 4a1 1 0 0 1 1-1a3 3 0 0 1 3 3v1h-1a3 3 0 0 1-3-3Zm8 0a1 1 0 0 0-1-1a3 3 0 0 0-3 3v1h1a3 3 0 0 0 3-3Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-free-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 7V6a1 1 0 0 0-1 1zm11 0h1a1 1 0 0 0-1-1zm0 2V8a1 1 0 0 0-1 1zM2 8h11V6H2zm10-1v12h2V7zM3 17V7H1v10zm10-7h5V8h-5zm8 3v4h2v-4zm-7 6V9h-2v10zm4.707.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zM6.707 19.707a1 1 0 0 1-1.414 0l-1.414 1.414a3 3 0 0 0 4.242 0zm-1.414-1.414a1 1 0 0 1 1.414 0l1.414-1.414a3 3 0 0 0-4.242 0zm13.414 0c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM19 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 21 19zm-3-1h-3v2h3zm1.293 1.707A1 1 0 0 1 17 19h-2c0 .766.293 1.536.879 2.121zM17 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 15 19zm-11.707.707A1 1 0 0 1 5 19H3c0 .766.293 1.536.879 2.121zM5 19a1 1 0 0 1 .293-.707l-1.414-1.414A3 3 0 0 0 3 19zm8-1H8v2h5zm-6.293.293c.196.195.293.45.293.707h2c0-.766-.293-1.536-.879-2.121zM7 19a1 1 0 0 1-.293.707l1.414 1.414A3 3 0 0 0 9 19zm14-2a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-3-7a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM1 17a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1z\"/><path fill=\"currentColor\" d=\"M13 7H2v10a2 2 0 0 0 2 2a2 2 0 1 1 4 0h5z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3.5 4a1 1 0 0 1 1-1a3 3 0 0 1 3 3v1h-1a3 3 0 0 1-3-3Zm8 0a1 1 0 0 0-1-1a3 3 0 0 0-3 3v1h1a3 3 0 0 0 3-3Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-free-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2.5 4a2 2 0 0 1 2-2a4 4 0 0 1 3 1.354A4 4 0 0 1 10.5 2a2 2 0 0 1 2 2c0 .729-.195 1.412-.535 2H13a1 1 0 0 1 1 1v1h4a5 5 0 0 1 5 5v4a3 3 0 0 1-2.129 2.872a3 3 0 0 1-5.7.128H8.83a3 3 0 0 1-5.7-.128A3 3 0 0 1 1 17V7a1 1 0 0 1 1-1h1.035A4 4 0 0 1 2.5 4m2 0a2 2 0 0 1 2 2a2 2 0 0 1-2-2m4 2a2 2 0 0 0 2-2a2 2 0 0 0-2 2m6.671 12H14v-8h4a3 3 0 0 1 3 3v4a1 1 0 0 1-.293.707a3 3 0 0 0-5.536.293m-9.878.293a1 1 0 1 1 1.414 1.414a1 1 0 0 1-1.414-1.414M17 19a1 1 0 1 1 2 0a1 1 0 0 1-2 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-free-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 7v-.75a.75.75 0 0 0-.75.75zm11 0h.75a.75.75 0 0 0-.75-.75zm0 2v-.75a.75.75 0 0 0-.75.75zM2 7.75h11v-1.5H2zM12.25 7v12h1.5V7zm-9.5 10V7h-1.5v10zM13 9.75h5v-1.5h-5zM21.25 13v4h1.5v-4zm-7.5 6V9h-1.5v10zm5.134.884a1.25 1.25 0 0 1-1.768 0l-1.06 1.06a2.75 2.75 0 0 0 3.889 0zm-1.768-1.768a1.25 1.25 0 0 1 1.768 0l1.06-1.06a2.75 2.75 0 0 0-3.889 0zM6.884 19.884a1.25 1.25 0 0 1-1.768 0l-1.06 1.06a2.75 2.75 0 0 0 3.889 0zm-1.768-1.768a1.25 1.25 0 0 1 1.768 0l1.06-1.06a2.75 2.75 0 0 0-3.889 0zm13.768 0c.244.244.366.563.366.884h1.5c0-.703-.269-1.408-.805-1.945zm.366.884c0 .321-.122.64-.366.884l1.06 1.06A2.74 2.74 0 0 0 20.75 19zM16 18.25h-3v1.5h3zm1.116 1.634A1.24 1.24 0 0 1 16.75 19h-1.5c0 .703.269 1.408.805 1.945zM16.75 19c0-.321.122-.64.366-.884l-1.06-1.06A2.74 2.74 0 0 0 15.25 19zm-11.634.884A1.24 1.24 0 0 1 4.75 19h-1.5c0 .703.269 1.408.805 1.945zM4.75 19c0-.321.122-.64.366-.884l-1.06-1.06A2.74 2.74 0 0 0 3.25 19zm8.25-.75H8v1.5h5zm-6.116-.134c.244.244.366.563.366.884h1.5c0-.703-.269-1.408-.805-1.945zM7.25 19c0 .321-.122.64-.366.884l1.06 1.06A2.74 2.74 0 0 0 8.75 19zm14-2c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 22.75 17zM18 9.75A3.25 3.25 0 0 1 21.25 13h1.5A4.75 4.75 0 0 0 18 8.25zM1.25 17A2.75 2.75 0 0 0 4 19.75v-1.5c-.69 0-1.25-.56-1.25-1.25z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3.5 4a1 1 0 0 1 1-1a3 3 0 0 1 3 3v1h-1a3 3 0 0 1-3-3Zm8 0a1 1 0 0 0-1-1a3 3 0 0 0-3 3v1h1a3 3 0 0 0 3-3Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-free-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M2 7v-.5a.5.5 0 0 0-.5.5zm11 0h.5a.5.5 0 0 0-.5-.5zm0 2v-.5a.5.5 0 0 0-.5.5zM2 7.5h11v-1H2zM12.5 7v12h1V7zm-10 10V7h-1v10zM13 9.5h5v-1h-5zm8.5 3.5v4h1v-4zm-8 6V9h-1v10zm5.56 1.06a1.5 1.5 0 0 1-2.12 0l-.708.708a2.5 2.5 0 0 0 3.536 0zm-2.12-2.12a1.5 1.5 0 0 1 2.12 0l.708-.708a2.5 2.5 0 0 0-3.536 0zm-9.88 2.12a1.5 1.5 0 0 1-2.12 0l-.708.708a2.5 2.5 0 0 0 3.536 0zm-2.12-2.12a1.5 1.5 0 0 1 2.12 0l.708-.708a2.5 2.5 0 0 0-3.536 0zm14.12 0c.294.292.44.675.44 1.06h1c0-.639-.244-1.28-.732-1.768zM19.5 19c0 .385-.146.768-.44 1.06l.708.708A2.5 2.5 0 0 0 20.5 19zm-3.5-.5h-3v1h3zm.94 1.56A1.5 1.5 0 0 1 16.5 19h-1c0 .639.244 1.28.732 1.768zM16.5 19c0-.385.146-.768.44-1.06l-.708-.708A2.5 2.5 0 0 0 15.5 19zM4.94 20.06A1.5 1.5 0 0 1 4.5 19h-1c0 .639.244 1.28.732 1.768zM4.5 19c0-.385.146-.768.44-1.06l-.708-.708A2.5 2.5 0 0 0 3.5 19zm8.5-.5H8v1h5zm-5.94-.56c.294.292.44.675.44 1.06h1c0-.639-.244-1.28-.732-1.768zM7.5 19c0 .385-.146.768-.44 1.06l.708.708A2.5 2.5 0 0 0 8.5 19zm14-2a1.5 1.5 0 0 1-1.5 1.5v1a2.5 2.5 0 0 0 2.5-2.5zM18 9.5a3.5 3.5 0 0 1 3.5 3.5h1A4.5 4.5 0 0 0 18 8.5zM1.5 17A2.5 2.5 0 0 0 4 19.5v-1A1.5 1.5 0 0 1 2.5 17z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M3.5 4a1 1 0 0 1 1-1a3 3 0 0 1 3 3v1h-1a3 3 0 0 1-3-3Zm8 0a1 1 0 0 0-1-1a3 3 0 0 0-3 3v1h1a3 3 0 0 0 3-3Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M2 3v-.75a.75.75 0 0 0-.75.75zm11 0h.75a.75.75 0 0 0-.75-.75zm0 6v-.75a.75.75 0 0 0-.75.75zM2 3.75h11v-1.5H2zM12.25 3v16h1.5V3zm-9.5 14V3h-1.5v14zM13 9.75h5v-1.5h-5zM21.25 13v4h1.5v-4zm-7.5 6V9h-1.5v10zm5.134.884a1.25 1.25 0 0 1-1.768 0l-1.06 1.06a2.75 2.75 0 0 0 3.889 0zm-1.768-1.768a1.25 1.25 0 0 1 1.768 0l1.06-1.06a2.75 2.75 0 0 0-3.889 0zM6.884 19.884a1.25 1.25 0 0 1-1.768 0l-1.06 1.06a2.75 2.75 0 0 0 3.889 0zm-1.768-1.768a1.25 1.25 0 0 1 1.768 0l1.06-1.06a2.75 2.75 0 0 0-3.889 0zm13.768 0c.244.244.366.563.366.884h1.5c0-.703-.269-1.408-.805-1.945zm.366.884c0 .321-.122.64-.366.884l1.06 1.06A2.74 2.74 0 0 0 20.75 19zM16 18.25h-3v1.5h3zm1.116 1.634A1.24 1.24 0 0 1 16.75 19h-1.5c0 .703.269 1.408.805 1.945zM16.75 19c0-.321.122-.64.366-.884l-1.06-1.06A2.74 2.74 0 0 0 15.25 19zm-11.634.884A1.24 1.24 0 0 1 4.75 19h-1.5c0 .703.269 1.408.805 1.945zM4.75 19c0-.321.122-.64.366-.884l-1.06-1.06A2.74 2.74 0 0 0 3.25 19zm8.25-.75H8v1.5h5zm-6.116-.134c.244.244.366.563.366.884h1.5c0-.703-.269-1.408-.805-1.945zM7.25 19c0 .321-.122.64-.366.884l1.06 1.06A2.74 2.74 0 0 0 8.75 19zm14-2c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 22.75 17zM18 9.75A3.25 3.25 0 0 1 21.25 13h1.5A4.75 4.75 0 0 0 18 8.25zM1.25 17A2.75 2.75 0 0 0 4 19.75v-1.5c-.69 0-1.25-.56-1.25-1.25z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:delivery-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M2 3v-.5a.5.5 0 0 0-.5.5zm11 0h.5a.5.5 0 0 0-.5-.5zm0 6v-.5a.5.5 0 0 0-.5.5zM2 3.5h11v-1H2zM12.5 3v16h1V3zm-10 14V3h-1v14zM13 9.5h5v-1h-5zm8.5 3.5v4h1v-4zm-8 6V9h-1v10zm5.56 1.06a1.5 1.5 0 0 1-2.12 0l-.708.708a2.5 2.5 0 0 0 3.536 0zm-2.12-2.12a1.5 1.5 0 0 1 2.12 0l.708-.708a2.5 2.5 0 0 0-3.536 0zm-9.88 2.12a1.5 1.5 0 0 1-2.12 0l-.708.708a2.5 2.5 0 0 0 3.536 0zm-2.12-2.12a1.5 1.5 0 0 1 2.12 0l.708-.708a2.5 2.5 0 0 0-3.536 0zm14.12 0c.294.292.44.675.44 1.06h1c0-.639-.244-1.28-.732-1.768zM19.5 19c0 .385-.146.768-.44 1.06l.708.708A2.5 2.5 0 0 0 20.5 19zm-3.5-.5h-3v1h3zm.94 1.56A1.5 1.5 0 0 1 16.5 19h-1c0 .639.244 1.28.732 1.768zM16.5 19c0-.385.146-.768.44-1.06l-.708-.708A2.5 2.5 0 0 0 15.5 19zM4.94 20.06A1.5 1.5 0 0 1 4.5 19h-1c0 .639.244 1.28.732 1.768zM4.5 19c0-.385.146-.768.44-1.06l-.708-.708A2.5 2.5 0 0 0 3.5 19zm8.5-.5H8v1h5zm-5.94-.56c.294.292.44.675.44 1.06h1c0-.639-.244-1.28-.732-1.768zM7.5 19c0 .385-.146.768-.44 1.06l.708.708A2.5 2.5 0 0 0 8.5 19zm14-2a1.5 1.5 0 0 1-1.5 1.5v1a2.5 2.5 0 0 0 2.5-2.5zM18 9.5a3.5 3.5 0 0 1 3.5 3.5h1A4.5 4.5 0 0 0 18 8.5zM1.5 17A2.5 2.5 0 0 0 4 19.5v-1A1.5 1.5 0 0 1 2.5 17z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:disappointed-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 15.535A4 4 0 0 1 12 15a4 4 0 0 1 2 .535m3-5.035l-3-1m-4 0l-3 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:disappointed-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 15.535A4 4 0 0 1 12 15a4 4 0 0 1 2 .535m3-5.035l-3-1m-4 0l-3 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:disappointed-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 15.535A4 4 0 0 1 12 15a4 4 0 0 1 2 .535m3-5.035l-3-1m-4 0l-3 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:disappointed-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8.949-2.816a1 1 0 0 1-.633 1.265l-3 1a1 1 0 0 1-.632-1.898l3-1a1 1 0 0 1 1.265.633m3.367-.633a1 1 0 0 0-.632 1.898l3 1a1 1 0 0 0 .632-1.898zM9.5 14.67a1 1 0 1 0 1.002 1.73c.44-.254.95-.4 1.499-.4c.548 0 1.059.146 1.5.4a1 1 0 0 0 1-1.73A5 5 0 0 0 12 14c-.91 0-1.764.243-2.5.67\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:disappointed-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 15.535A4 4 0 0 1 12 15a4 4 0 0 1 2 .535m3-5.035l-3-1m-4 0l-3 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:disappointed-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 15.535A4 4 0 0 1 12 15a4 4 0 0 1 2 .535m3-5.035l-3-1m-4 0l-3 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discount",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-width=\"2\" d=\"M10.51 3.665a2 2 0 0 1 2.98 0l.7.782a2 2 0 0 0 1.601.663l1.05-.058a2 2 0 0 1 2.107 2.108l-.058 1.049a2 2 0 0 0 .663 1.6l.782.7a2 2 0 0 1 0 2.981l-.782.7a2 2 0 0 0-.663 1.601l.058 1.05a2 2 0 0 1-2.108 2.107l-1.049-.058a2 2 0 0 0-1.6.663l-.7.782a2 2 0 0 1-2.981 0l-.7-.782a2 2 0 0 0-1.601-.663l-1.05.058a2 2 0 0 1-2.107-2.108l.058-1.049a2 2 0 0 0-.663-1.6l-.782-.7a2 2 0 0 1 0-2.981l.782-.7a2 2 0 0 0 .663-1.601l-.058-1.05A2 2 0 0 1 7.16 5.053l1.049.058a2 2 0 0 0 1.6-.663z\"/><path stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9.5 9.5h.01v.01H9.5zm5 5h.01v.01h-.01z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 9l-6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discount-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-width=\"2.5\" d=\"M10.51 3.665a2 2 0 0 1 2.98 0l.7.782a2 2 0 0 0 1.601.663l1.05-.058a2 2 0 0 1 2.107 2.108l-.058 1.049a2 2 0 0 0 .663 1.6l.782.7a2 2 0 0 1 0 2.981l-.782.7a2 2 0 0 0-.663 1.601l.058 1.05a2 2 0 0 1-2.108 2.107l-1.049-.058a2 2 0 0 0-1.6.663l-.7.782a2 2 0 0 1-2.981 0l-.7-.782a2 2 0 0 0-1.601-.663l-1.05.058a2 2 0 0 1-2.107-2.108l.058-1.049a2 2 0 0 0-.663-1.6l-.782-.7a2 2 0 0 1 0-2.981l.782-.7a2 2 0 0 0 .663-1.601l-.058-1.05A2 2 0 0 1 7.16 5.053l1.049.058a2 2 0 0 0 1.6-.663z\"/><path stroke-linejoin=\"round\" stroke-width=\"3.75\" d=\"M9.5 9.5h.01v.01H9.5zm5 5h.01v.01h-.01z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m15 9l-6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discount-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M10.51 3.665a2 2 0 0 1 2.98 0l.7.782a2 2 0 0 0 1.601.663l1.05-.058a2 2 0 0 1 2.107 2.108l-.058 1.049a2 2 0 0 0 .663 1.6l.782.7a2 2 0 0 1 0 2.981l-.782.7a2 2 0 0 0-.663 1.601l.058 1.05a2 2 0 0 1-2.108 2.107l-1.049-.058a2 2 0 0 0-1.6.663l-.7.782a2 2 0 0 1-2.981 0l-.7-.782a2 2 0 0 0-1.601-.663l-1.05.058a2 2 0 0 1-2.107-2.108l.058-1.049a2 2 0 0 0-.663-1.6l-.782-.7a2 2 0 0 1 0-2.981l.782-.7a2 2 0 0 0 .663-1.601l-.058-1.05A2 2 0 0 1 7.16 5.053l1.049.058a2 2 0 0 0 1.6-.663z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M10.51 3.665a2 2 0 0 1 2.98 0l.7.782a2 2 0 0 0 1.601.663l1.05-.058a2 2 0 0 1 2.107 2.108l-.058 1.049a2 2 0 0 0 .663 1.6l.782.7a2 2 0 0 1 0 2.981l-.782.7a2 2 0 0 0-.663 1.601l.058 1.05a2 2 0 0 1-2.108 2.107l-1.049-.058a2 2 0 0 0-1.6.663l-.7.782a2 2 0 0 1-2.981 0l-.7-.782a2 2 0 0 0-1.601-.663l-1.05.058a2 2 0 0 1-2.107-2.108l.058-1.049a2 2 0 0 0-.663-1.6l-.782-.7a2 2 0 0 1 0-2.981l.782-.7a2 2 0 0 0 .663-1.601l-.058-1.05A2 2 0 0 1 7.16 5.053l1.049.058a2 2 0 0 0 1.6-.663z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9.5 9.5h.01v.01H9.5zm5 5h.01v.01h-.01z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 9l-6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discount-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.765 2.998a3 3 0 0 1 4.47 0l.7.782a1 1 0 0 0 .801.332l1.05-.058a3 3 0 0 1 3.16 3.16l-.058 1.05a1 1 0 0 0 .332.8l.783.7a3 3 0 0 1 0 4.471l-.783.7a1 1 0 0 0-.332.801l.058 1.05a3 3 0 0 1-3.16 3.16l-1.05-.058a1 1 0 0 0-.8.332l-.7.783a3 3 0 0 1-4.471 0l-.7-.783a1 1 0 0 0-.801-.332l-1.05.058a3 3 0 0 1-3.16-3.16l.058-1.05a1 1 0 0 0-.332-.8l-.782-.7a3 3 0 0 1 0-4.471l.782-.7a1 1 0 0 0 .332-.801l-.058-1.05a3 3 0 0 1 3.16-3.16l1.05.058a1 1 0 0 0 .8-.332zm5.942 5.295a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0M9.5 8A1.5 1.5 0 0 0 8 9.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5A1.5 1.5 0 0 0 9.51 8zm5 5a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5v-.01a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:discount-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-width=\"1.5\" d=\"M10.51 3.665a2 2 0 0 1 2.98 0l.7.782a2 2 0 0 0 1.601.663l1.05-.058a2 2 0 0 1 2.107 2.108l-.058 1.049a2 2 0 0 0 .663 1.6l.782.7a2 2 0 0 1 0 2.981l-.782.7a2 2 0 0 0-.663 1.601l.058 1.05a2 2 0 0 1-2.108 2.107l-1.049-.058a2 2 0 0 0-1.6.663l-.7.782a2 2 0 0 1-2.981 0l-.7-.782a2 2 0 0 0-1.601-.663l-1.05.058a2 2 0 0 1-2.107-2.108l.058-1.049a2 2 0 0 0-.663-1.6l-.782-.7a2 2 0 0 1 0-2.981l.782-.7a2 2 0 0 0 .663-1.601l-.058-1.05A2 2 0 0 1 7.16 5.053l1.049.058a2 2 0 0 0 1.6-.663z\"/><path stroke-linejoin=\"round\" stroke-width=\"2.25\" d=\"M9.5 9.5h.01v.01H9.5zm5 5h.01v.01h-.01z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m15 9l-6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discount-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path d=\"M10.51 3.665a2 2 0 0 1 2.98 0l.7.782a2 2 0 0 0 1.601.663l1.05-.058a2 2 0 0 1 2.107 2.108l-.058 1.049a2 2 0 0 0 .663 1.6l.782.7a2 2 0 0 1 0 2.981l-.782.7a2 2 0 0 0-.663 1.601l.058 1.05a2 2 0 0 1-2.108 2.107l-1.049-.058a2 2 0 0 0-1.6.663l-.7.782a2 2 0 0 1-2.981 0l-.7-.782a2 2 0 0 0-1.601-.663l-1.05.058a2 2 0 0 1-2.107-2.108l.058-1.049a2 2 0 0 0-.663-1.6l-.782-.7a2 2 0 0 1 0-2.981l.782-.7a2 2 0 0 0 .663-1.601l-.058-1.05A2 2 0 0 1 7.16 5.053l1.049.058a2 2 0 0 0 1.6-.663z\"/><path stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9.5 9.5h.01v.01H9.5zm5 5h.01v.01h-.01z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m15 9l-6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discover",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M11.307 9.739L15 9l-.739 3.693a2 2 0 0 1-1.568 1.569L9 15l.739-3.693a2 2 0 0 1 1.568-1.568\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discover-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M11.307 9.739L15 9l-.739 3.693a2 2 0 0 1-1.568 1.569L9 15l.739-3.693a2 2 0 0 1 1.568-1.568\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discover-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m3-12l-3.693.739a2 2 0 0 0-1.568 1.568L9 15l3.693-.739a2 2 0 0 0 1.569-1.568z\" clip-rule=\"evenodd\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.307 9.739L15 9l-.739 3.693a2 2 0 0 1-1.568 1.569L9 15l.739-3.693a2 2 0 0 1 1.568-1.568\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discover-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m13-3l-3.693.739a2 2 0 0 0-1.568 1.568L9 15l3.693-.739a2 2 0 0 0 1.569-1.568z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:discover-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M11.307 9.739L15 9l-.739 3.693a2 2 0 0 1-1.568 1.569L9 15l.739-3.693a2 2 0 0 1 1.568-1.568\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:discover-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M11.307 9.739L15 9l-.739 3.693a2 2 0 0 1-1.568 1.569L9 15l.739-3.693a2 2 0 0 1 1.568-1.568\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:dislike",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 14l-.986.164A1 1 0 0 1 15 13zM4 14v1a1 1 0 0 1-1-1zm16.522-2.392l.98-.196zM6 3h11.36v2H6zm12.56 12H15v-2h3.56zm-2.573-1.164l.805 4.835L14.82 19l-.806-4.836zM14.82 21h-.214v-2h.214zm-3.543-1.781l-2.515-3.774l1.664-1.11l2.516 3.774zM7.93 15H4v-2h3.93zM3 14V6h2v8zm17.302-8.588l1.2 6l-1.96.392l-1.2-6zM8.762 15.445A1 1 0 0 0 7.93 15v-2a3 3 0 0 1 2.496 1.336zm8.03 3.226A2 2 0 0 1 14.82 21v-2zM18.56 13a1 1 0 0 0 .981-1.196l1.961-.392A3 3 0 0 1 18.561 15zm-1.2-10a3 3 0 0 1 2.942 2.412l-1.96.392A1 1 0 0 0 17.36 5zm-2.754 18a4 4 0 0 1-3.328-1.781l1.664-1.11a2 2 0 0 0 1.664.891zM6 5a1 1 0 0 0-1 1H3a3 3 0 0 1 3-3z\"/><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M8 14V4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:dislike-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 14l-1.233.206A1.25 1.25 0 0 1 15 12.75zM4 14v1.25c-.69 0-1.25-.56-1.25-1.25zm16.522-2.392l1.225-.245zM6 2.75h11.36v2.5H6zm12.56 12.5H15v-2.5h3.56zm-2.327-1.456l.806 4.836l-2.466.411l-.806-4.835zM14.82 21.25h-.214v-2.5h.214zm-3.75-1.892l-2.516-3.774l2.08-1.387l2.516 3.774zM7.93 15.25H4v-2.5h3.93zM2.75 14V6h2.5v8zm17.797-8.637l1.2 6l-2.451.49l-1.2-6zM8.554 15.584a.75.75 0 0 0-.624-.334v-2.5a3.25 3.25 0 0 1 2.704 1.447zm8.485 3.046a2.25 2.25 0 0 1-2.22 2.62v-2.5a.25.25 0 0 0-.246.291zm1.521-5.88a.75.75 0 0 0 .736-.897l2.451-.49a3.25 3.25 0 0 1-3.186 3.887zm-1.2-10a3.25 3.25 0 0 1 3.187 2.613l-2.451.49a.75.75 0 0 0-.736-.603zm-2.754 18.5a4.25 4.25 0 0 1-3.536-1.892l2.08-1.387c.324.487.87.779 1.456.779zM6 5.25a.75.75 0 0 0-.75.75h-2.5A3.25 3.25 0 0 1 6 2.75z\"/><path stroke=\"currentColor\" stroke-width=\"2.5\" d=\"M8 14V4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:dislike-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M17.36 4H8v10c.625 0 1.208.312 1.555.832l2.554 3.832A3 3 0 0 0 14.606 20h.213a1 1 0 0 0 .987-1.164L15 14h3.56a2 2 0 0 0 1.962-2.392l-1.2-6A2 2 0 0 0 17.36 4\" opacity=\".16\"/><path fill=\"currentColor\" d=\"m15 14l-.986.164A1 1 0 0 1 15 13zM4 14v1a1 1 0 0 1-1-1zm16.522-2.392l.98-.196zM6 3h11.36v2H6zm12.56 12H15v-2h3.56zm-2.574-1.164l.806 4.835L14.82 19l-.805-4.836zM14.82 21h-.213v-2h.213zm-3.542-1.781l-2.515-3.774l1.664-1.11l2.515 3.774zM7.93 15H4v-2h3.93zM3 14V6h2v8zm17.302-8.588l1.2 6l-1.961.392l-1.2-6zM8.762 15.445A1 1 0 0 0 7.93 15v-2a3 3 0 0 1 2.496 1.336zm8.03 3.226A2 2 0 0 1 14.82 21v-2zM18.56 13a1 1 0 0 0 .981-1.196l1.961-.392A3 3 0 0 1 18.56 15zm-1.2-10a3 3 0 0 1 2.942 2.412l-1.961.392a1 1 0 0 0-.98-.804zm-2.754 18a4 4 0 0 1-3.329-1.781l1.665-1.11a2 2 0 0 0 1.664.891zM6 5a1 1 0 0 0-1 1H3a3 3 0 0 1 3-3z\"/><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M8 14V4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:dislike-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.277 19.219A4 4 0 0 0 14.606 21h.213a2 2 0 0 0 1.973-2.329L16.18 15h2.38a3 3 0 0 0 2.942-3.588l-1.2-6A3 3 0 0 0 17.36 3H6a3 3 0 0 0-3 3v8a1 1 0 0 0 1 1h3.93a1 1 0 0 1 .832.445zM7 5v8H5V6a1 1 0 0 1 1-1z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:dislike-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 14l-.74.123a.75.75 0 0 1 .74-.873zM4 14v.75a.75.75 0 0 1-.75-.75zm16.522-2.392l.735-.147zM6 3.25h11.36v1.5H6zm12.56 11.5H15v-1.5h3.56zm-2.82-.873l.806 4.835l-1.48.247l-.806-4.836zm-.92 6.873h-.214v-1.5h.213zm-3.335-1.67L8.97 15.307l1.248-.832l2.515 3.773zM7.93 14.75H4v-1.5h3.93zM3.25 14V6h1.5v8zm16.807-8.54l1.2 6l-1.47.295l-1.2-6zM8.97 15.308a1.25 1.25 0 0 0-1.04-.557v-1.5c.92 0 1.778.46 2.288 1.225zm7.576 3.405a1.75 1.75 0 0 1-1.726 2.038v-1.5a.25.25 0 0 0 .246-.291zm2.014-5.462a1.25 1.25 0 0 0 1.226-1.495l1.471-.294a2.75 2.75 0 0 1-2.697 3.289zm-1.2-10a2.75 2.75 0 0 1 2.697 2.21l-1.47.295A1.25 1.25 0 0 0 17.36 4.75zm-2.754 17.5a3.75 3.75 0 0 1-3.12-1.67l1.247-.832a2.25 2.25 0 0 0 1.873 1.002zM6 4.75c-.69 0-1.25.56-1.25 1.25h-1.5A2.75 2.75 0 0 1 6 3.25z\"/><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M8 14V4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:dislike-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 14l-.493.082A.5.5 0 0 1 15 13.5zM4 14v.5a.5.5 0 0 1-.5-.5zm16.522-2.392l.49-.098zM6 3.5h11.36v1H6zm12.56 11H15v-1h3.56zm-3.067-.582l.806 4.835l-.986.165l-.806-4.836zM14.82 20.5h-.213v-1h.213zm-3.126-1.558l-2.515-3.774l.832-.555l2.515 3.774zM7.93 14.5H4v-1h3.93zM3.5 14V6h1v8zm16.312-8.49l1.2 6l-.98.196l-1.2-6zM9.178 15.168A1.5 1.5 0 0 0 7.93 14.5v-1a2.5 2.5 0 0 1 2.08 1.113zm7.121 3.585a1.5 1.5 0 0 1-1.48 1.747v-1a.5.5 0 0 0 .494-.582zM18.56 13.5a1.5 1.5 0 0 0 1.471-1.794l.98-.196a2.5 2.5 0 0 1-2.45 2.99zm-1.2-10a2.5 2.5 0 0 1 2.452 2.01l-.98.196A1.5 1.5 0 0 0 17.36 4.5zm-2.754 17a3.5 3.5 0 0 1-2.913-1.558l.832-.555a2.5 2.5 0 0 0 2.08 1.113zM6 4.5A1.5 1.5 0 0 0 4.5 6h-1A2.5 2.5 0 0 1 6 3.5z\"/><path stroke=\"currentColor\" d=\"M8 14V4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:do-redo",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M16.707 5.293a1 1 0 1 0-1.414 1.414zM19 9l.707.707a1 1 0 0 0 0-1.414zm-3.707 2.293a1 1 0 0 0 1.414 1.414zM19 18a1 1 0 1 0 0-2zM15.293 6.707l3 3l1.414-1.414l-3-3zm3 1.586l-3 3l1.414 1.414l3-3zM19 8H8v2h11zM3 13a5 5 0 0 0 5 5v-2a3 3 0 0 1-3-3zm5-5a5 5 0 0 0-5 5h2a3 3 0 0 1 3-3zm11 8H8v2h11z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-redo-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M16.884 5.116a1.25 1.25 0 0 0-1.768 1.768zM19 9l.884.884a1.25 1.25 0 0 0 0-1.768zm-3.884 2.116a1.25 1.25 0 0 0 1.768 1.768zM19 18.25a1.25 1.25 0 1 0 0-2.5zM15.116 6.884l3 3l1.768-1.768l-3-3zm3 1.232l-3 3l1.768 1.768l3-3zM19 7.75H8v2.5h11zM2.75 13c0 2.9 2.35 5.25 5.25 5.25v-2.5A2.75 2.75 0 0 1 5.25 13zM8 7.75A5.25 5.25 0 0 0 2.75 13h2.5A2.75 2.75 0 0 1 8 10.25zm11 8H8v2.5h11z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-redo-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M16.707 5.293a1 1 0 1 0-1.414 1.414zM19 9l.707.707a1 1 0 0 0 0-1.414zm-3.707 2.293a1 1 0 0 0 1.414 1.414zM19 18a1 1 0 1 0 0-2zM15.293 6.707l3 3l1.414-1.414l-3-3zm3 1.586l-3 3l1.414 1.414l3-3zM19 8H8v2h11zM3 13a5 5 0 0 0 5 5v-2a3 3 0 0 1-3-3zm5-5a5 5 0 0 0-5 5h2a3 3 0 0 1 3-3zm11 8H8v2h11z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-redo-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M15.617 5.076a1 1 0 0 1 1.09.217l3 3a1 1 0 0 1 0 1.414l-3 3A1 1 0 0 1 15 12v-2H8a3 3 0 1 0 0 6h11a1 1 0 1 1 0 2H8A5 5 0 0 1 8 8h7V6a1 1 0 0 1 .617-.924\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-redo-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M16.53 5.47a.75.75 0 1 0-1.06 1.06zM19 9l.53.53a.75.75 0 0 0 0-1.06zm-3.53 2.47a.75.75 0 1 0 1.06 1.06zM19 17.75a.75.75 0 0 0 0-1.5zM15.47 6.53l3 3l1.06-1.06l-3-3zm3 1.94l-3 3l1.06 1.06l3-3zm.53-.22H8v1.5h11zM3.25 13A4.75 4.75 0 0 0 8 17.75v-1.5A3.25 3.25 0 0 1 4.75 13zM8 8.25A4.75 4.75 0 0 0 3.25 13h1.5A3.25 3.25 0 0 1 8 9.75zm11 8H8v1.5h11z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-redo-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M16.354 5.646a.5.5 0 0 0-.708.708zM19 9l.354.354a.5.5 0 0 0 0-.708zm-3.354 2.646a.5.5 0 0 0 .708.708zM19 17.5a.5.5 0 0 0 0-1zM15.646 6.354l3 3l.708-.708l-3-3zm3 2.292l-3 3l.708.708l3-3zM19 8.5H8v1h11zM3.5 13A4.5 4.5 0 0 0 8 17.5v-1A3.5 3.5 0 0 1 4.5 13zM8 8.5A4.5 4.5 0 0 0 3.5 13h1A3.5 3.5 0 0 1 8 9.5zm11 8H8v1h11z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-undo",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.707 6.707a1 1 0 0 0-1.414-1.414zM5 9l-.707-.707a1 1 0 0 0 0 1.414zm2.293 3.707a1 1 0 1 0 1.414-1.414zM5 16a1 1 0 0 0 0 2zM7.293 5.293l-3 3l1.414 1.414l3-3zm-3 4.414l3 3l1.414-1.414l-3-3zM5 10h11V8H5zm14 3a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zm-3-3a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM5 18h11v-2H5z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-undo-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.884 6.884a1.25 1.25 0 1 0-1.768-1.768zM5 9l-.884-.884a1.25 1.25 0 0 0 0 1.768zm2.116 3.884a1.25 1.25 0 1 0 1.768-1.768zM5 15.75a1.25 1.25 0 0 0 0 2.5zM7.116 5.116l-3 3l1.768 1.768l3-3zm-3 4.768l3 3l1.768-1.768l-3-3zM5 10.25h11v-2.5H5zM18.75 13A2.75 2.75 0 0 1 16 15.75v2.5c2.9 0 5.25-2.35 5.25-5.25zM16 10.25A2.75 2.75 0 0 1 18.75 13h2.5c0-2.9-2.35-5.25-5.25-5.25zm-11 8h11v-2.5H5z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-undo-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.707 6.707a1 1 0 0 0-1.414-1.414zM5 9l-.707-.707a1 1 0 0 0 0 1.414zm2.293 3.707a1 1 0 0 0 1.414-1.414zM5 16a1 1 0 1 0 0 2zM7.293 5.293l-3 3l1.414 1.414l3-3zm-3 4.414l3 3l1.414-1.414l-3-3zM5 10h11V8H5zm14 3a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zm-3-3a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM5 18h11v-2H5z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-undo-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.383 5.076A1 1 0 0 1 9 6v2h7a5 5 0 0 1 0 10H5a1 1 0 1 1 0-2h11a3 3 0 1 0 0-6H9v2a1 1 0 0 1-1.707.707l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 0 1 1.09-.217\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-undo-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.53 6.53a.75.75 0 0 0-1.06-1.06zM5 9l-.53-.53a.75.75 0 0 0 0 1.06zm2.47 3.53a.75.75 0 0 0 1.06-1.06zM5 16.25a.75.75 0 0 0 0 1.5zM7.47 5.47l-3 3l1.06 1.06l3-3zm-3 4.06l3 3l1.06-1.06l-3-3zm.53.22h11v-1.5H5zM19.25 13A3.25 3.25 0 0 1 16 16.25v1.5A4.75 4.75 0 0 0 20.75 13zM16 9.75A3.25 3.25 0 0 1 19.25 13h1.5A4.75 4.75 0 0 0 16 8.25zm-11 8h11v-1.5H5z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:do-undo-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.354 6.354a.5.5 0 1 0-.708-.708zM5 9l-.354-.354a.5.5 0 0 0 0 .708zm2.646 3.354a.5.5 0 0 0 .708-.708zM5 16.5a.5.5 0 0 0 0 1zM7.646 5.646l-3 3l.708.708l3-3zm-3 3.708l3 3l.708-.708l-3-3zM5 9.5h11v-1H5zM19.5 13a3.5 3.5 0 0 1-3.5 3.5v1a4.5 4.5 0 0 0 4.5-4.5zM16 9.5a3.5 3.5 0 0 1 3.5 3.5h1A4.5 4.5 0 0 0 16 8.5zm-11 8h11v-1H5z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:download",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 9l-5-5m0 0L7 9m5-5v13m-6 3h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:download-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m17 9l-5-5m0 0L7 9m5-5v13m-6 3h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:download-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 18a1 1 0 0 1-1-1v-7H7a1 1 0 0 1-.707-1.707l5-5a1 1 0 0 1 1.414 0l5 5A1 1 0 0 1 17 10h-4v7a1 1 0 0 1-1 1m-6 1a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:download-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m17 9l-5-5m0 0L7 9m5-5v13m-6 3h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:download-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m17 9l-5-5m0 0L7 9m5-5v13m-6 3h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:edit",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 16l-1 4l4-1L19.586 7.414a2 2 0 0 0 0-2.828l-.172-.172a2 2 0 0 0-2.828 0zM15 6l3 3m-5 11h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:edit-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m5 16l-1 4l4-1L19.586 7.414a2 2 0 0 0 0-2.828l-.172-.172a2 2 0 0 0-2.828 0zM15 6l3 3m-5 11h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:edit-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m5 16l-1 4l4-1L18 9l-3-3z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 16l-1 4l4-1L19.586 7.414a2 2 0 0 0 0-2.828l-.172-.172a2 2 0 0 0-2.828 0zM15 6l3 3m-5 11h8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:edit-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 16l-1 4l4-1L19.586 7.414a2 2 0 0 0 0-2.828l-.172-.172a2 2 0 0 0-2.828 0z\"/><path fill=\"currentColor\" d=\"m5 16l-1 4l4-1L18 9l-3-3z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 6l3 3m-5 11h8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:edit-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5 16l-1 4l4-1L19.586 7.414a2 2 0 0 0 0-2.828l-.172-.172a2 2 0 0 0-2.828 0zM15 6l3 3m-5 11h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:edit-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m5 16l-1 4l4-1L19.586 7.414a2 2 0 0 0 0-2.828l-.172-.172a2 2 0 0 0-2.828 0zM15 6l3 3m-5 11h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:email",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 5V4a1 1 0 0 0-1 1zm18 0h1a1 1 0 0 0-1-1zM3 6h18V4H3zm17-1v12h2V5zm-1 13H5v2h14zM4 17V5H2v12zm1 1a1 1 0 0 1-1-1H2a3 3 0 0 0 3 3zm15-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3 5l9 9l9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:email-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 5V3.75c-.69 0-1.25.56-1.25 1.25zm18 0h1.25c0-.69-.56-1.25-1.25-1.25zM3 6.25h18v-2.5H3zM19.75 5v12h2.5V5zM19 17.75H5v2.5h14zM4.25 17V5h-2.5v12zm.75.75a.75.75 0 0 1-.75-.75h-2.5A3.25 3.25 0 0 0 5 20.25zM19.75 17a.75.75 0 0 1-.75.75v2.5A3.25 3.25 0 0 0 22.25 17z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m3 5l9 9l9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:email-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m3 5l7.586 7.586a2 2 0 0 0 2.828 0L21 5v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" opacity=\".16\"/><path fill=\"currentColor\" d=\"M3 5V4a1 1 0 0 0-1 1zm18 0h1a1 1 0 0 0-1-1zM3 6h18V4H3zm17-1v12h2V5zm-1 13H5v2h14zM4 17V5H2v12zm1 1a1 1 0 0 1-1-1H2a3 3 0 0 0 3 3zm15-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3 5l9 9l9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:email-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2.234 4.357A1 1 0 0 0 2 5v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5.01a1 1 0 0 0-.364-.781A1 1 0 0 0 21.004 4H3a1 1 0 0 0-.766.357M4 7.414V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7.414l-7.293 7.293a1 1 0 0 1-1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:email-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 5v-.75a.75.75 0 0 0-.75.75zm18 0h.75a.75.75 0 0 0-.75-.75zM3 5.75h18v-1.5H3zM20.25 5v12h1.5V5zM19 18.25H5v1.5h14zM3.75 17V5h-1.5v12zM5 18.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 5 19.75zM20.25 17c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 21.75 17z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m3 5l9 9l9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:email-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 5v-.5a.5.5 0 0 0-.5.5zm18 0h.5a.5.5 0 0 0-.5-.5zM3 5.5h18v-1H3zM20.5 5v12h1V5zM19 18.5H5v1h14zM3.5 17V5h-1v12zM5 18.5A1.5 1.5 0 0 1 3.5 17h-1A2.5 2.5 0 0 0 5 19.5zM20.5 17a1.5 1.5 0 0 1-1.5 1.5v1a2.5 2.5 0 0 0 2.5-2.5z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m3 5l9 9l9-9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:enter",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 4h10v14a2 2 0 0 1-2 2H9m3-5l3-3m0 0l-3-3m3 3H5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:enter-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M9 4h10v14a2 2 0 0 1-2 2H9m3-5l3-3m0 0l-3-3m3 3H5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:enter-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 4h10v14a2 2 0 0 1-2 2H9m3-5l3-3m0 0l-3-3m3 3H5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:enter-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 3a1 1 0 0 0 0 2h9v13a1 1 0 0 1-1 1H9a1 1 0 0 0 0 2h8a3 3 0 0 0 3-3V4a1 1 0 0 0-1-1zm3.707 5.293A1 1 0 0 0 11 9v2H5a1 1 0 0 0 0 2h6v2a1 1 0 0 0 1.707.707l3-3a1 1 0 0 0 0-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:enter-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 4h10v14a2 2 0 0 1-2 2H9m3-5l3-3m0 0l-3-3m3 3H5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:enter-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 4h10v14a2 2 0 0 1-2 2H9m3-5l3-3m0 0l-3-3m3 3H5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:exit",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 4.001H5v14a2 2 0 0 0 2 2h8m1-5l3-3m0 0l-3-3m3 3H9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:exit-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M15 4.001H5v14a2 2 0 0 0 2 2h8m1-5l3-3m0 0l-3-3m3 3H9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:exit-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M15 3.001a1 1 0 1 1 0 2H6v13a1 1 0 0 0 1 1h8a1 1 0 1 1 0 2H7a3 3 0 0 1-3-3v-14a1 1 0 0 1 1-1zm1.707 5.293A1 1 0 0 0 15 9v2H9a1 1 0 1 0 0 2h6v2a1 1 0 0 0 1.707.707l3-3a1 1 0 0 0 0-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:exit-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 4.001H5v14a2 2 0 0 0 2 2h8m1-5l3-3m0 0l-3-3m3 3H9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:exit-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 4.001H5v14a2 2 0 0 0 2 2h8m1-5l3-3m0 0l-3-3m3 3H9\"/></svg>"
+  },
+  {
+    "name": "iconamoon:expressionless-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linejoin=\"round\"/><path d=\"M9 15h6\"/><path stroke-linejoin=\"round\" d=\"M16.5 9.5H14m-4 0H7.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:expressionless-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linejoin=\"round\"/><path d=\"M9 15h6\"/><path stroke-linejoin=\"round\" d=\"M16.5 9.5H14m-4 0H7.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:expressionless-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M9 15h6\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.5 9.5H14m-4 0H7.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:expressionless-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m4.5-2.5a1 1 0 0 1 1-1H10a1 1 0 1 1 0 2H7.5a1 1 0 0 1-1-1m7.5-1a1 1 0 1 0 0 2h2.5a1 1 0 1 0 0-2zM9 14a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:expressionless-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linejoin=\"round\"/><path d=\"M9 15h6\"/><path stroke-linejoin=\"round\" d=\"M16.5 9.5H14m-4 0H7.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:expressionless-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linejoin=\"round\"/><path d=\"M9 15h6\"/><path stroke-linejoin=\"round\" d=\"M16.5 9.5H14m-4 0H7.5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0\"/><path d=\"M2 12c1.6-4.097 5.336-7 10-7s8.4 2.903 10 7c-1.6 4.097-5.336 7-10 7s-8.4-2.903-10-7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0\"/><path d=\"M2 12c1.6-4.097 5.336-7 10-7s8.4 2.903 10 7c-1.6 4.097-5.336 7-10 7s-8.4-2.903-10-7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 5C7.336 5 3.6 7.903 2 12c1.6 4.097 5.336 7 10 7s8.4-2.903 10-7c-1.6-4.097-5.336-7-10-7m0 10a3 3 0 1 0 0-6a3 3 0 0 0 0 6\" clip-rule=\"evenodd\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 12c1.6-4.097 5.336-7 10-7s8.4 2.903 10 7c-1.6 4.097-5.336 7-10 7s-8.4-2.903-10-7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1.069 11.636C2.803 7.194 6.884 4 12 4s9.197 3.194 10.932 7.636a1 1 0 0 1 0 .728C21.197 16.806 17.116 20 12 20s-9.197-3.194-10.931-7.636a1 1 0 0 1 0-.728M12 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:eye-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0\"/><path d=\"M2 12c1.6-4.097 5.336-7 10-7s8.4 2.903 10 7c-1.6 4.097-5.336 7-10 7s-8.4-2.903-10-7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M10.73 5.073A11 11 0 0 1 12 5c4.664 0 8.4 2.903 10 7a11.6 11.6 0 0 1-1.555 2.788M6.52 6.519C4.48 7.764 2.9 9.693 2 12c1.6 4.097 5.336 7 10 7a10.44 10.44 0 0 0 5.48-1.52m-7.6-7.6a3 3 0 1 0 4.243 4.243\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M10.73 5.073A11 11 0 0 1 12 5c4.664 0 8.4 2.903 10 7a11.6 11.6 0 0 1-1.555 2.788M6.52 6.519C4.48 7.764 2.9 9.693 2 12c1.6 4.097 5.336 7 10 7a10.44 10.44 0 0 0 5.48-1.52m-7.6-7.6a3 3 0 1 0 4.243 4.243\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M9 12a3 3 0 0 0 5.121 2.121l3.36 3.36A10.44 10.44 0 0 1 12 19c-4.664 0-8.4-2.903-10-7c.901-2.307 2.48-4.236 4.52-5.48l3.359 3.359A3 3 0 0 0 9 12\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.73 5.073A11 11 0 0 1 12 5c4.664 0 8.4 2.903 10 7a11.6 11.6 0 0 1-1.555 2.788M6.52 6.519C4.48 7.764 2.9 9.693 2 12c1.6 4.097 5.336 7 10 7a10.44 10.44 0 0 0 5.48-1.52m-7.6-7.6a3 3 0 1 0 4.243 4.243\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.707 3.293a1 1 0 0 0-1.414 1.414l1.67 1.671C3.23 7.716 1.889 9.538 1.07 11.636a1 1 0 0 0 0 .728C2.803 16.806 6.884 20 12 20c1.935 0 3.73-.459 5.31-1.276l1.983 1.983a1 1 0 0 0 1.414-1.414l-2.501-2.501l-.038-.038l-3.328-3.328l-.011-.012l-.012-.011l-4.22-4.22l-.023-.023l-3.329-3.33l-.038-.037zm4.585 7.414a3 3 0 0 0 4.001 4.001zm1.554-4.64Q11.409 6 12 6c4.074 0 7.38 2.443 8.919 6c-.34.787-.768 1.52-1.271 2.184a1 1 0 1 0 1.594 1.208a12.6 12.6 0 0 0 1.69-3.028a1 1 0 0 0 0-.728C21.197 7.194 17.116 4 12 4q-.705 0-1.386.08a1 1 0 0 0 .232 1.986\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:eye-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"M10.73 5.073A11 11 0 0 1 12 5c4.664 0 8.4 2.903 10 7a11.6 11.6 0 0 1-1.555 2.788M6.52 6.519C4.48 7.764 2.9 9.693 2 12c1.6 4.097 5.336 7 10 7a10.44 10.44 0 0 0 5.48-1.52m-7.6-7.6a3 3 0 1 0 4.243 4.243\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path stroke-linejoin=\"round\" d=\"M10.73 5.073A11 11 0 0 1 12 5c4.664 0 8.4 2.903 10 7a11.6 11.6 0 0 1-1.555 2.788M6.52 6.519C4.48 7.764 2.9 9.693 2 12c1.6 4.097 5.336 7 10 7a10.44 10.44 0 0 0 5.48-1.52m-7.6-7.6a3 3 0 1 0 4.243 4.243\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:eye-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0\"/><path d=\"M2 12c1.6-4.097 5.336-7 10-7s8.4 2.903 10 7c-1.6 4.097-5.336 7-10 7s-8.4-2.903-10-7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-with-open-mouth",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15zM12 15h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-with-open-mouth-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15zM12 15h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-with-open-mouth-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15zM12 15h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-with-open-mouth-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7-4a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5A1.5 1.5 0 0 0 9.01 8zm6 0a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5a1.5 1.5 0 0 0-1.5-1.5zm-4.5 7a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:face-with-open-mouth-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5zm-3 5.5v.01H12V15z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-with-open-mouth-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5zm-3 5.5v.01H12V15z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-without-mouth",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-without-mouth-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-without-mouth-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-without-mouth-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m5.5-2.5A1.5 1.5 0 0 1 9 8h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H9a1.5 1.5 0 0 1-1.5-1.5zm6 0A1.5 1.5 0 0 1 15 8h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H15a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:face-without-mouth-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:face-without-mouth-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-add",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm5-8v4m-2-2h4\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-add-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm5-8v4m-2-2h4\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-add-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 21a2 2 0 0 1-2-2V3h8v6h6v10a2 2 0 0 1-2 2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm5-8v4m-2-2h4\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-add-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a1 1 0 0 0-1 1v16a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 14 2zm9 2.414L17.586 8H14zM12 12a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:file-add-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm5-8v4m-2-2h4\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-add-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm5-8v4m-2-2h4\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-audio",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke-linejoin=\"round\" d=\"M13 3v6h6\"/><circle cx=\"11\" cy=\"17\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 12v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-audio-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke-linejoin=\"round\" d=\"M13 3v6h6\"/><circle cx=\"11\" cy=\"17\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 12v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-audio-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 21a2 2 0 0 1-2-2V3h8v6h6v10a2 2 0 0 1-2 2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 3v6h6\"/><circle cx=\"11\" cy=\"17\" r=\"1\" stroke=\"currentColor\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 12v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-audio-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a1 1 0 0 0-1 1v16a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 14 2zm9 2.414L17.586 8H14zM11 15v-3a.997.997 0 0 1 1-1a1 1 0 0 1 .707.293l2 2a1 1 0 0 1-1.414 1.414L13 14.414V17a2 2 0 1 1-2-2\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:file-audio-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke-linejoin=\"round\" d=\"M13 3v6h6\"/><circle cx=\"11\" cy=\"17\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 12v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-audio-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke-linejoin=\"round\" d=\"M13 3v6h6\"/><circle cx=\"11\" cy=\"17\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 12v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-check",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"m15 13l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-check-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"m15 13l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-check-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 21a2 2 0 0 1-2-2V3h8v6h6v10a2 2 0 0 1-2 2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 3v6h6\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 13l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-check-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a1 1 0 0 0-1 1v16a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 14 2zm9 2.414L17.586 8H14zm1.707 9.293a1 1 0 0 0-1.414-1.414L11 15.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:file-check-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"m15 13l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-check-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"m15 13l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-close",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"m10 13l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-close-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"m10 13l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-close-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 21a2 2 0 0 1-2-2V3h8v6h6v10a2 2 0 0 1-2 2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 3v6h6\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 13l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-close-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a1 1 0 0 0-1 1v16a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 14 2zm9 2.414L17.586 8H14zm-3.293 7.879a1 1 0 0 0-1.414 1.414L10.586 15l-1.293 1.293a1 1 0 1 0 1.414 1.414L12 16.414l1.293 1.293a1 1 0 0 0 1.414-1.414L13.414 15l1.293-1.293a1 1 0 0 0-1.414-1.414L12 13.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:file-close-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"m10 13l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-close-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"m10 13l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-document",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"M9 13h6m-6 4h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-document-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"M9 13h6m-6 4h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-document-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 21a2 2 0 0 1-2-2V3h8v6h6v10a2 2 0 0 1-2 2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 3v6h6\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 13h6m-6 4h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-document-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a1 1 0 0 0-1 1v16a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 14 2zm9 2.414L17.586 8H14zM8 13a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:file-document-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"M9 13h6m-6 4h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-document-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/><path stroke-linecap=\"round\" d=\"M9 13h6m-6 4h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 21a2 2 0 0 1-2-2V3h8v6h6v10a2 2 0 0 1-2 2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 3a1 1 0 0 1 1-1h9a1 1 0 0 1 .707.293l5 5A1 1 0 0 1 20 8v11a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm13.586 5L14 4.414V8z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:file-image",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"m6 20l6-6l6 6\"/><path stroke-width=\"3\" d=\"M9.5 10.5h.01v.01H9.5z\"/><path stroke-width=\"2\" d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-image-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"m6 20l6-6l6 6\"/><path stroke-width=\"3.75\" d=\"M9.5 10.5h.01v.01H9.5z\"/><path stroke-width=\"2.5\" d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-image-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 21a2 2 0 0 1-2-2V3h8v6h6v10a2 2 0 0 1-2 2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 20l6-6l6 6\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9.5 10.5h.01v.01H9.5z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-image-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a1 1 0 0 0-1 1v16a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 14 2zm9 2.414L17.586 8H14zM8 10.5A1.5 1.5 0 0 1 9.5 9h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H9.5a1.5 1.5 0 0 1-1.5-1.5zm4.707 2.793a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L12 15.414l3.293 3.293a1 1 0 0 0 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:file-image-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"m6 20l6-6l6 6\"/><path stroke-width=\"2.25\" d=\"M9.5 10.5h.01v.01H9.5z\"/><path stroke-width=\"1.5\" d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-image-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke-linecap=\"round\" d=\"m6 20l6-6l6 6\"/><path stroke-width=\"1.5\" d=\"M9.5 10.5h.01v.01H9.5z\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-remove",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm3-6h4\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-remove-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm3-6h4\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-remove-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 21a2 2 0 0 1-2-2V3h8v6h6v10a2 2 0 0 1-2 2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm3-6h4\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-remove-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a1 1 0 0 0-1 1v16a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 14 2zm9 2.414L17.586 8H14zM10 14a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:file-remove-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm3-6h4\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-remove-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2zm3-6h4\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-video",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6m-5 5.5l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-video-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6m-5 5.5l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-video-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 21a2 2 0 0 1-2-2V3h8v6h6v10a2 2 0 0 1-2 2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 3v6h6m-5 5.5l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-video-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 2a1 1 0 0 0-1 1v16a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-.293-.707l-5-5A1 1 0 0 0 14 2zm9 2.414L17.586 8H14zm.5 10.952a1 1 0 0 0 0-1.732l-3-1.732a1 1 0 0 0-1.5.866v3.464a1 1 0 0 0 1.5.866z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:file-video-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6m-5 5.5l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:file-video-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M7 21a2 2 0 0 1-2-2V3h9l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M13 3v6h6m-5 5.5l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:flag",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 3v2m0 16v-8m0-8h12l-2 4l2 4H8m0-8v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:flag-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M8 3v2m0 16v-8m0-8h12l-2 4l2 4H8m0-8v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:flag-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M20 5H8v8h12l-2-4z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 3v2m0 16v-8m0-8h12l-2 4l2 4H8m0-8v8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:flag-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M20 14a1 1 0 0 0 .894-1.447L19.118 9l1.776-3.553A1 1 0 0 0 20 4H9V3a1 1 0 1 0-2 0v18a1 1 0 1 0 2 0v-7z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:flag-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 3v2m0 16v-8m0-8h12l-2 4l2 4H8m0-8v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:flag-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 3v2m0 16v-8m0-8h12l-2 4l2 4H8m0-8v8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-add",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m9-6v4m-2-2h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-add-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m9-6v4m-2-2h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-add-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m9-6v4m-2-2h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-add-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h7a1 1 0 0 1 .707.293L12.414 6H21a1 1 0 0 1 1 1v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm10 5a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-add-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m9-6v4m-2-2h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-add-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m9-6v4m-2-2h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-check",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-check-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-check-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-check-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h7a1 1 0 0 1 .707.293L12.414 6H21a1 1 0 0 1 1 1v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm13.707 6.707a1 1 0 0 0-1.414-1.414L11 13.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-check-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-check-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path d=\"m15 11l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-close",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-6l4 4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-close-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-6l4 4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-close-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-6l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-close-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h7a1 1 0 0 1 .707.293L12.414 6H21a1 1 0 0 1 1 1v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm8.707 5.293a1 1 0 0 0-1.414 1.414L10.586 13l-1.293 1.293a1 1 0 1 0 1.414 1.414L12 14.414l1.293 1.293a1 1 0 0 0 1.414-1.414L13.414 13l1.293-1.293a1 1 0 0 0-1.414-1.414L12 11.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-close-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-6l4 4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-close-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-6l4 4m-4 0l4-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-document",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m4-6h2m-2 4h2\"/><path d=\"M13 11h4v4h-4z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-document-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m4-6h2m-2 4h2\"/><path d=\"M13 11h4v4h-4z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-document-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m4-6h2m-2 4h2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 11h4v4h-4z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-document-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h7a1 1 0 0 1 .707.293L12.414 6H21a1 1 0 0 1 1 1v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm5 5a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zm0 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2zm5-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm2 1v2h2v-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-document-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m4-6h2m-2 4h2\"/><path d=\"M13 11h4v4h-4z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-document-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m4-6h2m-2 4h2\"/><path d=\"M13 11h4v4h-4z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 0-1 1v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a1 1 0 0 0-1-1h-8.586l-1.707-1.707A1 1 0 0 0 10 4z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-image",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"m5 19l7-7l7 7\"/><path stroke-width=\"3\" d=\"M7.5 9.5h.01v.01H7.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-image-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"m5 19l7-7l7 7\"/><path stroke-width=\"3.75\" d=\"M7.5 9.5h.01v.01H7.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-image-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 19l7-7l7 7\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M7.5 9.5h.01v.01H7.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-image-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h7a1 1 0 0 1 .707.293L12.414 6H21a1 1 0 0 1 1 1v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm4 4.5A1.5 1.5 0 0 1 7.5 8h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H7.5A1.5 1.5 0 0 1 6 9.51zm6.707 1.793a1 1 0 0 0-1.414 0l-4 4a1 1 0 1 0 1.414 1.414L12 13.414l3.293 3.293a1 1 0 0 0 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-image-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"m5 19l7-7l7 7\"/><path stroke-width=\"2.25\" d=\"M7.5 9.5h.01v.01H7.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-image-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path stroke-linecap=\"round\" d=\"m5 19l7-7l7 7\"/><path stroke-width=\"1.5\" d=\"M7.5 9.5h.01v.01H7.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-music",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><circle cx=\"11\" cy=\"15\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 10v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-music-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><circle cx=\"11\" cy=\"15\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 10v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-music-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><circle cx=\"11\" cy=\"15\" r=\"1\" stroke=\"currentColor\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 10v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-music-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h7a1 1 0 0 1 .707.293L12.414 6H21a1 1 0 0 1 1 1v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm9 8v-3a.997.997 0 0 1 1-1a1 1 0 0 1 .707.293l2 2a1 1 0 0 1-1.414 1.414L13 12.414V15a2 2 0 1 1-2-2\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-music-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><circle cx=\"11\" cy=\"15\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 10v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-music-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><circle cx=\"11\" cy=\"15\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 10v5m2-3l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-remove",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-4h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-remove-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-4h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-remove-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-remove-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h7a1 1 0 0 1 .707.293L12.414 6H21a1 1 0 0 1 1 1v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm8 7a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-remove-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-4h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-remove-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m7-4h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-video",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path d=\"m14 13l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-video-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path d=\"m14 13l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-video-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 13l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-video-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 5a1 1 0 0 1 1-1h7a1 1 0 0 1 .707.293L12.414 6H21a1 1 0 0 1 1 1v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm12.5 8.866a1 1 0 0 0 0-1.732l-3-1.732a1 1 0 0 0-1.5.866v3.464a1 1 0 0 0 1.5.866z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:folder-video-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path d=\"m14 13l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:folder-video-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M3 17V5h7l2 2h9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2\"/><path d=\"m14 13l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:frame",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 6h18m-3-3v18M3 18h18M6 3v18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:frame-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 6h18m-3-3v18M3 18h18M6 3v18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:frame-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M6 6h12v12H6z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 6h18m-3-3v18M3 18h18M6 3v18\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:frame-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 7v10H7V7zM5 7v10H3a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h10v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2V7h2a1 1 0 1 0 0-2h-2V3a1 1 0 1 0-2 0v2H7V3a1 1 0 0 0-2 0v2H3a1 1 0 0 0 0 2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:frame-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 6h18m-3-3v18M3 18h18M6 3v18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:frame-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 6h18m-3-3v18M3 18h18M6 3v18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:frowning-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M8.535 16A4 4 0 0 1 12 14c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:frowning-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M8.535 16A4 4 0 0 1 12 14c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:frowning-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.535 16A4 4 0 0 1 12 14c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:frowning-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7-4a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5A1.5 1.5 0 0 0 9.01 8zm6 0a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5a1.5 1.5 0 0 0-1.5-1.5zm.966 8.866a1 1 0 0 1-1.367-.365C14.08 15.6 13.11 15 12 15s-2.08.601-2.6 1.5a1 1 0 0 1-1.73-1A5 5 0 0 1 12 13a5 5 0 0 1 4.33 2.5a1 1 0 0 1-.364 1.366\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:frowning-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M8.535 16A4 4 0 0 1 12 14c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:frowning-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/><path stroke-linecap=\"round\" d=\"M8.535 16A4 4 0 0 1 12 14c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:funnel",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 4H4l5.6 7.467a2 2 0 0 1 .4 1.2V20l4-2v-5.333a2 2 0 0 1 .4-1.2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:funnel-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M20 4H4l5.6 7.467a2 2 0 0 1 .4 1.2V20l4-2v-5.333a2 2 0 0 1 .4-1.2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:funnel-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M20 4H4l5.6 7.467a2 2 0 0 1 .4 1.2V20l4-2v-5.333a2 2 0 0 1 .4-1.2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 4H4l5.6 7.467a2 2 0 0 1 .4 1.2V20l4-2v-5.333a2 2 0 0 1 .4-1.2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:funnel-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 3a1 1 0 0 0-.8 1.6l5.6 7.467a1 1 0 0 1 .2.6V20a1 1 0 0 0 1.447.894l4-2A1 1 0 0 0 15 18v-5.333a1 1 0 0 1 .2-.6L20.8 4.6A1 1 0 0 0 20 3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:funnel-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 4H4l5.6 7.467a2 2 0 0 1 .4 1.2V20l4-2v-5.333a2 2 0 0 1 .4-1.2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:funnel-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M20 4H4l5.6 7.467a2 2 0 0 1 .4 1.2V20l4-2v-5.333a2 2 0 0 1 .4-1.2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:gift",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"/><path d=\"M6 4.5A2.5 2.5 0 0 1 8.5 2A3.5 3.5 0 0 1 12 5.5V7H8.5A2.5 2.5 0 0 1 6 4.5Zm12 0A2.5 2.5 0 0 0 15.5 2A3.5 3.5 0 0 0 12 5.5V7h3.5A2.5 2.5 0 0 0 18 4.5Z\"/><path stroke-linecap=\"round\" d=\"M3 7h18v4H3zm9 4v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:gift-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"/><path d=\"M6 4.5A2.5 2.5 0 0 1 8.5 2A3.5 3.5 0 0 1 12 5.5V7H8.5A2.5 2.5 0 0 1 6 4.5Zm12 0A2.5 2.5 0 0 0 15.5 2A3.5 3.5 0 0 0 12 5.5V7h3.5A2.5 2.5 0 0 0 18 4.5Z\"/><path stroke-linecap=\"round\" d=\"M3 7h18v4H3zm9 4v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:gift-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 19v-7h16v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 12v8m-8-9v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 4.5A2.5 2.5 0 0 1 8.5 2A3.5 3.5 0 0 1 12 5.5V7H8.5A2.5 2.5 0 0 1 6 4.5Zm12 0A2.5 2.5 0 0 0 15.5 2A3.5 3.5 0 0 0 12 5.5V7h3.5A2.5 2.5 0 0 0 18 4.5Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 7h18v4H3zm9 4v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:gift-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.5 1a3.5 3.5 0 0 0-3.163 5H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1v7a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-7a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-2.337A3.5 3.5 0 0 0 15.5 1A4.5 4.5 0 0 0 12 2.671A4.5 4.5 0 0 0 8.5 1M13 20h5a1 1 0 0 0 1-1v-7h-6zm-2-8v8H6a1 1 0 0 1-1-1v-7zm4.5-6a1.5 1.5 0 0 0 0-3A2.5 2.5 0 0 0 13 5.5V6zM11 6v-.5A2.5 2.5 0 0 0 8.5 3a1.5 1.5 0 1 0 0 3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:gift-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"/><path d=\"M6 4.5A2.5 2.5 0 0 1 8.5 2A3.5 3.5 0 0 1 12 5.5V7H8.5A2.5 2.5 0 0 1 6 4.5Zm12 0A2.5 2.5 0 0 0 15.5 2A3.5 3.5 0 0 0 12 5.5V7h3.5A2.5 2.5 0 0 0 18 4.5Z\"/><path stroke-linecap=\"round\" d=\"M3 7h18v4H3zm9 4v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:gift-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\"/><path d=\"M6 4.5A2.5 2.5 0 0 1 8.5 2A3.5 3.5 0 0 1 12 5.5V7H8.5A2.5 2.5 0 0 1 6 4.5Zm12 0A2.5 2.5 0 0 0 15.5 2A3.5 3.5 0 0 0 12 5.5V7h3.5A2.5 2.5 0 0 0 18 4.5Z\"/><path stroke-linecap=\"round\" d=\"M3 7h18v4H3zm9 4v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:headphone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M21 15v-3a9 9 0 1 0-18 0v3\"/><path fill=\"currentColor\" d=\"M3 15v-1H2v1zm0 1h3v-2H3zm3 0v3h2v-3zm-2 3v-4H2v4zm1 1a1 1 0 0 1-1-1H2a3 3 0 0 0 3 3zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm0-3h2a2 2 0 0 0-2-2zm15-1h1v-1h-1zm-3 1h3v-2h-3zm2-1v4h2v-4zm-2 4v-3h-2v3zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2-5a2 2 0 0 0-2 2h2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:headphone-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M21 15v-3a9 9 0 1 0-18 0v3\"/><path fill=\"currentColor\" d=\"M3 15v-1.25H1.75V15zm0 1.25h3v-2.5H3zM5.75 16v3h2.5v-3zm-1.5 3v-4h-2.5v4zm.75.75a.75.75 0 0 1-.75-.75h-2.5A3.25 3.25 0 0 0 5 22.25zm.75-.75a.75.75 0 0 1-.75.75v2.5A3.25 3.25 0 0 0 8.25 19zM6 16.25a.25.25 0 0 1-.25-.25h2.5A2.25 2.25 0 0 0 6 13.75zM21 15h1.25v-1.25H21zm-3 1.25h3v-2.5h-3zM19.75 15v4h2.5v-4zm-1.5 4v-3h-2.5v3zm.75.75a.75.75 0 0 1-.75-.75h-2.5A3.25 3.25 0 0 0 19 22.25zm.75-.75a.75.75 0 0 1-.75.75v2.5A3.25 3.25 0 0 0 22.25 19zM18 13.75A2.25 2.25 0 0 0 15.75 16h2.5a.25.25 0 0 1-.25.25z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:headphone-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 15h3a1 1 0 0 1 1 1v3a2 2 0 1 1-4 0zm14 1a1 1 0 0 1 1-1h3v4a2 2 0 1 1-4 0z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M21 15v-3a9 9 0 1 0-18 0v3\"/><path fill=\"currentColor\" d=\"M3 15v-1H2v1zm0 1h3v-2H3zm3 0v3h2v-3zm-2 3v-4H2v4zm1 1a1 1 0 0 1-1-1H2a3 3 0 0 0 3 3zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm0-3h2a2 2 0 0 0-2-2zm15-1h1v-1h-1zm-3 1h3v-2h-3zm2-1v4h2v-4zm-2 4v-3h-2v3zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2-5a2 2 0 0 0-2 2h2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:headphone-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 4a8 8 0 0 0-8 8v2h2a2 2 0 0 1 2 2v3a3 3 0 1 1-6 0v-7C2 6.477 6.477 2 12 2s10 4.477 10 10v7a3 3 0 1 1-6 0v-3a2 2 0 0 1 2-2h2v-2a8 8 0 0 0-8-8\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:headphone-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M21 15v-3a9 9 0 1 0-18 0v3\"/><path fill=\"currentColor\" d=\"M3 15v-.75h-.75V15zm0 .75h3v-1.5H3zm3.25.25v3h1.5v-3zm-2.5 3v-4h-1.5v4zM5 20.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 5 21.75zM6.25 19c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 7.75 19zM6 15.75a.25.25 0 0 1 .25.25h1.5A1.75 1.75 0 0 0 6 14.25zM21 15h.75v-.75H21zm-3 .75h3v-1.5h-3zm2.25-.75v4h1.5v-4zm-2.5 4v-3h-1.5v3zM19 20.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 19 21.75zM20.25 19c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 21.75 19zM18 14.25A1.75 1.75 0 0 0 16.25 16h1.5a.25.25 0 0 1 .25-.25z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:headphone-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M21 15v-3a9 9 0 1 0-18 0v3\"/><path fill=\"currentColor\" d=\"M3 15v-.5h-.5v.5zm0 .5h3v-1H3zm3.5.5v3h1v-3zm-3 3v-4h-1v4zM5 20.5A1.5 1.5 0 0 1 3.5 19h-1A2.5 2.5 0 0 0 5 21.5zM6.5 19A1.5 1.5 0 0 1 5 20.5v1A2.5 2.5 0 0 0 7.5 19zM6 15.5a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 6 14.5zm15-.5h.5v-.5H21zm-3 .5h3v-1h-3zm2.5-.5v4h1v-4zm-3 4v-3h-1v3zm1.5 1.5a1.5 1.5 0 0 1-1.5-1.5h-1a2.5 2.5 0 0 0 2.5 2.5zm1.5-1.5a1.5 1.5 0 0 1-1.5 1.5v1a2.5 2.5 0 0 0 2.5-2.5zM18 14.5a1.5 1.5 0 0 0-1.5 1.5h1a.5.5 0 0 1 .5-.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:heart",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657A5 5 0 1 1 12 6.072a5 5 0 0 1 7.071 7.07\"/></svg>"
+  },
+  {
+    "name": "iconamoon:heart-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657A5 5 0 1 1 12 6.072a5 5 0 0 1 7.071 7.07\"/></svg>"
+  },
+  {
+    "name": "iconamoon:heart-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657A5 5 0 1 1 12 6.072a5 5 0 0 1 7.071 7.07\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657a5 5 0 0 1 7.07-7.071a5 5 0 0 1 7.072 7.071\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:heart-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.222 5.364A6 6 0 0 1 12 4.758a6.002 6.002 0 0 1 7.778 9.091l-5.657 5.657a3 3 0 0 1-4.242 0L4.222 13.85a6 6 0 0 1 0-8.485\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:heart-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657A5 5 0 1 1 12 6.072a5 5 0 0 1 7.071 7.07\"/></svg>"
+  },
+  {
+    "name": "iconamoon:heart-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M5.546 5.546q-.325.233-.617.525a5 5 0 0 0 0 7.071l5.657 5.657a2 2 0 0 0 2.828 0l2.693-2.692M10.89 5.233c.398.22.772.5 1.11.838a5 5 0 0 1 7.071 7.071l-.136.136\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:heart-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M5.546 5.546q-.325.233-.617.525a5 5 0 0 0 0 7.071l5.657 5.657a2 2 0 0 0 2.828 0l2.693-2.692M10.89 5.233c.398.22.772.5 1.11.838a5 5 0 0 1 7.071 7.071l-.136.136\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:heart-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m4.929 13.142l5.657 5.657a2 2 0 0 0 2.828 0l2.693-2.692L5.546 5.546q-.325.232-.617.525a5 5 0 0 0 0 7.071\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5.546 5.546q-.325.233-.617.525a5 5 0 0 0 0 7.071l5.657 5.657a2 2 0 0 0 2.828 0l2.693-2.692M10.89 5.233c.398.22.772.5 1.11.838a5 5 0 0 1 7.071 7.071l-.136.136\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:heart-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.707 3.293a1 1 0 0 0-1.414 1.414l.795.795a6 6 0 0 0 .134 8.347l5.657 5.657a3 3 0 0 0 4.242 0l1.986-1.985l3.186 3.186a1 1 0 0 0 1.414-1.414l-3.885-3.885l-.017-.017L6.267 4.853l-.03-.03zM12 4.758a6.002 6.002 0 0 1 7.778 9.091l-.136.136a1 1 0 0 1-1.414-1.414l.136-.136a4 4 0 0 0-5.657-5.657a1 1 0 0 1-1.414 0a4 4 0 0 0-.889-.671a1 1 0 1 1 .971-1.749q.322.18.625.4\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:heart-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"M5.546 5.546q-.325.233-.617.525a5 5 0 0 0 0 7.071l5.657 5.657a2 2 0 0 0 2.828 0l2.693-2.692M10.89 5.233c.398.22.772.5 1.11.838a5 5 0 0 1 7.071 7.071l-.136.136\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:heart-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path stroke-linejoin=\"round\" d=\"M5.546 5.546q-.325.233-.617.525a5 5 0 0 0 0 7.071l5.657 5.657a2 2 0 0 0 2.828 0l2.693-2.692M10.89 5.233c.398.22.772.5 1.11.838a5 5 0 0 1 7.071 7.071l-.136.136\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:heart-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.071 13.142L13.414 18.8a2 2 0 0 1-2.828 0l-5.657-5.657A5 5 0 1 1 12 6.072a5 5 0 0 1 7.071 7.07\"/></svg>"
+  },
+  {
+    "name": "iconamoon:history",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M5.636 18.364A9 9 0 1 0 3 12.004V14\"/><path d=\"m1 12l2 2l2-2m6-4v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:history-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M5.636 18.364A9 9 0 1 0 3 12.004V14\"/><path d=\"m1 12l2 2l2-2m6-4v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:history-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5.636 18.364A9 9 0 1 0 3 12.004V14\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m1 12l2 2l2-2m6-4v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:history-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.929 17.657a1 1 0 0 0 0 1.414c3.905 3.905 10.237 3.905 14.142 0s3.905-10.237 0-14.142s-10.237-3.905-14.142 0A9.96 9.96 0 0 0 2.049 11H1a1 1 0 0 0-.707 1.707l2 2l.002.002a.997.997 0 0 0 1.413-.003l2-1.999A1 1 0 0 0 5 11h-.938a8 8 0 1 1 2.28 6.657a1 1 0 0 0-1.413 0M10 8a1 1 0 1 1 2 0v4h4a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:history-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M5.636 18.364A9 9 0 1 0 3 12.004V14\"/><path d=\"m1 12l2 2l2-2m6-4v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:history-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5.636 18.364A9 9 0 1 0 3 12.004V14\"/><path d=\"m1 12l2 2l2-2m6-4v5h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:home",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M20 10a1 1 0 1 0-2 0zM6 10a1 1 0 0 0-2 0zm14.293 2.707a1 1 0 0 0 1.414-1.414zM12 3l.707-.707a1 1 0 0 0-1.414 0zm-9.707 8.293a1 1 0 1 0 1.414 1.414zM7 22h10v-2H7zm13-3v-9h-2v9zM6 19v-9H4v9zm15.707-7.707l-9-9l-1.414 1.414l9 9zm-10.414-9l-9 9l1.414 1.414l9-9zM17 22a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1zM7 20a1 1 0 0 1-1-1H4a3 3 0 0 0 3 3z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:home-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M20.25 10a1.25 1.25 0 1 0-2.5 0zm-14 0a1.25 1.25 0 1 0-2.5 0zm13.866 2.884a1.25 1.25 0 0 0 1.768-1.768zM12 3l.884-.884a1.25 1.25 0 0 0-1.768 0zm-9.884 8.116a1.25 1.25 0 0 0 1.768 1.768zM7 22.25h10v-2.5H7zM20.25 19v-9h-2.5v9zm-14 0v-9h-2.5v9zm15.634-7.884l-9-9l-1.768 1.768l9 9zm-10.768-9l-9 9l1.768 1.768l9-9zM17 22.25A3.25 3.25 0 0 0 20.25 19h-2.5a.75.75 0 0 1-.75.75zm-10-2.5a.75.75 0 0 1-.75-.75h-2.5A3.25 3.25 0 0 0 7 22.25z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:home-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"currentColor\"><path d=\"M17 21H7a2 2 0 0 1-2-2v-9l7-7l7 7v9a2 2 0 0 1-2 2\" opacity=\".16\"/><path d=\"M20 10a1 1 0 1 0-2 0zM6 10a1 1 0 0 0-2 0zm14.293 2.707a1 1 0 0 0 1.414-1.414zM12 3l.707-.707a1 1 0 0 0-1.414 0zm-9.707 8.293a1 1 0 1 0 1.414 1.414zM7 22h10v-2H7zm13-3v-9h-2v9zM6 19v-9H4v9zm15.707-7.707l-9-9l-1.414 1.414l9 9zm-10.414-9l-9 9l1.414 1.414l9-9zM17 22a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1zM7 20a1 1 0 0 1-1-1H4a3 3 0 0 0 3 3z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:home-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12.707 2.293a1 1 0 0 0-1.414 0l-7 7l-2 2a1 1 0 1 0 1.414 1.414L4 12.414V19a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-6.586l.293.293a1 1 0 0 0 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:home-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19.75 10a.75.75 0 0 0-1.5 0zm-14 0a.75.75 0 0 0-1.5 0zm14.72 2.53a.75.75 0 1 0 1.06-1.06zM12 3l.53-.53a.75.75 0 0 0-1.06 0zm-9.53 8.47a.75.75 0 1 0 1.06 1.06zM7 21.75h10v-1.5H7zM19.75 19v-9h-1.5v9zm-14 0v-9h-1.5v9zm15.78-7.53l-9-9l-1.06 1.06l9 9zm-10.06-9l-9 9l1.06 1.06l9-9zM17 21.75A2.75 2.75 0 0 0 19.75 19h-1.5c0 .69-.56 1.25-1.25 1.25zm-10-1.5c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 7 21.75z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:home-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19.5 10a.5.5 0 0 0-1 0zm-14 0a.5.5 0 0 0-1 0zm15.146 2.354a.5.5 0 0 0 .708-.708zM12 3l.354-.354a.5.5 0 0 0-.708 0zm-9.354 8.646a.5.5 0 0 0 .708.708zM7 21.5h10v-1H7zM19.5 19v-9h-1v9zm-14 0v-9h-1v9zm15.854-7.354l-9-9l-.708.708l9 9zm-9.708-9l-9 9l.708.708l9-9zM17 21.5a2.5 2.5 0 0 0 2.5-2.5h-1a1.5 1.5 0 0 1-1.5 1.5zm-10-1A1.5 1.5 0 0 1 5.5 19h-1A2.5 2.5 0 0 0 7 21.5z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:information-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M12 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:information-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M12 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:information-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 8h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:information-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8.5-4A1.5 1.5 0 0 1 12 6.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5zm1.5 3a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:information-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M12 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:information-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M12 8h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:information-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3\" d=\"M12 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:information-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3.75\" d=\"M12 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:information-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 8h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:information-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zM10.5 8A1.5 1.5 0 0 1 12 6.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5zm1.5 3a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:information-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"2.25\" d=\"M12 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:information-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"1.5\" d=\"M12 8h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M12 12v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:invoice",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 3h14v18l-1.032-.884a2 2 0 0 0-2.603 0L14.333 21l-1.031-.884a2 2 0 0 0-2.604 0L9.667 21l-1.032-.884a2 2 0 0 0-2.603 0L5 21zm10 4H9m6 4H9m6 4h-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:invoice-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 3h14v18l-1.032-.884a2 2 0 0 0-2.603 0L14.333 21l-1.031-.884a2 2 0 0 0-2.604 0L9.667 21l-1.032-.884a2 2 0 0 0-2.603 0L5 21zm10 4H9m6 4H9m6 4h-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:invoice-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M5 3h14v18l-1.032-.884a2 2 0 0 0-2.603 0L14.333 21l-1.031-.884a2 2 0 0 0-2.604 0L9.667 21l-1.032-.884a2 2 0 0 0-2.603 0L5 21z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 3h14v18l-1.032-.884a2 2 0 0 0-2.603 0L14.333 21l-1.031-.884a2 2 0 0 0-2.604 0L9.667 21l-1.032-.884a2 2 0 0 0-2.603 0L5 21zm10 4H9m6 4H9m6 4h-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:invoice-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1.65.76l-1.033-.885a1 1 0 0 0-1.301 0l-1.032.884a1 1 0 0 1-1.302 0l-1.031-.884a1 1 0 0 0-1.302 0l-1.031.884a1 1 0 0 1-1.302 0l-1.032-.884a1 1 0 0 0-1.301 0l-1.032.884A1 1 0 0 1 4 21zm5 3a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2zm0 4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zm1 5a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:invoice-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 3h14v18l-1.032-.884a2 2 0 0 0-2.603 0L14.333 21l-1.031-.884a2 2 0 0 0-2.604 0L9.667 21l-1.032-.884a2 2 0 0 0-2.603 0L5 21zm10 4H9m6 4H9m6 4h-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:invoice-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 3h14v18l-1.032-.884a2 2 0 0 0-2.603 0L14.333 21l-1.031-.884a2 2 0 0 0-2.604 0L9.667 21l-1.032-.884a2 2 0 0 0-2.603 0L5 21zm10 4H9m6 4H9m6 4h-4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"m13 16l-2-1l2-1\"/><path stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"m13 16l-2-1l2-1\"/><path stroke-width=\"3.75\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m13 16l-2-1l2-1\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7-4a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5A1.5 1.5 0 0 0 9.01 8zm4.447 6.894a1 1 0 1 0-.894-1.788l-2 1a1 1 0 0 0 0 1.788l2 1a1 1 0 1 0 .894-1.788l-.21-.106zM13.5 9.5A1.5 1.5 0 0 1 15 8h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H15a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"m13 16l-2-1l2-1\"/><path stroke-width=\"2.25\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-linecap=\"round\" d=\"m13 16l-2-1l2-1\"/><path stroke-width=\"1.5\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-with-smiling-eyes",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m14 10l1-1l1 1m-6 0L9 9l-1 1m5 6l-2-1l2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-with-smiling-eyes-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m14 10l1-1l1 1m-6 0L9 9l-1 1m5 6l-2-1l2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-with-smiling-eyes-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 10l1-1l1 1m-6 0L9 9l-1 1m5 6l-2-1l2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-with-smiling-eyes-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m6.707-1.293a1 1 0 0 1-1.414-1.414l1-1a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414L9 10.414zm6.586 0a1 1 0 0 0 1.414-1.414l-1-1a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 1.414 1.414l.293-.293zm-1.399 2.846a1 1 0 0 1-.447 1.341l-.21.106l.21.106a1 1 0 1 1-.894 1.788l-2-1a1 1 0 0 1 0-1.788l2-1a1 1 0 0 1 1.341.447\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-with-smiling-eyes-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m14 10l1-1l1 1m-6 0L9 9l-1 1m5 6l-2-1l2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:kissing-face-with-smiling-eyes-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m14 10l1-1l1 1m-6 0L9 9l-1 1m5 6l-2-1l2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 14l7-12v8h5l-7 12v-8z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m6 14l7-12v8h5l-7 12v-8z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m6 14l7-12v8h5l-7 12v-8z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 14l7-12v8h5l-7 12v-8z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M14 2a1 1 0 0 0-1.864-.504l-7 12A1 1 0 0 0 6 15h4v7a1 1 0 0 0 1.864.504l7-12A1 1 0 0 0 18 9h-4z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m6 14l7-12v8h5l-7 12v-8z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"m6 14l7-12v8h5l-7 12v-8z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 14H6L9.5 2H16l-3 8h5l-8 12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M11 14H6L9.5 2H16l-3 8h5l-8 12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M11 14H6L9.5 2H16l-3 8h5l-8 12z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 14H6L9.5 2H16l-3 8h5l-8 12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.5 1a1 1 0 0 0-.96.72l-3.5 12A1 1 0 0 0 6 15h3.867l-.86 6.876a1 1 0 0 0 1.825.679l8-12A1 1 0 0 0 18 9h-3.557l2.493-6.649A1 1 0 0 0 16 1z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 14H6L9.5 2H16l-3 8h5l-8 12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lightning-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M11 14H6L9.5 2H16l-3 8h5l-8 12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:like",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 10l-.986-.164A1 1 0 0 0 15 11zM4 10V9a1 1 0 0 0-1 1zm16.522 2.392l.98.196zM6 21h11.36v-2H6zM18.56 9H15v2h3.56zm-2.573 1.164l.805-4.835L14.82 5l-.806 4.836zM14.82 3h-.214v2h.214zm-3.543 1.781L8.763 8.555l1.664 1.11l2.516-3.774zM7.93 9H4v2h3.93zM3 10v8h2v-8zm17.302 8.588l1.2-6l-1.96-.392l-1.2 6zM8.762 8.555A1 1 0 0 1 7.93 9v2a3 3 0 0 0 2.496-1.336zm8.03-3.226A2 2 0 0 0 14.82 3v2zM18.56 11a1 1 0 0 1 .981 1.196l1.961.392A3 3 0 0 0 18.561 9zm-1.2 10a3 3 0 0 0 2.942-2.412l-1.96-.392a1 1 0 0 1-.982.804zM14.606 3a4 4 0 0 0-3.328 1.781l1.664 1.11A2 2 0 0 1 14.606 5zM6 19a1 1 0 0 1-1-1H3a3 3 0 0 0 3 3z\"/><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M8 10v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:like-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 10l-1.233-.206A1.25 1.25 0 0 0 15 11.25zM4 10V8.75c-.69 0-1.25.56-1.25 1.25zm16.522 2.392l1.225.245zM6 21.25h11.36v-2.5H6zm12.56-12.5H15v2.5h3.56zm-2.327 1.456l.806-4.836l-2.466-.411l-.806 4.836zM14.82 2.75h-.214v2.5h.214zm-3.75 1.893L8.554 8.416l2.08 1.387l2.516-3.774zM7.93 8.75H4v2.5h3.93zM2.75 10v8h2.5v-8zm17.797 8.637l1.2-6l-2.451-.49l-1.2 6zM8.554 8.416a.75.75 0 0 1-.624.334v2.5a3.25 3.25 0 0 0 2.704-1.447zm8.485-3.046a2.25 2.25 0 0 0-2.22-2.62v2.5a.25.25 0 0 1-.246-.291zm1.521 5.88a.75.75 0 0 1 .736.897l2.451.49a3.25 3.25 0 0 0-3.186-3.887zm-1.2 10a3.25 3.25 0 0 0 3.187-2.613l-2.451-.49a.75.75 0 0 1-.736.603zm-2.754-18.5a4.25 4.25 0 0 0-3.536 1.893l2.08 1.386a1.75 1.75 0 0 1 1.456-.779zM6 18.75a.75.75 0 0 1-.75-.75h-2.5A3.25 3.25 0 0 0 6 21.25z\"/><path stroke=\"currentColor\" stroke-width=\"2.5\" d=\"M8 10v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:like-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M17.36 20H8V10c.625 0 1.208-.312 1.555-.832l2.554-3.832A3 3 0 0 1 14.606 4h.213a1 1 0 0 1 .987 1.164L15 10h3.56a2 2 0 0 1 1.962 2.392l-1.2 6A2 2 0 0 1 17.36 20\" opacity=\".16\"/><path fill=\"currentColor\" d=\"m15 10l-.986-.164A1 1 0 0 0 15 11zM4 10V9a1 1 0 0 0-1 1zm16.522 2.392l.98.196zM6 21h11.36v-2H6zM18.56 9H15v2h3.56zm-2.574 1.164l.806-4.835L14.82 5l-.805 4.836zM14.82 3h-.213v2h.213zm-3.542 1.781L8.762 8.555l1.664 1.11L12.94 5.89zM7.93 9H4v2h3.93zM3 10v8h2v-8zm17.302 8.588l1.2-6l-1.961-.392l-1.2 6zM8.762 8.555A1 1 0 0 1 7.93 9v2a3 3 0 0 0 2.496-1.336zm8.03-3.226A2 2 0 0 0 14.82 3v2zM18.56 11a1 1 0 0 1 .981 1.196l1.961.392A3 3 0 0 0 18.56 9zm-1.2 10a3 3 0 0 0 2.942-2.412l-1.961-.392a1 1 0 0 1-.98.804zM14.606 3a4 4 0 0 0-3.329 1.781l1.665 1.11A2 2 0 0 1 14.606 5zM6 19a1 1 0 0 1-1-1H3a3 3 0 0 0 3 3z\"/><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M8 10v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:like-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.277 4.781A4 4 0 0 1 14.606 3h.213a2 2 0 0 1 1.973 2.329L16.18 9h2.38a3 3 0 0 1 2.942 3.588l-1.2 6A3 3 0 0 1 17.36 21H6a3 3 0 0 1-3-3v-8a1 1 0 0 1 1-1h3.93a1 1 0 0 0 .832-.445zM7 11H5v7a1 1 0 0 0 1 1h1z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:like-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 10l-.74-.123a.75.75 0 0 0 .74.873zM4 10v-.75a.75.75 0 0 0-.75.75zm16.522 2.392l.735.147zM6 20.75h11.36v-1.5H6zm12.56-11.5H15v1.5h3.56zm-2.82.873l.806-4.835l-1.48-.247l-.806 4.836zm-.92-6.873h-.214v1.5h.213zm-3.335 1.67L8.97 8.693l1.248.832l2.515-3.773zM7.93 9.25H4v1.5h3.93zM3.25 10v8h1.5v-8zm16.807 8.54l1.2-6l-1.47-.295l-1.2 6zM8.97 8.692a1.25 1.25 0 0 1-1.04.557v1.5c.92 0 1.778-.46 2.288-1.225zm7.576-3.405A1.75 1.75 0 0 0 14.82 3.25v1.5a.25.25 0 0 1 .246.291zm2.014 5.462c.79 0 1.38.722 1.226 1.495l1.471.294A2.75 2.75 0 0 0 18.56 9.25zm-1.2 10a2.75 2.75 0 0 0 2.697-2.21l-1.47-.295a1.25 1.25 0 0 1-1.227 1.005zm-2.754-17.5a3.75 3.75 0 0 0-3.12 1.67l1.247.832a2.25 2.25 0 0 1 1.873-1.002zM6 19.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 6 20.75z\"/><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M8 10v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:like-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m15 10l-.493-.082A.5.5 0 0 0 15 10.5zM4 10v-.5a.5.5 0 0 0-.5.5zm16.522 2.392l.49.098zM6 20.5h11.36v-1H6zm12.56-11H15v1h3.56zm-3.067.582l.806-4.835l-.986-.165l-.806 4.836zM14.82 3.5h-.213v1h.213zm-3.126 1.559L9.178 8.832l.832.555l2.515-3.774zM7.93 9.5H4v1h3.93zM3.5 10v8h1v-8zm16.312 8.49l1.2-6l-.98-.196l-1.2 6zM9.178 8.832A1.5 1.5 0 0 1 7.93 9.5v1a2.5 2.5 0 0 0 2.08-1.113zm7.121-3.585A1.5 1.5 0 0 0 14.82 3.5v1a.5.5 0 0 1 .494.582zM18.56 10.5a1.5 1.5 0 0 1 1.471 1.794l.98.196a2.5 2.5 0 0 0-2.45-2.99zm-1.2 10a2.5 2.5 0 0 0 2.452-2.01l-.98-.196A1.5 1.5 0 0 1 17.36 19.5zm-2.754-17a3.5 3.5 0 0 0-2.913 1.559l.832.554a2.5 2.5 0 0 1 2.08-1.113zM6 19.5A1.5 1.5 0 0 1 4.5 18h-1A2.5 2.5 0 0 0 6 20.5z\"/><path stroke=\"currentColor\" d=\"M8 10v10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:link",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h8M9 8H6a4 4 0 1 0 0 8h3m6-8h3a4 4 0 0 1 0 8h-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M8 12h8M9 8H6a4 4 0 1 0 0 8h3m6-8h3a4 4 0 0 1 0 8h-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h8M9 8H6a4 4 0 1 0 0 8h3m6-8h3a4 4 0 0 1 0 8h-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-external",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 4H4v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5M9 15L20 4m-5 0h5v5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-external-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M11 4H4v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5M9 15L20 4m-5 0h5v5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-external-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 4H4v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5M9 15L20 4m-5 0h5v5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:link-external-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.707 15.707L17.5 7.914l1.793 1.793A1 1 0 0 0 21 9V4l-.001-.048A.996.996 0 0 0 20 3h-5a1 1 0 0 0-.707 1.707L16.086 6.5l-7.793 7.793a1 1 0 1 0 1.414 1.414M4 3a1 1 0 0 0-1 1v14a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-5a1 1 0 1 0-2 0v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5h6a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-external-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 4H4v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5M9 15L20 4m-5 0h5v5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-external-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 4H4v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5M9 15L20 4m-5 0h5v5\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6 9a3 3 0 1 0 0 6h3a1 1 0 1 1 0 2H6A5 5 0 0 1 6 7h3a1 1 0 0 1 0 2zm1 3a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1m8-5a1 1 0 1 0 0 2h3a3 3 0 1 1 0 6h-3a1 1 0 1 0 0 2h3a5 5 0 0 0 0-10z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 12h8M9 8H6a4 4 0 1 0 0 8h3m6-8h3a4 4 0 0 1 0 8h-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:link-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h8M9 8H6a4 4 0 1 0 0 8h3m6-8h3a4 4 0 0 1 0 8h-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:location",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5.252 9.975l11.66-5.552c1.7-.81 3.474.965 2.665 2.666l-5.552 11.659c-.759 1.593-3.059 1.495-3.679-.158L9.32 15.851a2 2 0 0 0-1.17-1.17l-2.74-1.027c-1.652-.62-1.75-2.92-.157-3.679\"/></svg>"
+  },
+  {
+    "name": "iconamoon:location-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m5.252 9.975l11.66-5.552c1.7-.81 3.474.965 2.665 2.666l-5.552 11.659c-.759 1.593-3.059 1.495-3.679-.158L9.32 15.851a2 2 0 0 0-1.17-1.17l-2.74-1.027c-1.652-.62-1.75-2.92-.157-3.679\"/></svg>"
+  },
+  {
+    "name": "iconamoon:location-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m5.252 9.975l11.66-5.552c1.7-.81 3.474.965 2.665 2.666l-5.552 11.659c-.759 1.593-3.059 1.495-3.679-.158L9.32 15.851a2 2 0 0 0-1.17-1.17l-2.74-1.027c-1.652-.62-1.75-2.92-.157-3.679\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5.252 9.975l11.66-5.552c1.7-.81 3.474.965 2.665 2.666l-5.552 11.659c-.759 1.593-3.059 1.495-3.679-.158L9.32 15.851a2 2 0 0 0-1.17-1.17l-2.74-1.027c-1.652-.62-1.75-2.92-.157-3.679\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M20.48 7.519c1.214-2.55-1.448-5.213-3.999-3.999L4.822 9.072c-2.39 1.138-2.242 4.589.237 5.518l2.739 1.027a1 1 0 0 1 .585.585l1.027 2.74c.93 2.478 4.38 2.626 5.518.236z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:location-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5.252 9.975l11.66-5.552c1.7-.81 3.474.965 2.665 2.666l-5.552 11.659c-.759 1.593-3.059 1.495-3.679-.158L9.32 15.851a2 2 0 0 0-1.17-1.17l-2.74-1.027c-1.652-.62-1.75-2.92-.157-3.679\"/></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"3\" d=\"M12 11h.01v.01H12z\"/><path stroke-width=\"2\" d=\"m12 22l5.5-5.5a7.778 7.778 0 1 0-11 0z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"3.75\" d=\"M12 11h.01v.01H12z\"/><path stroke-width=\"2.5\" d=\"m12 22l5.5-5.5a7.778 7.778 0 1 0-11 0z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17.5 16.5L12 22l-5.5-5.5a7.778 7.778 0 1 1 11 0M12 12a1 1 0 1 0 0-2a1 1 0 0 0 0 2\" clip-rule=\"evenodd\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 11h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 22l5.5-5.5a7.778 7.778 0 1 0-11 0z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M18.207 4.793A8.778 8.778 0 0 0 5.793 17.207l5.5 5.5a1 1 0 0 0 1.414 0l5.5-5.5a8.78 8.78 0 0 0 0-12.414M10.5 11A1.5 1.5 0 0 1 12 9.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"2.25\" d=\"M12 11h.01v.01H12z\"/><path stroke-width=\"1.5\" d=\"m12 22l5.5-5.5a7.778 7.778 0 1 0-11 0z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path d=\"m4 4l16 16\"/><path stroke-linejoin=\"round\" d=\"M6.023 6.022A7.78 7.78 0 0 0 6.5 16.5L12 22l5-5M9.344 3.687a7.78 7.78 0 0 1 9.969 9.969\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path d=\"m4 4l16 16\"/><path stroke-linejoin=\"round\" d=\"M6.023 6.022A7.78 7.78 0 0 0 6.5 16.5L12 22l5-5M9.344 3.687a7.78 7.78 0 0 1 9.969 9.969\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M6.5 16.5L12 22l5-5L6.022 6.022A7.78 7.78 0 0 0 6.5 16.5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6.022 6.022A7.78 7.78 0 0 0 6.5 16.5L12 22l5-5M9.344 3.687a7.78 7.78 0 0 1 9.969 9.969\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.685 4.627a6.78 6.78 0 0 1 7.108 1.58a6.78 6.78 0 0 1 1.58 7.108a1 1 0 1 0 1.88.681a8.78 8.78 0 0 0-2.046-9.203a8.78 8.78 0 0 0-9.204-2.046a1 1 0 1 0 .682 1.88m-4.982 1.49l-1.41-1.41a1 1 0 0 1 1.414-1.414L6.72 5.306l.02.02l10.96 10.96l.007.007l.007.006l2.993 2.994a1 1 0 0 1-1.414 1.414L17 18.414l-4.293 4.293a1 1 0 0 1-1.414 0l-5.5-5.5a8.78 8.78 0 0 1-1.09-11.09\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path d=\"m4 4l16 16\"/><path stroke-linejoin=\"round\" d=\"M6.022 6.022A7.78 7.78 0 0 0 6.5 16.5L12 22l5-5M9.344 3.687a7.78 7.78 0 0 1 9.969 9.969\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path d=\"m4 4l16 16\"/><path stroke-linejoin=\"round\" d=\"M6.022 6.022A7.78 7.78 0 0 0 6.5 16.5L12 22l5-5M9.344 3.687a7.78 7.78 0 0 1 9.969 9.969\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-pin-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"1.5\" d=\"M12 11h.01v.01H12z\"/><path d=\"m12 22l5.5-5.5a7.778 7.778 0 1 0-11 0z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:location-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m5.252 9.975l11.66-5.552c1.7-.81 3.474.965 2.665 2.666l-5.552 11.659c-.759 1.593-3.059 1.495-3.679-.158L9.32 15.851a2 2 0 0 0-1.17-1.17l-2.74-1.027c-1.652-.62-1.75-2.92-.157-3.679\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lock",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M8 10V7a4 4 0 1 1 8 0v3\"/><path stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lock-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M8 10V7a4 4 0 1 1 8 0v3\"/><path stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linejoin=\"round\" stroke-width=\"3.75\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lock-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M8 10V7a4 4 0 1 1 8 0v3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lock-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 7a3 3 0 1 1 6 0v2H9zM7 9V7a5 5 0 0 1 10 0v2h2a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-9a1 1 0 0 1 1-1zm6 6.5a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5h-.01a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lock-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M8 10V7a4 4 0 1 1 8 0v3\"/><path stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linejoin=\"round\" stroke-width=\"2.25\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lock-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M8 10V7a4 4 0 0 1 7.874-1\"/><path stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lock-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M8 10V7a4 4 0 0 1 7.874-1\"/><path stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linejoin=\"round\" stroke-width=\"3.75\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lock-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M8 10V7a4 4 0 0 1 7.874-1\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lock-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 7a3 3 0 0 1 5.906-.75a1 1 0 0 0 1.936-.5A5.002 5.002 0 0 0 7 7v2H5a1 1 0 0 0-1 1v9a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-9a1 1 0 0 0-1-1H9zm4 8.5a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5h-.01a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:lock-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M8 10V7a4 4 0 0 1 7.874-1\"/><path stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linejoin=\"round\" stroke-width=\"2.25\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lock-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" d=\"M8 10V7a4 4 0 0 1 7.874-1\"/><path stroke-linejoin=\"round\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:lock-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" d=\"M8 10V7a4 4 0 1 1 8 0v3\"/><path stroke-linejoin=\"round\" d=\"M5 10h14v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14.5 15.5h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-horizontal",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 6h18M3 12h18M3 18h18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-horizontal-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 6h18M3 12h18M3 18h18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-horizontal-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 6.001h18m-18 6h18m-18 6h18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-horizontal-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.5 5a1 1 0 0 0 0 2h17a1 1 0 1 0 0-2zm-1 7a1 1 0 0 1 1-1h17a1 1 0 1 1 0 2h-17a1 1 0 0 1-1-1m0 6.001a1 1 0 0 1 1-1h17a1 1 0 1 1 0 2h-17a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-horizontal-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 6.001h18m-18 6h18m-18 6h18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-horizontal-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 6.001h18m-18 6h18m-18 6h18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-vertical",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 3v18M12 3v18M6 3v18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-vertical-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M18 3v18M12 3v18M6 3v18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-vertical-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 3.001v18m-6-18v18m-6-18v18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-vertical-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M19 3.5a1 1 0 1 0-2 0v17a1 1 0 1 0 2 0zm-7-1a1 1 0 0 1 1 1v17a1 1 0 1 1-2 0v-17a1 1 0 0 1 1-1m-6 0a1 1 0 0 1 1 1v17a1 1 0 1 1-2 0v-17a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-vertical-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M18 3.001v18m-6-18v18m-6-18v18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-burger-vertical-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 3.001v18m-6-18v18m-6-18v18\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12.01 12v.01H12V12zm7 0v.01H19V12zm-14 0v.01H5V12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3.75\" d=\"M12.01 12v.01H12V12zm7 0v.01H19V12zm-14 0v.01H5V12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M12.01 12v.01H12V12zm4.5 0v.01h-.01V12zm-9 0v.01H7.5V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M12.01 12v.01H12V12zm4.5 0v.01h-.01V12zm-9 0v.01H7.5V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M7.51 12v.01H7.5V12zm4.5 0v.01H12V12zm4.5 0v.01h-.01V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7.01 0a1.5 1.5 0 0 0-1.5-1.5H7.5A1.5 1.5 0 0 0 6 12v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5zm4.5 0a1.5 1.5 0 0 0-1.5-1.5H12a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5zm3-1.5a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5h-.01a1.5 1.5 0 0 1-1.5-1.5V12a1.5 1.5 0 0 1 1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M12.01 12v.01H12V12zm4.5 0v.01h-.01V12zm-9 0v.01H7.5V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M12.01 12v.01H12V12zm4.5 0v.01h-.01V12zm-9 0v.01H7.5V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.51 12a1.5 1.5 0 0 0-1.5-1.5H5A1.5 1.5 0 0 0 3.5 12v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5zm5.5-1.5a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5V12a1.5 1.5 0 0 1 1.5-1.5zm7 0a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H19a1.5 1.5 0 0 1-1.5-1.5V12a1.5 1.5 0 0 1 1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.25\" d=\"M12.01 12v.01H12V12zm7 0v.01H19V12zm-14 0v.01H5V12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3\" d=\"M12.01 12v.01H12V12zm4.5 0v.01h-.01V12zm-9 0v.01H7.5V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3.75\" d=\"M12.01 12v.01H12V12zm4.5 0v.01h-.01V12zm-9 0v.01H7.5V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M7.51 12v.01H7.5V12zm4.5 0v.01H12V12zm4.5 0v.01h-.01V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zM9.01 12a1.5 1.5 0 0 0-1.5-1.5H7.5A1.5 1.5 0 0 0 6 12v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5zm4.5 0a1.5 1.5 0 0 0-1.5-1.5H12a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5zm3-1.5a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5h-.01a1.5 1.5 0 0 1-1.5-1.5V12a1.5 1.5 0 0 1 1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"2.25\" d=\"M12.01 12v.01H12V12zm4.5 0v.01h-.01V12zm-9 0v.01H7.5V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"1.5\" d=\"M12.01 12v.01H12V12zm4.5 0v.01h-.01V12zm-9 0v.01H7.5V12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-horizontal-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12.01 12v.01H12V12zm7 0v.01H19V12zm-14 0v.01H5V12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 12h.01v.01H12zm0-7h.01v.01H12zm0 14h.01v.01H12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3.75\" d=\"M12 12h.01v.01H12zm0-7h.01v.01H12zm0 14h.01v.01H12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M12 12h.01v.01H12zm0-4.5h.01v.01H12zm0 9h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M12 12h.01v.01H12zm0-4.5h.01v.01H12zm0 9h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 16.5h.01v.01H12zm0-4.5h.01v.01H12zm0-4.5h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8.5-4.5A1.5 1.5 0 0 1 12 6h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5zm1.5 3a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V12a1.5 1.5 0 0 0-1.5-1.5zm0 4.5a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5v-.01a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M12 12h.01v.01H12zm0-4.5h.01v.01H12zm0 9h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M12 12h.01v.01H12zm0-4.5h.01v.01H12zm0 9h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10.5 5A1.5 1.5 0 0 1 12 3.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5zm0 7a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5zm1.5 5.5a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V19a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.25\" d=\"M12 12h.01v.01H12zm0-7h.01v.01H12zm0 14h.01v.01H12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3\" d=\"M12 12h.01v.01H12zm0-4.5h.01v.01H12zm0 9h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3.75\" d=\"M12 12h.01v.01H12zm0-4.5h.01v.01H12zm0 9h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 16.5h.01v.01H12zm0-4.5h.01v.01H12zm0-4.5h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zM10.5 7.5A1.5 1.5 0 0 1 12 6h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5zm1.5 3a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V12a1.5 1.5 0 0 0-1.5-1.5zm0 4.5a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5v-.01a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"2.25\" d=\"M12 12h.01v.01H12zm0-4.5h.01v.01H12zm0 9h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"1.5\" d=\"M12 12h.01v.01H12zm0-4.5h.01v.01H12zm0 9h.01v.01H12z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:menu-kebab-vertical-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 12h.01v.01H12zm0-7h.01v.01H12zm0 14h.01v.01H12z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:microphone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"6\" height=\"11\" x=\"9\" y=\"3\" rx=\"3\"/><path d=\"M19 11a7 7 0 1 1-14 0m7 7v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><rect width=\"6\" height=\"11\" x=\"9\" y=\"3\" rx=\"3\"/><path d=\"M19 11a7 7 0 1 1-14 0m7 7v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><rect width=\"6\" height=\"11\" x=\"9\" y=\"3\" fill=\"currentColor\" opacity=\".16\" rx=\"3\"/><rect width=\"6\" height=\"11\" x=\"9\" y=\"3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" rx=\"3\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11a7 7 0 1 1-14 0m7 7v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2a4 4 0 0 0-4 4v5a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4m-7 8a1 1 0 0 1 1 1a6 6 0 0 0 12 0a1 1 0 1 1 2 0a8 8 0 0 1-7 7.938V21a1 1 0 1 1-2 0v-2.062A8 8 0 0 1 4 11a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><rect width=\"6\" height=\"11\" x=\"9\" y=\"3\" rx=\"3\"/><path d=\"M19 11a7 7 0 1 1-14 0m7 7v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M19 11c0 .71-.106 1.395-.302 2.04M12 18a7 7 0 0 1-7-7m7 7v3m0-3a6.97 6.97 0 0 0 4.425-1.576M9.714 4.057A3 3 0 0 1 15 6v3.343M9 9v2a3 3 0 0 0 4.562 2.562\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M19 11c0 .71-.106 1.395-.302 2.04M12 18a7 7 0 0 1-7-7m7 7v3m0-3a6.97 6.97 0 0 0 4.425-1.576M9.714 4.057A3 3 0 0 1 15 6v3.343M9 9v2a3 3 0 0 0 4.562 2.562\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M9 11a3 3 0 0 0 4.562 2.562L9 9z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11c0 .71-.106 1.395-.302 2.04M12 18a7 7 0 0 1-7-7m7 7v3m0-3a6.97 6.97 0 0 0 4.425-1.576M9.714 4.057A3 3 0 0 1 15 6v3.343M9 9v2a3 3 0 0 0 4.562 2.562\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.953 3.409A4 4 0 0 1 16 6v3.343a1 1 0 1 1-2 0V6a2 2 0 0 0-3.524-1.295a1 1 0 0 1-1.524-1.296m5.336 9.465l-.04-.04L9.72 8.306l-.026-.026l-4.987-4.987a1 1 0 0 0-1.414 1.414L8 9.414V11a4 4 0 0 0 5.351 3.766l1.51 1.51A6 6 0 0 1 6 11a1 1 0 1 0-2-.001a8 8 0 0 0 7 7.938V21a1 1 0 1 0 2 0v-2.062a7.96 7.96 0 0 0 3.32-1.204l2.973 2.973a1 1 0 0 0 1.414-1.414l-3.559-3.56l-.034-.033zM19 10a1 1 0 0 1 1 1c0 .81-.12 1.593-.346 2.332a1 1 0 1 1-1.913-.582c.168-.553.259-1.14.259-1.75a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"M19 11c0 .71-.106 1.395-.302 2.04M12 18a7 7 0 0 1-7-7m7 7v3m0-3a6.97 6.97 0 0 0 4.425-1.576M9.714 4.057A3 3 0 0 1 15 6v3.343M9 9v2a3 3 0 0 0 4.562 2.562\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path stroke-linejoin=\"round\" d=\"M19 11c0 .71-.106 1.395-.302 2.04M12 18a7 7 0 0 1-7-7m7 7v3m0-3a6.97 6.97 0 0 0 4.425-1.576M9.714 4.057A3 3 0 0 1 15 6v3.343M9 9v2a3 3 0 0 0 4.562 2.562\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:microphone-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"6\" height=\"11\" x=\"9\" y=\"3\" rx=\"3\"/><path d=\"M19 11a7 7 0 1 1-14 0m7 7v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mode-dark",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m20.996 11.712l.999-.032a1 1 0 0 0-1.284-.927zm-8.707-8.707l.958.284a1 1 0 0 0-.927-1.284zm8.422 7.748A6 6 0 0 1 19 11v2a8 8 0 0 0 2.28-.33zM19 11a6 6 0 0 1-6-6h-2a8 8 0 0 0 8 8zm-6-6c0-.596.087-1.17.247-1.71l-1.917-.57A8 8 0 0 0 11 5zm-1-1q.13 0 .257.004l.063-1.999A10 10 0 0 0 12 2zm-8 8a8 8 0 0 1 8-8V2C6.477 2 2 6.477 2 12zm8 8a8 8 0 0 1-8-8H2c0 5.523 4.477 10 10 10zm8-8a8 8 0 0 1-8 8v2c5.523 0 10-4.477 10-10zm-.004-.257Q20 11.87 20 12h2q0-.16-.005-.32z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:mode-dark-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m20.996 11.712l1.249-.04a1.25 1.25 0 0 0-1.605-1.159zm-8.707-8.707l1.198.355a1.25 1.25 0 0 0-1.16-1.605zm8.35 7.508A5.8 5.8 0 0 1 19 10.75v2.5a8.3 8.3 0 0 0 2.351-.34zM19 10.75A5.75 5.75 0 0 1 13.25 5h-2.5A8.25 8.25 0 0 0 19 13.25zM13.25 5c0-.572.083-1.122.237-1.64l-2.397-.71A8.3 8.3 0 0 0 10.75 5zM12 4.25q.124 0 .25.004l.078-2.499A10 10 0 0 0 12 1.75zM4.25 12A7.75 7.75 0 0 1 12 4.25v-2.5C6.34 1.75 1.75 6.34 1.75 12zM12 19.75A7.75 7.75 0 0 1 4.25 12h-2.5c0 5.66 4.59 10.25 10.25 10.25zM19.75 12A7.75 7.75 0 0 1 12 19.75v2.5c5.66 0 10.25-4.59 10.25-10.25zm-.004-.25q.004.126.004.25h2.5q0-.165-.005-.328z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:mode-dark-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M12 21a9 9 0 0 0 8.997-9.252a7 7 0 0 1-10.371-8.643A9 9 0 0 0 12 21\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9 9 0 0 0 8.997-9.252a7 7 0 0 1-10.371-8.643A9 9 0 0 0 12 21\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mode-dark-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.535 3.519a1 1 0 0 0-1.061-1.403C5.675 2.852 2 6.996 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10l-.004-.28a1 1 0 0 0-1.571-.793a6 6 0 0 1-8.89-7.409\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:mode-dark-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 21a9 9 0 0 0 8.997-9.252a7 7 0 0 1-10.371-8.643A9 9 0 0 0 12 21\"/></svg>"
+  },
+  {
+    "name": "iconamoon:mode-dark-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 21a9 9 0 0 0 8.997-9.252a7 7 0 0 1-10.371-8.643A9 9 0 0 0 12 21\"/></svg>"
+  },
+  {
+    "name": "iconamoon:mode-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"4\" stroke-linejoin=\"round\"/><path stroke-linecap=\"round\" d=\"M20 12h1M3 12h1m8 8v1m0-18v1m5.657 13.657l.707.707M5.636 5.636l.707.707m0 11.314l-.707.707M18.364 5.636l-.707.707\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mode-light-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"4\" stroke-linejoin=\"round\"/><path stroke-linecap=\"round\" d=\"M20 12h1M3 12h1m8 8v1m0-18v1m5.657 13.657l.707.707M5.636 5.636l.707.707m0 11.314l-.707.707M18.364 5.636l-.707.707\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mode-light-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M20 12h1M3 12h1m8 8v1m0-18v1m5.657 13.657l.707.707M5.636 5.636l.707.707m0 11.314l-.707.707M18.364 5.636l-.707.707\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mode-light-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1M2 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m17 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1m-6 8a1 1 0 1 0-2 0v1a1 1 0 1 0 2 0zm5.364-3.05a1 1 0 1 0-1.414 1.414l.707.707a1 1 0 0 0 1.414-1.414zM4.929 4.929a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414M7.05 18.364a1 1 0 1 0-1.414-1.414l-.707.707a1 1 0 1 0 1.414 1.414zM19.071 4.929a1 1 0 0 1 0 1.414l-.707.707a1 1 0 1 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 0M7 12a5 5 0 1 1 10 0a5 5 0 0 1-10 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:mode-light-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"4\" stroke-linejoin=\"round\"/><path stroke-linecap=\"round\" d=\"M20 12h1M3 12h1m8 8v1m0-18v1m5.657 13.657l.707.707M5.636 5.636l.707.707m0 11.314l-.707.707M18.364 5.636l-.707.707\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mode-light-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"4\" stroke-linejoin=\"round\"/><path stroke-linecap=\"round\" d=\"M20 12h1M3 12h1m8 8v1m0-18v1m5.657 13.657l.707.707M5.636 5.636l.707.707m0 11.314l-.707.707M18.364 5.636l-.707.707\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mouse",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 9a6 6 0 0 1 12 0v6a6 6 0 0 1-12 0z\"/><path stroke-linecap=\"round\" d=\"M12 7v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mouse-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M6 9a6 6 0 0 1 12 0v6a6 6 0 0 1-12 0z\"/><path stroke-linecap=\"round\" d=\"M12 7v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mouse-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M6 9a6 6 0 1 1 12 0v6a6 6 0 0 1-12 0z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 9a6 6 0 0 1 12 0v6a6 6 0 0 1-12 0z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 7v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mouse-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 9a7 7 0 0 1 14 0v6a7 7 0 1 1-14 0zm8-2a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:mouse-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M6 9a6 6 0 0 1 12 0v6a6 6 0 0 1-12 0z\"/><path stroke-linecap=\"round\" d=\"M12 7v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:mouse-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M6 9a6 6 0 0 1 12 0v6a6 6 0 0 1-12 0z\"/><path stroke-linecap=\"round\" d=\"M12 7v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:move",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 5l-2-2m0 0l-2 2m2-2v18m0 0l2-2m-2 2l-2-2m9-5l2-2m0 0l-2-2m2 2H3m0 0l2 2m-2-2l2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:move-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m14 5l-2-2m0 0l-2 2m2-2v18m0 0l2-2m-2 2l-2-2m9-5l2-2m0 0l-2-2m2 2H3m0 0l2 2m-2-2l2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:move-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 5l-2-2m0 0l-2 2m2-2v18m0 0l2-2m-2 2l-2-2m9-5l2-2m0 0l-2-2m2 2H3m0 0l2 2m-2-2l2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:move-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12.707 2.293a1 1 0 0 0-1.414 0l-2 2A1 1 0 0 0 10 6h1v5H6v-1a1 1 0 0 0-1.707-.707l-2 2a1 1 0 0 0 0 1.414l2 2A1 1 0 0 0 6 14v-1h5v5h-1a1 1 0 0 0-.707 1.707l2 2a1 1 0 0 0 1.414 0l2-2A1 1 0 0 0 14 18h-1v-5h5v1a1 1 0 0 0 1.707.707l2-2a1 1 0 0 0 0-1.414l-2-2A1 1 0 0 0 18 10v1h-5V6h1a1 1 0 0 0 .707-1.707z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:move-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m14 5l-2-2m0 0l-2 2m2-2v18m0 0l2-2m-2 2l-2-2m9-5l2-2m0 0l-2-2m2 2H3m0 0l2 2m-2-2l2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:move-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m14 5l-2-2m0 0l-2 2m2-2v18m0 0l2-2m-2 2l-2-2m9-5l2-2m0 0l-2-2m2 2H3m0 0l2 2m-2-2l2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:music-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"9\" cy=\"18\" r=\"3\"/><path d=\"M12 18V3m0 0l6 1v4l-6-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"9\" cy=\"18\" r=\"3\"/><path d=\"M12 18V3m0 0l6 1v4l-6-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"9\" cy=\"18\" r=\"3\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"9\" cy=\"18\" r=\"3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18V3m0 0l6 1v4l-6-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.972 2A.996.996 0 0 0 11 3v11.535A4 4 0 1 0 13 18V8.18l4.836.806A1 1 0 0 0 19 8V4a1 1 0 0 0-.836-.986l-5.981-.997A1 1 0 0 0 11.972 2\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:music-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"9\" cy=\"18\" r=\"3\"/><path d=\"M12 18V3m0 0l6 1v4l-6-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"18\" r=\"3\"/><path d=\"M12 18V3m0 0l6 1v4l-6-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><circle cx=\"6\" cy=\"18\" r=\"3\" stroke-linejoin=\"round\"/><path stroke-linejoin=\"round\" d=\"M9 18V5\"/><path d=\"M21 3L9 5m12 2L9 9\"/><circle cx=\"18\" cy=\"16\" r=\"3\" stroke-linejoin=\"round\"/><path stroke-linejoin=\"round\" d=\"M21 16V3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><circle cx=\"6\" cy=\"18\" r=\"3\" stroke-linejoin=\"round\"/><path stroke-linejoin=\"round\" d=\"M9 18V5\"/><path d=\"M21 3L9 5m12 2L9 9\"/><circle cx=\"18\" cy=\"16\" r=\"3\" stroke-linejoin=\"round\"/><path stroke-linejoin=\"round\" d=\"M21 16V3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M9 9V5l12-2v4z\" opacity=\".16\"/><circle cx=\"6\" cy=\"18\" r=\"3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 18V5\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M21 3L9 5m12 2L9 9\"/><circle cx=\"18\" cy=\"16\" r=\"3\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 16V3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M22 7.019v-4a1 1 0 0 0-.354-.782a1 1 0 0 0-.829-.22L8.852 4.01A1 1 0 0 0 8 5.017v9.519A4 4 0 1 0 10 18V9.846L20 8.18v4.355A4 4 0 1 0 22 16z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:music-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><circle cx=\"6\" cy=\"18\" r=\"3\" stroke-linejoin=\"round\"/><path stroke-linejoin=\"round\" d=\"M9 18V5\"/><path d=\"M21 3L9 5m12 2L9 9\"/><circle cx=\"18\" cy=\"16\" r=\"3\" stroke-linejoin=\"round\"/><path stroke-linejoin=\"round\" d=\"M21 16V3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><circle cx=\"6\" cy=\"18\" r=\"3\" stroke-linejoin=\"round\"/><path stroke-linejoin=\"round\" d=\"M9 18V5\"/><path d=\"M21 3L9 5m12 2L9 9\"/><circle cx=\"18\" cy=\"16\" r=\"3\" stroke-linejoin=\"round\"/><path stroke-linejoin=\"round\" d=\"M21 16V3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-album",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"2\"/><circle cx=\"18\" cy=\"9\" r=\"2\"/><path d=\"M15.318 3.631a9 9 0 1 0 5.368 10.736M20 9V2l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-album-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"2\"/><circle cx=\"18\" cy=\"9\" r=\"2\"/><path d=\"M15.318 3.631a9 9 0 1 0 5.368 10.736M20 9V2l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-album-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"2\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><circle cx=\"18\" cy=\"9\" r=\"2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.318 3.631a9 9 0 1 0 5.368 10.736M20 9V2l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-album-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M20.707 1.293A1 1 0 0 0 19 2v4.17A3 3 0 1 0 21 9V4.414l.293.293a1 1 0 1 0 1.414-1.414zM12 4a8 8 0 1 0 7.72 10.105a1 1 0 1 1 1.93.524C20.497 18.876 16.615 22 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2c1.3 0 2.545.249 3.687.702a1 1 0 0 1-.738 1.859A8 8 0 0 0 12 4m0 7a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-3 1a3 3 0 1 1 6 0a3 3 0 0 1-6 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:music-album-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"2\"/><circle cx=\"18\" cy=\"9\" r=\"2\"/><path d=\"M15.318 3.631a9 9 0 1 0 5.368 10.736M20 9V2l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-album-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\"/><circle cx=\"18\" cy=\"9\" r=\"2\"/><path d=\"M15.318 3.631a9 9 0 1 0 5.368 10.736M20 9V2l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-artist",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"7\" r=\"3\"/><circle cx=\"18\" cy=\"18\" r=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.341 20H6a2 2 0 0 1-2-2a4 4 0 0 1 4-4h5.528M20 18v-7l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-artist-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"7\" r=\"3\"/><circle cx=\"18\" cy=\"18\" r=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.341 20H6a2 2 0 0 1-2-2a4 4 0 0 1 4-4h5.528M20 18v-7l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-artist-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"7\" r=\"3\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"7\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"18\" cy=\"18\" r=\"2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12.341 20H6a2 2 0 0 1-2-2a4 4 0 0 1 4-4h5.528M20 18v-7l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-artist-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 3a4 4 0 1 0 0 8a4 4 0 0 0 0-8m3 15a3 3 0 0 1 4-2.83V11a1 1 0 0 1 1.707-.707l2 2a1 1 0 0 1-1.414 1.414L21 13.414V18a3 3 0 1 1-6 0M3 18a5 5 0 0 1 5-5h5.528a1 1 0 1 1 0 2H8a3 3 0 0 0-3 3a1 1 0 0 0 1 1h6.341a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:music-artist-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"7\" r=\"3\"/><circle cx=\"18\" cy=\"18\" r=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.341 20H6a2 2 0 0 1-2-2a4 4 0 0 1 4-4h5.528M20 18v-7l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:music-artist-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"7\" r=\"3\"/><circle cx=\"18\" cy=\"18\" r=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12.341 20H6a2 2 0 0 1-2-2a4 4 0 0 1 4-4h5.528M20 18v-7l2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:neutral-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M9 15h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:neutral-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"/><path stroke-linejoin=\"round\" stroke-width=\"3.75\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M9 15h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:neutral-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M9 15h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:neutral-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7-4a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5A1.5 1.5 0 0 0 9.01 8zm6 0a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5a1.5 1.5 0 0 0-1.5-1.5zm-7 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:neutral-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"/><path stroke-linejoin=\"round\" stroke-width=\"2.25\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M9 15h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:neutral-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/><path stroke-linecap=\"round\" d=\"M9 15h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:news",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 4v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8h-4\"/><path d=\"M3 4h14v14a2 2 0 0 0 2 2v0M13 8H7m6 4H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:news-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M3 4v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8h-4\"/><path d=\"M3 4h14v14a2 2 0 0 0 2 2v0M13 8H7m6 4H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:news-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 4h14v16H5a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 4v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8h-4\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 4h14v14a2 2 0 0 0 2 2v0M13 8H7m6 4H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:news-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M18 4v3h3a1 1 0 0 1 1 1v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1m2 14a1 1 0 1 1-2 0V9h2zM6 8a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1m2 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:news-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 4v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8h-4\"/><path d=\"M3 4h14v14a2 2 0 0 0 2 2v0M13 8H7m6 4H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:news-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 4v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8h-4\"/><path d=\"M3 4h14v14a2 2 0 0 0 2 2v0M13 8H7m6 4H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 19v-9a6 6 0 0 1 6-6v0a6 6 0 0 1 6 6v9M6 19h12M6 19H4m14 0h2m-9 3h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 19v-9a6 6 0 0 1 6-6v0a6 6 0 0 1 6 6v9M6 19h12M6 19H4m14 0h2m-9 3h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M6 10v9h12v-9a6 6 0 0 0-12 0\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 19v-9a6 6 0 0 1 6-6v0a6 6 0 0 1 6 6v9M6 19h12M6 19H4m14 0h2m-9 3h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\" stroke=\"currentColor\" stroke-width=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 1a2 2 0 0 0-1.98 2.284A7 7 0 0 0 5 10v8H4a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2h-1v-8a7 7 0 0 0-5.02-6.716Q14 3.144 14 3a2 2 0 0 0-2-2m2 21a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h2a1 1 0 0 1 1 1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:notification-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 19v-9a6 6 0 0 1 6-6v0a6 6 0 0 1 6 6v9M6 19h12M6 19H4m14 0h2m-9 3h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 22h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 19v-9c0-1.144.32-2.214.876-3.124M6 19h12M6 19H4m14 0v-1m0 1h1M9.999 4.342A6 6 0 0 1 18 10v2.343\"/><path stroke-linecap=\"round\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 22h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 19v-9c0-1.144.32-2.214.876-3.124M6 19h12M6 19H4m14 0v-1m0 1h1M9.999 4.342A6 6 0 0 1 18 10v2.343\"/><path stroke-linecap=\"round\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M6 10v9h12v-1L6.876 6.876A5.97 5.97 0 0 0 6 10\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 22h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\" stroke=\"currentColor\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.999 4.342A6 6 0 0 1 18 10v2.343M6 19v-9c0-1.144.32-2.214.876-3.124M6 19h12M6 19H4m14 0v-1m0 1h1\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10 3a2 2 0 1 1 3.98.284A7 7 0 0 1 19 10v2.343a1 1 0 0 1-2 0V10a5 5 0 0 0-6.668-4.715a1 1 0 0 1-.667-1.886q.175-.062.355-.115A2 2 0 0 1 10 3M7.604 6.19l11.09 11.09l.026.026l.981.98l.012.013l.994.994a1 1 0 0 1-1.414 1.414L18.586 20H4a1 1 0 1 1 0-2h1v-8a7 7 0 0 1 .646-2.94L3.293 4.707a1 1 0 0 1 1.414-1.414L7.564 6.15zM13 23a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:notification-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 22h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 19v-9c0-1.144.32-2.214.876-3.124M6 19h12M6 19H4m14 0v-1m0 1h1M9.999 4.342A6 6 0 0 1 18 10v2.343\"/><path stroke-linecap=\"round\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 22h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 19v-9c0-1.144.32-2.214.876-3.124M6 19h12M6 19H4m14 0v-1m0 1h1M9.999 4.342A6 6 0 0 1 18 10v2.343\"/><path stroke-linecap=\"round\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:notification-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 19v-9a6 6 0 0 1 6-6v0a6 6 0 0 1 6 6v9M6 19h12M6 19H4m14 0h2m-9 3h2\"/><circle cx=\"12\" cy=\"3\" r=\"1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 20a5 5 0 0 0 5-5V9A5 5 0 0 0 7 9v6a5 5 0 0 0 5 5Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 20a5 5 0 0 0 5-5V9A5 5 0 0 0 7 9v6a5 5 0 0 0 5 5Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8-1.875C10 8.913 10.934 8 12 8s2 .913 2 2.125v3.75C14 15.088 13.066 16 12 16s-2-.912-2-2.125zM12 6c-2.247 0-4 1.886-4 4.125v3.75C8 16.115 9.753 18 12 18s4-1.886 4-4.125v-3.75C16 7.885 14.247 6 12 6\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M12 20a5 5 0 0 0 5-5V9A5 5 0 0 0 7 9v6a5 5 0 0 0 5 5\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 20a5 5 0 0 0 5-5V9A5 5 0 0 0 7 9v6a5 5 0 0 0 5 5Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 5a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0V9a4 4 0 0 0-4-4M6 9a6 6 0 1 1 12 0v6a6 6 0 0 1-12 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 20a5 5 0 0 0 5-5V9A5 5 0 0 0 7 9v6a5 5 0 0 0 5 5Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm7 6.124C10 8.913 10.934 8 12 8s2 .913 2 2.125v3.75C14 15.088 13.066 16 12 16s-2-.912-2-2.125zM12 6c-2.247 0-4 1.886-4 4.125v3.75C8 16.115 9.753 18 12 18s4-1.886 4-4.125v-3.75C16 7.885 14.247 6 12 6\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M12 17c1.657 0 3-1.4 3-3.125v-3.75C15 8.399 13.657 7 12 7s-3 1.4-3 3.125v3.75C9 15.601 10.343 17 12 17Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-0-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M12 20a5 5 0 0 0 5-5V9A5 5 0 0 0 7 9v6a5 5 0 0 0 5 5Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 20V4L9 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 20V4L9 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M12.5 17V7l-2 2\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M12.5 17V7l-2 2\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12.5 17V7l-2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m11.5-5a1 1 0 0 0-1.707-.707l-2 2a1 1 0 0 0 1.414 1.414l.293-.293V17a1 1 0 1 0 2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12.5 17V7l-2 2\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12.5 17V7l-2 2\"/><circle cx=\"12\" cy=\"12\" r=\"9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12.383 3.076A1 1 0 0 1 13 4v16a1 1 0 1 1-2 0V6.414L9.707 7.707a1 1 0 0 1-1.414-1.414l3-3a1 1 0 0 1 1.09-.217\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 20V4L9 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M12.5 17V7l-2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M12.5 17V7l-2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12.5 17V7l-2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zM13.5 7a1 1 0 0 0-1.707-.707l-2 2a1 1 0 0 0 1.414 1.414l.293-.293V17a1 1 0 1 0 2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M12.5 17V7l-2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M12.5 17V7l-2 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 20V4L9 7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 8a4 4 0 1 1 6.828 2.828l-5.656 5.657A4 4 0 0 0 8 19.314V20h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M8 8a4 4 0 1 1 6.828 2.828l-5.656 5.657A4 4 0 0 0 8 19.314V20h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8.5-2.5a1.5 1.5 0 1 1 2.56 1.06l-3.828 3.83a2.5 2.5 0 0 0-.732 1.767V17a1 1 0 0 0 1 1h5a1 1 0 1 0 0-2h-3.975a.5.5 0 0 1 .121-.197l3.829-3.828A3.5 3.5 0 1 0 8.5 9.5a1 1 0 1 0 2 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 8a4 4 0 1 1 6.828 2.828l-5.656 5.657A4 4 0 0 0 8 19.314V20h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M14.121 5.879A3 3 0 0 0 9 8a1 1 0 0 1-2 0a5 5 0 1 1 8.535 3.535L9.88 17.193A3 3 0 0 0 9.016 19H16a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1v-.686a5 5 0 0 1 1.464-3.536l5.657-5.657a3 3 0 0 0 0-4.242\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 8a4 4 0 1 1 6.828 2.828l-5.656 5.657A4 4 0 0 0 8 19.314V20h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm7.94 4.438a1.5 1.5 0 0 1 2.12 2.122l-3.828 3.828a2.5 2.5 0 0 0-.732 1.768V17a1 1 0 0 0 1 1h5a1 1 0 1 0 0-2h-3.975a.5.5 0 0 1 .121-.197l3.829-3.828A3.5 3.5 0 1 0 8.5 9.5a1 1 0 1 0 2 0c0-.385.146-.768.44-1.06\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9.5 9.5a2.5 2.5 0 1 1 4.268 1.768l-3.829 3.828a1.5 1.5 0 0 0-.439 1.06V17h5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 8a4 4 0 1 1 6.828 2.828l-5.656 5.657A4 4 0 0 0 8 19.314V20h8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-3",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 19a5 5 0 1 0 3-9l5-6H8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M8 19a5 5 0 1 0 3-9l5-6H8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8-6a1 1 0 0 0 0 2h3l-1.8 2.4A1 1 0 0 0 12 12a2 2 0 1 1-1.333 3.491a1 1 0 1 0-1.334 1.49a4 4 0 1 0 4.379-6.597L15.8 7.6A1 1 0 0 0 15 6z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 4a1 1 0 0 1 1-1h8a1 1 0 0 1 .768 1.64l-3.884 4.662A6 6 0 1 1 7.4 19.8a1 1 0 1 1 1.2-1.6A4 4 0 1 0 11 11a1 1 0 0 1-.768-1.64L13.865 5H8a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 19a5 5 0 1 0 3-9l5-6H8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zM10 6a1 1 0 0 0 0 2h3l-1.8 2.4A1 1 0 0 0 12 12a2 2 0 1 1-1.333 3.491a1 1 0 1 0-1.334 1.49a4 4 0 1 0 4.379-6.597L15.8 7.6A1 1 0 0 0 15 6z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M10 16.236A3 3 0 1 0 12 11l3-4h-5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-3-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 19a5 5 0 1 0 3-9l5-6H8\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-4",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 4l-1.522 7.608A2 2 0 0 0 10.44 14H16m0 0V8m0 6v6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m10 4l-1.522 7.608A2 2 0 0 0 10.44 14H16m0 0V8m0 6v6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m9.462-4.725a1 1 0 1 0-1.924-.55l-1.271 4.45A3 3 0 0 0 11.152 15H13.5v2a1 1 0 1 0 2 0v-7a1 1 0 1 0-2 0v3h-2.348a1 1 0 0 1-.962-1.275z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10.196 3.02a1 1 0 0 1 .785 1.176l-1.522 7.608a1 1 0 0 0 .98 1.196H15V8a1 1 0 1 1 2 0v12a1 1 0 1 1-2 0v-5h-4.56a3 3 0 0 1-2.942-3.588l1.521-7.608a1 1 0 0 1 1.177-.785\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m10 4l-1.522 7.608A2 2 0 0 0 10.44 14H16m0 0V8m0 6v6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm8.462 3.274a1 1 0 1 0-1.924-.55l-1.271 4.45A3 3 0 0 0 11.152 15H13.5v2a1 1 0 1 0 2 0v-7a1 1 0 1 0-2 0v3h-2.348a1 1 0 0 1-.962-1.275z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"m10.5 7l-1.272 4.45A2 2 0 0 0 11.152 14H14.5m0 0v-4m0 4v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-4-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m10 4l-1.522 7.608A2 2 0 0 0 10.44 14H16m0 0V8m0 6v6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-5",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 19a5 5 0 1 0 0-8l1-7h7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M8 19a5 5 0 1 0 0-8l1-7h7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8.5-6a1 1 0 0 0-.979.795l-1 4.764a1 1 0 0 0 1.646.95a2 2 0 1 1 0 2.982a1 1 0 1 0-1.334 1.49a4 4 0 1 0 2.049-6.934L11.312 8H14.5a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.01 3.859A1 1 0 0 1 9 3h7a1 1 0 1 1 0 2H9.867L9.26 9.257A6 6 0 1 1 7.4 19.8a1 1 0 1 1 1.202-1.6a4 4 0 1 0 0-6.402a1 1 0 0 1-1.59-.94z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 19a5 5 0 1 0 0-8l1-7h7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zM10.5 6a1 1 0 0 0-.979.795l-1 4.764a1 1 0 0 0 1.646.95a2 2 0 1 1 0 2.982a1 1 0 1 0-1.334 1.49a4 4 0 1 0 2.049-6.934L11.312 8H14.5a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9.5 16.236a3 3 0 1 0 0-4.472L10.5 7h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-5-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 19a5 5 0 1 0 0-8l1-7h7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-6",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M13.847 4.532a1 1 0 1 0-1.694-1.064zm-6.92 7.264A1 1 0 0 0 8.62 12.86zM16 15a4 4 0 0 1-4 4v2a6 6 0 0 0 6-6zm-4 4a4 4 0 0 1-4-4H6a6 6 0 0 0 6 6zm-4-4a4 4 0 0 1 4-4V9a6 6 0 0 0-6 6zm4-4a4 4 0 0 1 4 4h2a6 6 0 0 0-6-6zm.153-7.532l-5.227 8.328L8.62 12.86l5.227-8.328z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M14.059 4.665a1.25 1.25 0 0 0-2.118-1.33zm-7.345 6.998a1.25 1.25 0 0 0 2.118 1.33zM15.75 15A3.75 3.75 0 0 1 12 18.75v2.5A6.25 6.25 0 0 0 18.25 15zM12 18.75A3.75 3.75 0 0 1 8.25 15h-2.5A6.25 6.25 0 0 0 12 21.25zM8.25 15A3.75 3.75 0 0 1 12 11.25v-2.5A6.25 6.25 0 0 0 5.75 15zM12 11.25A3.75 3.75 0 0 1 15.75 15h2.5A6.25 6.25 0 0 0 12 8.75zm-.059-7.914l-5.227 8.327l2.118 1.33l5.227-8.328z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path fill=\"currentColor\" d=\"M13.836 7.548a1 1 0 1 0-1.672-1.096zM8.64 11.831a1 1 0 0 0 1.672 1.096zM14 14a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2 2a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zm-2-2a2 2 0 0 1 2-2v-2a4 4 0 0 0-4 4zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm.164-5.548l-3.525 5.38l1.672 1.095l3.525-5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"/><path fill=\"currentColor\" d=\"M14.046 7.685a1.25 1.25 0 0 0-2.092-1.37zm-5.617 4.01a1.25 1.25 0 1 0 2.092 1.37zM13.75 14A1.75 1.75 0 0 1 12 15.75v2.5A4.25 4.25 0 0 0 16.25 14zM12 15.75A1.75 1.75 0 0 1 10.25 14h-2.5A4.25 4.25 0 0 0 12 18.25zM10.25 14c0-.966.784-1.75 1.75-1.75v-2.5A4.25 4.25 0 0 0 7.75 14zM12 12.25c.966 0 1.75.784 1.75 1.75h2.5A4.25 4.25 0 0 0 12 9.75zm-.046-5.935l-3.525 5.38l2.092 1.37l3.524-5.38z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path fill=\"currentColor\" d=\"M13.836 7.548a1 1 0 1 0-1.672-1.096zM8.64 11.831a1 1 0 0 0 1.672 1.096zM14 14a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2 2a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zm-2-2a2 2 0 0 1 2-2v-2a4 4 0 0 0-4 4zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm.164-5.548l-3.525 5.38l1.672 1.095l3.525-5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m11.836-4.452a1 1 0 1 0-1.672-1.096l-3.489 5.323a4 4 0 1 0 3.55-1.769zM10 14a2 2 0 1 1 4 0a2 2 0 0 1-4 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"/><path fill=\"currentColor\" d=\"M13.627 7.411a.75.75 0 0 0-1.254-.822zm-4.78 4.557a.75.75 0 0 0 1.255.822zM14.25 14A2.25 2.25 0 0 1 12 16.25v1.5A3.75 3.75 0 0 0 15.75 14zM12 16.25A2.25 2.25 0 0 1 9.75 14h-1.5A3.75 3.75 0 0 0 12 17.75zM9.75 14A2.25 2.25 0 0 1 12 11.75v-1.5A3.75 3.75 0 0 0 8.25 14zM12 11.75A2.25 2.25 0 0 1 14.25 14h1.5A3.75 3.75 0 0 0 12 10.25zm.373-5.161l-3.525 5.38l1.254.821l3.525-5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"currentColor\" d=\"M13.418 7.274a.5.5 0 0 0-.836-.548zm-4.361 4.831a.5.5 0 1 0 .836.548zM14.5 14a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5zM12 16.5A2.5 2.5 0 0 1 9.5 14h-1a3.5 3.5 0 0 0 3.5 3.5zM9.5 14a2.5 2.5 0 0 1 2.5-2.5v-1A3.5 3.5 0 0 0 8.5 14zm2.5-2.5a2.5 2.5 0 0 1 2.5 2.5h1a3.5 3.5 0 0 0-3.5-3.5zm.582-4.774l-3.525 5.38l.836.547l3.525-5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"currentColor\"><path d=\"M17 15a5 5 0 1 1-10 0a5 5 0 0 1 10 0\" opacity=\".16\"/><path d=\"M13.847 4.532a1 1 0 1 0-1.694-1.064zm-6.92 7.264A1 1 0 0 0 8.62 12.86zM16 15a4 4 0 0 1-4 4v2a6 6 0 0 0 6-6zm-4 4a4 4 0 0 1-4-4H6a6 6 0 0 0 6 6zm-4-4a4 4 0 0 1 4-4V9a6 6 0 0 0-6 6zm4-4a4 4 0 0 1 4 4h2a6 6 0 0 0-6-6zm.153-7.532l-5.227 8.328L8.62 12.86l5.227-8.328z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M13.532 3.153a1 1 0 0 1 .315 1.379l-2.858 4.553a6 6 0 1 1-4.05 2.691l5.214-8.308a1 1 0 0 1 1.379-.315M12 11a4 4 0 1 0 0 8a4 4 0 0 0 0-8\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M13.635 4.399a.75.75 0 0 0-1.27-.798zm-6.497 7.53a.75.75 0 0 0 1.27.798zM16.25 15A4.25 4.25 0 0 1 12 19.25v1.5A5.75 5.75 0 0 0 17.75 15zM12 19.25A4.25 4.25 0 0 1 7.75 15h-1.5A5.75 5.75 0 0 0 12 20.75zM7.75 15A4.25 4.25 0 0 1 12 10.75v-1.5A5.75 5.75 0 0 0 6.25 15zM12 10.75A4.25 4.25 0 0 1 16.25 15h1.5A5.75 5.75 0 0 0 12 9.25zm.365-7.149L7.138 11.93l1.27.798L13.635 4.4z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M13.836 7.548a1 1 0 1 0-1.672-1.096zM8.64 11.831a1 1 0 0 0 1.672 1.096zM14 14a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2 2a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zm-2-2a2 2 0 0 1 2-2v-2a4 4 0 0 0-4 4zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm.164-5.548l-3.525 5.38l1.672 1.095l3.525-5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M14.046 7.685a1.25 1.25 0 0 0-2.092-1.37zm-5.617 4.01a1.25 1.25 0 1 0 2.092 1.37zM13.75 14A1.75 1.75 0 0 1 12 15.75v2.5A4.25 4.25 0 0 0 16.25 14zM12 15.75A1.75 1.75 0 0 1 10.25 14h-2.5A4.25 4.25 0 0 0 12 18.25zM10.25 14c0-.966.784-1.75 1.75-1.75v-2.5A4.25 4.25 0 0 0 7.75 14zM12 12.25c.966 0 1.75.784 1.75 1.75h2.5A4.25 4.25 0 0 0 12 9.75zm-.046-5.935l-3.525 5.38l2.092 1.37l3.524-5.38z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M13.836 7.548a1 1 0 1 0-1.672-1.096zM8.64 11.831a1 1 0 0 0 1.672 1.096zM14 14a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2 2a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zm-2-2a2 2 0 0 1 2-2v-2a4 4 0 0 0-4 4zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm.164-5.548l-3.525 5.38l1.672 1.095l3.525-5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm10.836 3.547a1 1 0 1 0-1.672-1.096l-3.489 5.323a4 4 0 1 0 3.55-1.769zM10 14a2 2 0 1 1 4 0a2 2 0 0 1-4 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M13.627 7.411a.75.75 0 0 0-1.254-.822zm-4.78 4.557a.75.75 0 0 0 1.255.822zM14.25 14A2.25 2.25 0 0 1 12 16.25v1.5A3.75 3.75 0 0 0 15.75 14zM12 16.25A2.25 2.25 0 0 1 9.75 14h-1.5A3.75 3.75 0 0 0 12 17.75zM9.75 14A2.25 2.25 0 0 1 12 11.75v-1.5A3.75 3.75 0 0 0 8.25 14zM12 11.75A2.25 2.25 0 0 1 14.25 14h1.5A3.75 3.75 0 0 0 12 10.25zm.373-5.161l-3.525 5.38l1.254.821l3.525-5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M13.418 7.274a.5.5 0 0 0-.836-.548zm-4.361 4.831a.5.5 0 1 0 .836.548zM14.5 14a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5zM12 16.5A2.5 2.5 0 0 1 9.5 14h-1a3.5 3.5 0 0 0 3.5 3.5zM9.5 14a2.5 2.5 0 0 1 2.5-2.5v-1A3.5 3.5 0 0 0 8.5 14zm2.5-2.5a2.5 2.5 0 0 1 2.5 2.5h1a3.5 3.5 0 0 0-3.5-3.5zm.582-4.774l-3.525 5.38l.836.547l3.525-5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-6-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M13.424 4.266a.5.5 0 1 0-.848-.532zM7.35 12.062a.5.5 0 1 0 .847.532zM16.5 15a4.5 4.5 0 0 1-4.5 4.5v1a5.5 5.5 0 0 0 5.5-5.5zM12 19.5A4.5 4.5 0 0 1 7.5 15h-1a5.5 5.5 0 0 0 5.5 5.5zM7.5 15a4.5 4.5 0 0 1 4.5-4.5v-1A5.5 5.5 0 0 0 6.5 15zm4.5-4.5a4.5 4.5 0 0 1 4.5 4.5h1A5.5 5.5 0 0 0 12 9.5zm.576-6.766L7.35 12.062l.847.532l5.227-8.328z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-7",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 4h8l-6 16\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M8 4h8l-6 16\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7-6a1 1 0 0 0 0 2h4.523l-3.451 8.629a1 1 0 0 0 1.857.742l4-10A1 1 0 0 0 15 6z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 4a1 1 0 0 1 1-1h8a1 1 0 0 1 .936 1.351l-6 16a1 1 0 0 1-1.872-.702L14.557 5H8a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 4h8l-6 16\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zM9 6a1 1 0 0 0 0 2h4.523l-3.451 8.629a1 1 0 0 0 1.857.742l4-10A1 1 0 0 0 15 6z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path d=\"M9 7h6l-4 10\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-7-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 4h8l-6 16\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-8",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"15\" r=\"5\"/><circle cx=\"12\" cy=\"7\" r=\"3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"15\" r=\"5\"/><circle cx=\"12\" cy=\"7\" r=\"3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><circle cx=\"12\" cy=\"14\" r=\"3\"/><circle cx=\"12\" cy=\"9\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><circle cx=\"12\" cy=\"14\" r=\"3\"/><circle cx=\"12\" cy=\"9\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><circle cx=\"12\" cy=\"14\" r=\"3\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"/><circle cx=\"12\" cy=\"9\" r=\"2\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10-4a1 1 0 1 0 0 2a1 1 0 0 0 0-2m3 1c0 .675-.223 1.299-.6 1.8a4 4 0 1 1-4.8 0A3 3 0 1 1 15 9m-5 5a2 2 0 1 1 4 0a2 2 0 0 1-4 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><circle cx=\"12\" cy=\"14\" r=\"3\"/><circle cx=\"12\" cy=\"9\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><circle cx=\"12\" cy=\"14\" r=\"3\"/><circle cx=\"12\" cy=\"9\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M17 15a5 5 0 1 1-10 0a5 5 0 0 1 10 0\" opacity=\".16\"/><circle cx=\"12\" cy=\"15\" r=\"5\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"/><circle cx=\"12\" cy=\"7\" r=\"3\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"7\" r=\"3\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10 7a2 2 0 1 1 4 0a2 2 0 0 1-4 0m4.906 2.75a4 4 0 1 0-5.811 0a6 6 0 1 0 5.811 0M12 11a4 4 0 1 0 0 8a4 4 0 0 0 0-8\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"15\" r=\"5\"/><circle cx=\"12\" cy=\"7\" r=\"3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"14\" r=\"3\"/><circle cx=\"12\" cy=\"9\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"14\" r=\"3\"/><circle cx=\"12\" cy=\"9\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"14\" r=\"3\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"/><circle cx=\"12\" cy=\"9\" r=\"2\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zM12 8a1 1 0 1 0 0 2a1 1 0 0 0 0-2m3 1c0 .675-.223 1.299-.6 1.8a4 4 0 1 1-4.8 0A3 3 0 1 1 15 9m-5 5a2 2 0 1 1 4 0a2 2 0 0 1-4 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"14\" r=\"3\"/><circle cx=\"12\" cy=\"9\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><circle cx=\"12\" cy=\"14\" r=\"3\"/><circle cx=\"12\" cy=\"9\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-8-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"15\" r=\"5\"/><circle cx=\"12\" cy=\"7\" r=\"3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M10.153 19.468a1 1 0 1 0 1.694 1.064zm6.92-7.264a1 1 0 1 0-1.693-1.064zM8 9a4 4 0 0 1 4-4V3a6 6 0 0 0-6 6zm4-4a4 4 0 0 1 4 4h2a6 6 0 0 0-6-6zm4 4a4 4 0 0 1-4 4v2a6 6 0 0 0 6-6zm-4 4a4 4 0 0 1-4-4H6a6 6 0 0 0 6 6zm-.153 7.532l5.227-8.328l-1.694-1.064l-5.227 8.328z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M9.941 19.336a1.25 1.25 0 1 0 2.118 1.329zm7.345-7a1.25 1.25 0 1 0-2.118-1.328zM8.25 9A3.75 3.75 0 0 1 12 5.25v-2.5A6.25 6.25 0 0 0 5.75 9zM12 5.25A3.75 3.75 0 0 1 15.75 9h2.5A6.25 6.25 0 0 0 12 2.75zM15.75 9A3.75 3.75 0 0 1 12 12.75v2.5A6.25 6.25 0 0 0 18.25 9zM12 12.75A3.75 3.75 0 0 1 8.25 9h-2.5A6.25 6.25 0 0 0 12 15.25zm.059 7.915l5.227-8.328l-2.118-1.33l-5.227 8.329z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path fill=\"currentColor\" d=\"M10.164 16.452a1 1 0 0 0 1.672 1.096zm5.197-4.283a1 1 0 0 0-1.672-1.096zM10 10a2 2 0 0 1 2-2V6a4 4 0 0 0-4 4zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm2 2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2 2a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zm-.164 5.548l3.525-5.38l-1.672-1.095l-3.525 5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"/><path fill=\"currentColor\" d=\"M9.955 16.315a1.25 1.25 0 1 0 2.09 1.37zm5.615-4.01a1.25 1.25 0 1 0-2.09-1.37zM10.25 10c0-.966.784-1.75 1.75-1.75v-2.5A4.25 4.25 0 0 0 7.75 10zM12 8.25c.966 0 1.75.784 1.75 1.75h2.5A4.25 4.25 0 0 0 12 5.75zM13.75 10A1.75 1.75 0 0 1 12 11.75v2.5A4.25 4.25 0 0 0 16.25 10zM12 11.75A1.75 1.75 0 0 1 10.25 10h-2.5A4.25 4.25 0 0 0 12 14.25zm.046 5.935l3.524-5.38l-2.09-1.37l-3.525 5.38z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path fill=\"currentColor\" d=\"M10.164 16.452a1 1 0 0 0 1.672 1.096zm5.197-4.283a1 1 0 0 0-1.672-1.096zM10 10a2 2 0 0 1 2-2V6a4 4 0 0 0-4 4zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm2 2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2 2a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zm-.164 5.548l3.525-5.38l-1.672-1.095l-3.525 5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m8.164 4.452a1 1 0 0 0 1.672 1.096l3.489-5.323a4 4 0 1 0-3.55 1.769zM14 10a2 2 0 1 1-4 0a2 2 0 0 1 4 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"/><path fill=\"currentColor\" d=\"M10.373 16.589a.75.75 0 0 0 1.254.822zm4.78-4.557a.75.75 0 0 0-1.255-.822zM9.75 10A2.25 2.25 0 0 1 12 7.75v-1.5A3.75 3.75 0 0 0 8.25 10zM12 7.75A2.25 2.25 0 0 1 14.25 10h1.5A3.75 3.75 0 0 0 12 6.25zM14.25 10A2.25 2.25 0 0 1 12 12.25v1.5A3.75 3.75 0 0 0 15.75 10zM12 12.25A2.25 2.25 0 0 1 9.75 10h-1.5A3.75 3.75 0 0 0 12 13.75zm-.373 5.161l3.525-5.38l-1.254-.821l-3.525 5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"currentColor\" d=\"M10.582 16.726a.5.5 0 1 0 .836.548zm4.361-4.831a.5.5 0 1 0-.836-.548zM9.5 10A2.5 2.5 0 0 1 12 7.5v-1A3.5 3.5 0 0 0 8.5 10zM12 7.5a2.5 2.5 0 0 1 2.5 2.5h1A3.5 3.5 0 0 0 12 6.5zm2.5 2.5a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5zM12 12.5A2.5 2.5 0 0 1 9.5 10h-1a3.5 3.5 0 0 0 3.5 3.5zm-.582 4.774l3.525-5.38l-.836-.547l-3.525 5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"currentColor\"><path d=\"M17 9A5 5 0 1 1 7 9a5 5 0 0 1 10 0\" opacity=\".16\"/><path d=\"M10.153 19.468a1 1 0 1 0 1.694 1.064zm6.92-7.264a1 1 0 1 0-1.693-1.064zM8 9a4 4 0 0 1 4-4V3a6 6 0 0 0-6 6zm4-4a4 4 0 0 1 4 4h2a6 6 0 0 0-6-6zm4 4a4 4 0 0 1-4 4v2a6 6 0 0 0 6-6zm-4 4a4 4 0 0 1-4-4H6a6 6 0 0 0 6 6zm-.153 7.532l5.227-8.328l-1.694-1.064l-5.227 8.328z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10.468 20.847a1 1 0 0 1-.315-1.379l2.858-4.553a6 6 0 1 1 4.05-2.691l-5.214 8.308a1 1 0 0 1-1.379.315M12 13a4 4 0 1 0 0-8a4 4 0 0 0 0 8\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M10.365 19.601a.75.75 0 0 0 1.27.798zm6.497-7.53a.75.75 0 1 0-1.27-.798zM7.75 9A4.25 4.25 0 0 1 12 4.75v-1.5A5.75 5.75 0 0 0 6.25 9zM12 4.75A4.25 4.25 0 0 1 16.25 9h1.5A5.75 5.75 0 0 0 12 3.25zM16.25 9A4.25 4.25 0 0 1 12 13.25v1.5A5.75 5.75 0 0 0 17.75 9zM12 13.25A4.25 4.25 0 0 1 7.75 9h-1.5A5.75 5.75 0 0 0 12 14.75zm-.365 7.149l5.227-8.328l-1.27-.798l-5.227 8.328z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M10.164 16.452a1 1 0 0 0 1.672 1.096zm5.197-4.283a1 1 0 0 0-1.672-1.096zM10 10a2 2 0 0 1 2-2V6a4 4 0 0 0-4 4zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm2 2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2 2a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zm-.164 5.548l3.525-5.38l-1.672-1.095l-3.525 5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M9.955 16.315a1.25 1.25 0 1 0 2.09 1.37zm5.615-4.01a1.25 1.25 0 1 0-2.09-1.37zM10.25 10c0-.966.784-1.75 1.75-1.75v-2.5A4.25 4.25 0 0 0 7.75 10zM12 8.25c.966 0 1.75.784 1.75 1.75h2.5A4.25 4.25 0 0 0 12 5.75zM13.75 10A1.75 1.75 0 0 1 12 11.75v2.5A4.25 4.25 0 0 0 16.25 10zM12 11.75A1.75 1.75 0 0 1 10.25 10h-2.5A4.25 4.25 0 0 0 12 14.25zm.046 5.935l3.524-5.38l-2.09-1.37l-3.525 5.38z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M10.164 16.452a1 1 0 0 0 1.672 1.096zm5.197-4.283a1 1 0 0 0-1.672-1.096zM10 10a2 2 0 0 1 2-2V6a4 4 0 0 0-4 4zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zm2 2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zm-2 2a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4zm-.164 5.548l3.525-5.38l-1.672-1.095l-3.525 5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm7.164 12.45a1 1 0 0 0 1.672 1.097l3.489-5.323a4 4 0 1 0-3.55 1.769zM14 10a2 2 0 1 1-4 0a2 2 0 0 1 4 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M10.373 16.589a.75.75 0 0 0 1.254.822zm4.78-4.557a.75.75 0 0 0-1.255-.822zM9.75 10A2.25 2.25 0 0 1 12 7.75v-1.5A3.75 3.75 0 0 0 8.25 10zM12 7.75A2.25 2.25 0 0 1 14.25 10h1.5A3.75 3.75 0 0 0 12 6.25zM14.25 10A2.25 2.25 0 0 1 12 12.25v1.5A3.75 3.75 0 0 0 15.75 10zM12 12.25A2.25 2.25 0 0 1 9.75 10h-1.5A3.75 3.75 0 0 0 12 13.75zm-.373 5.161l3.525-5.38l-1.254-.821l-3.525 5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path fill=\"currentColor\" d=\"M10.582 16.726a.5.5 0 1 0 .836.548zm4.361-4.831a.5.5 0 1 0-.836-.548zM9.5 10A2.5 2.5 0 0 1 12 7.5v-1A3.5 3.5 0 0 0 8.5 10zM12 7.5a2.5 2.5 0 0 1 2.5 2.5h1A3.5 3.5 0 0 0 12 6.5zm2.5 2.5a2.5 2.5 0 0 1-2.5 2.5v1a3.5 3.5 0 0 0 3.5-3.5zM12 12.5A2.5 2.5 0 0 1 9.5 10h-1a3.5 3.5 0 0 0 3.5 3.5zm-.582 4.774l3.525-5.38l-.836-.547l-3.525 5.379z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:number-9-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M10.577 19.734a.5.5 0 1 0 .847.532zm6.073-7.796a.5.5 0 1 0-.847-.532zM7.5 9A4.5 4.5 0 0 1 12 4.5v-1A5.5 5.5 0 0 0 6.5 9zM12 4.5A4.5 4.5 0 0 1 16.5 9h1A5.5 5.5 0 0 0 12 3.5zM16.5 9a4.5 4.5 0 0 1-4.5 4.5v1A5.5 5.5 0 0 0 17.5 9zM12 13.5A4.5 4.5 0 0 1 7.5 9h-1a5.5 5.5 0 0 0 5.5 5.5zm-.576 6.766l5.226-8.328l-.847-.532l-5.227 8.328z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:options",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 8h9m4 0h3m-9 8h9M4 16h3\"/><circle cx=\"9\" cy=\"16\" r=\"2\"/><circle cx=\"15\" cy=\"8\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:options-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 8h9m4 0h3m-9 8h9M4 16h3\"/><circle cx=\"9\" cy=\"16\" r=\"2\"/><circle cx=\"15\" cy=\"8\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:options-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"9\" cy=\"16\" r=\"2\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"15\" cy=\"8\" r=\"2\" fill=\"currentColor\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 8h9m4 0h3m-9 8h9M4 16h3\"/><circle cx=\"9\" cy=\"16\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"15\" cy=\"8\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:options-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 7h8.17a3.001 3.001 0 0 1 5.66 0H20a1 1 0 1 1 0 2h-2.17a3.001 3.001 0 0 1-5.66 0H4a1 1 0 0 1 0-2m0 8h2.17a3.001 3.001 0 0 1 5.66 0H20a1 1 0 1 1 0 2h-8.17a3.001 3.001 0 0 1-5.66 0H4a1 1 0 1 1 0-2\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:options-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 8h9m4 0h3m-9 8h9M4 16h3\"/><circle cx=\"9\" cy=\"16\" r=\"2\"/><circle cx=\"15\" cy=\"8\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:options-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 8h9m4 0h3m-9 8h9M4 16h3\"/><circle cx=\"9\" cy=\"16\" r=\"2\"/><circle cx=\"15\" cy=\"8\" r=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pen",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 3V2a1 1 0 0 0-1 1zm15.293 11.293l-.911-.412A1 1 0 0 0 17.586 15zM21 17l.707.707a1 1 0 0 0 0-1.414zm-4 4l-.707.707a1 1 0 0 0 1.414 0zm-2.707-2.707l.707-.707a1 1 0 0 0-1.12-.204zM11 2H3v2h8zm9 9a9 9 0 0 0-9-9v2a7 7 0 0 1 7 7zm-.796 3.705A9 9 0 0 0 20 11h-2a7 7 0 0 1-.618 2.88zM17.586 15l2.707 2.707l1.414-1.414L19 13.586zm2.707 1.293l-4 4l1.414 1.414l4-4zm-2.586 4L15 17.586L13.586 19l2.707 2.707zM11 20a9 9 0 0 0 3.705-.796l-.824-1.822A7 7 0 0 1 11 18zm-9-9a9 9 0 0 0 9 9v-2a7 7 0 0 1-7-7zm0-8v8h2V3z\"/><circle cx=\"11\" cy=\"11\" r=\"2\" fill=\"currentColor\" transform=\"rotate(-180 11 11)\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3 3l8 8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pen-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 3V1.75c-.69 0-1.25.56-1.25 1.25zm15.293 11.293l-1.139-.515a1.25 1.25 0 0 0 .255 1.399zM21 17l.884.884a1.25 1.25 0 0 0 0-1.768zm-4 4l-.884.884a1.25 1.25 0 0 0 1.768 0zm-2.707-2.707l.884-.884a1.25 1.25 0 0 0-1.4-.255zM11 1.75H3v2.5h8zM20.25 11A9.25 9.25 0 0 0 11 1.75v2.5A6.75 6.75 0 0 1 17.75 11zm-.818 3.808A9.2 9.2 0 0 0 20.25 11h-2.5a6.7 6.7 0 0 1-.596 2.778zm-2.023.369l2.707 2.707l1.768-1.768l-2.707-2.707zm2.707.94l-4 4l1.768 1.767l4-4zm-2.232 4l-2.707-2.708l-1.768 1.768l2.707 2.707zM11 20.25a9.2 9.2 0 0 0 3.808-.818l-1.03-2.278A6.7 6.7 0 0 1 11 17.75zM1.75 11A9.25 9.25 0 0 0 11 20.25v-2.5A6.75 6.75 0 0 1 4.25 11zm0-8v8h2.5V3z\"/><circle cx=\"11\" cy=\"11\" r=\"2\" fill=\"currentColor\" transform=\"rotate(-180 11 11)\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m3 3l8 8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pen-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 3h8a8 8 0 0 1 7.293 11.293L21 17l-4 4l-2.707-2.707A8 8 0 0 1 3 11z\" clip-rule=\"evenodd\" opacity=\".16\"/><path fill=\"currentColor\" d=\"M3 3V2a1 1 0 0 0-1 1zm15.293 11.293l-.911-.412a1 1 0 0 0 .204 1.12zM21 17l.707.707a1 1 0 0 0 0-1.414zm-4 4l-.707.707a1 1 0 0 0 1.414 0zm-2.707-2.707l.707-.707a1 1 0 0 0-1.12-.204zM11 2H3v2h8zm9 9a9 9 0 0 0-9-9v2a7 7 0 0 1 7 7zm-.796 3.705A9 9 0 0 0 20 11h-2a7 7 0 0 1-.618 2.88zM17.586 15l2.707 2.707l1.414-1.414L19 13.586zm2.707 1.293l-4 4l1.414 1.414l4-4zm-2.586 4L15 17.586L13.586 19l2.707 2.707zM11 20a9 9 0 0 0 3.705-.796l-.824-1.822A7 7 0 0 1 11 18zm-9-9a9 9 0 0 0 9 9v-2a7 7 0 0 1-7-7zm0-8v8h2V3z\"/><circle cx=\"11\" cy=\"11\" r=\"2\" fill=\"currentColor\" transform=\"rotate(-180 11 11)\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3 3l8 8\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pen-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M2 4.621a.5.5 0 0 1 .854-.353l6.01 6.01c.126.126.17.31.15.487a2 2 0 1 0 1.751-1.751a.59.59 0 0 1-.487-.15l-6.01-6.01A.5.5 0 0 1 4.62 2H11a9 9 0 0 1 8.468 12.054l2.24 2.239a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.415 0l-2.239-2.239A9 9 0 0 1 2 11z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:pen-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 3v-.75a.75.75 0 0 0-.75.75zm15.293 11.293l-.683-.31a.75.75 0 0 0 .153.84zM21 17l.53.53a.75.75 0 0 0 0-1.06zm-4 4l-.53.53a.75.75 0 0 0 1.06 0zm-2.707-2.707l.53-.53a.75.75 0 0 0-.84-.153zM11 2.25H3v1.5h8zM19.75 11A8.75 8.75 0 0 0 11 2.25v1.5A7.25 7.25 0 0 1 18.25 11zm-.774 3.602c.498-1.1.774-2.32.774-3.602h-1.5a7.2 7.2 0 0 1-.64 2.984zm-1.213.221l2.707 2.707l1.06-1.06l-2.707-2.707zm2.707 1.647l-4 4l1.06 1.06l4-4zm-2.94 4l-2.707-2.707l-1.06 1.06l2.707 2.707zM11 19.75a8.7 8.7 0 0 0 3.602-.774l-.618-1.366a7.2 7.2 0 0 1-2.984.64zM2.25 11A8.75 8.75 0 0 0 11 19.75v-1.5A7.25 7.25 0 0 1 3.75 11zm0-8v8h1.5V3z\"/><circle cx=\"11\" cy=\"11\" r=\"1\" stroke=\"currentColor\" stroke-width=\"1.5\" transform=\"rotate(-180 11 11)\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m3 3l7 7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pen-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 3v-.5a.5.5 0 0 0-.5.5zm15.293 11.293l-.456-.206a.5.5 0 0 0 .102.56zM21 17l.354.354a.5.5 0 0 0 0-.708zm-4 4l-.354.354a.5.5 0 0 0 .708 0zm-2.707-2.707l.354-.354a.5.5 0 0 0-.56-.102zM11 2.5H3v1h8zm8.5 8.5A8.5 8.5 0 0 0 11 2.5v1a7.5 7.5 0 0 1 7.5 7.5zm-.751 3.499A8.5 8.5 0 0 0 19.5 11h-1a7.5 7.5 0 0 1-.663 3.087zm-.81.147l2.707 2.708l.708-.708l-2.707-2.707zm2.707 2l-4 4l.708.708l4-4zm-3.292 4l-2.707-2.707l-.708.707l2.707 2.708zM11 19.5a8.5 8.5 0 0 0 3.499-.751l-.412-.912A7.5 7.5 0 0 1 11 18.5zM2.5 11a8.5 8.5 0 0 0 8.5 8.5v-1A7.5 7.5 0 0 1 3.5 11zm0-8v8h1V3z\"/><circle cx=\"11\" cy=\"11\" r=\"1\" stroke=\"currentColor\" transform=\"rotate(-180 11 11)\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m3 3l7 7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pensive-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linejoin=\"round\"/><path d=\"M10 16h4\"/><path stroke-linejoin=\"round\" d=\"M14 10.5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pensive-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linejoin=\"round\"/><path d=\"M10 16h4\"/><path stroke-linejoin=\"round\" d=\"M14 10.5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pensive-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M10 16h4\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10.5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pensive-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m4.073-1.875a1 1 0 0 1 1.302-.552c.346.14.725.218 1.125.218s.779-.078 1.125-.218a1 1 0 1 1 .75 1.854a5 5 0 0 1-1.875.364a5 5 0 0 1-1.875-.364a1 1 0 0 1-.552-1.302m8.302-.552a1 1 0 1 0-.75 1.854a5 5 0 0 0 3.75 0a1 1 0 1 0-.75-1.854c-.346.14-.725.218-1.125.218s-.779-.078-1.125-.218M10 15a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:pensive-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linejoin=\"round\"/><path d=\"M10 16h4\"/><path stroke-linejoin=\"round\" d=\"M14 10.5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:pensive-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linejoin=\"round\"/><path d=\"M10 16h4\"/><path stroke-linejoin=\"round\" d=\"M14 10.5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:phone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.506 7.96A16.03 16.03 0 0 1 7.96 19.506C5.819 20.051 4 18.21 4 16v-1c0-.552.449-.995.999-1.05a10 10 0 0 0 2.656-.639l1.519 1.52a12.05 12.05 0 0 0 5.657-5.657l-1.52-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.208 0 4.05 1.819 3.505 3.96\"/></svg>"
+  },
+  {
+    "name": "iconamoon:phone-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19.506 7.96A16.03 16.03 0 0 1 7.96 19.506C5.819 20.051 4 18.21 4 16v-1c0-.552.449-.995.999-1.05a10 10 0 0 0 2.656-.639l1.519 1.52a12.05 12.05 0 0 0 5.657-5.657l-1.52-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.208 0 4.05 1.819 3.505 3.96\"/></svg>"
+  },
+  {
+    "name": "iconamoon:phone-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M19.506 7.96A16.03 16.03 0 0 1 7.96 19.506C5.819 20.051 4 18.21 4 16v-1c0-.552.449-.995.998-1.05a10 10 0 0 0 2.656-.639l1.52 1.52a12.05 12.05 0 0 0 5.657-5.657l-1.52-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.506 7.96A16.03 16.03 0 0 1 7.96 19.506C5.819 20.051 4 18.21 4 16v-1c0-.552.449-.995.998-1.05a10 10 0 0 0 2.656-.639l1.52 1.52a12.05 12.05 0 0 0 5.657-5.657l-1.52-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:phone-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16 3c2.669 0 5.226 2.258 4.475 5.206a17.03 17.03 0 0 1-12.269 12.27C5.258 21.225 3 18.668 3 16v-1c0-1.127.901-1.945 1.9-2.044a9 9 0 0 0 2.389-.575a1 1 0 0 1 1.072.223l1.003 1.002a11.06 11.06 0 0 0 4.242-4.242L12.604 8.36a1 1 0 0 1-.223-1.072a9 9 0 0 0 .575-2.39C13.055 3.902 13.873 3 15 3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:phone-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19.506 7.96A16.03 16.03 0 0 1 7.96 19.506C5.819 20.051 4 18.21 4 16v-1c0-.552.449-.995.998-1.05a10 10 0 0 0 2.656-.639l1.52 1.52a12.05 12.05 0 0 0 5.657-5.657l-1.52-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96\"/></svg>"
+  },
+  {
+    "name": "iconamoon:phone-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"m14.83 9.174l-1.519-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96a16 16 0 0 1-1.721 4.168m-5.3.357a12 12 0 0 1-3.311 2.346l-1.52-1.52a10 10 0 0 1-2.656.64C4.448 14.005 4 14.448 4 15v1c0 2.21 1.819 4.051 3.96 3.506a16 16 0 0 0 7.354-4.192\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:phone-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"m14.83 9.174l-1.519-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96a16 16 0 0 1-1.721 4.168m-5.3.357a12 12 0 0 1-3.311 2.346l-1.52-1.52a10 10 0 0 1-2.656.64C4.448 14.005 4 14.448 4 15v1c0 2.21 1.819 4.051 3.96 3.506a16 16 0 0 0 7.354-4.192\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:phone-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 16v-1c0-.552.449-.995.998-1.05a10 10 0 0 0 2.656-.639l1.52 1.52a12 12 0 0 0 3.311-2.346l2.829 2.829c-2 2-4.527 3.472-7.354 4.192C5.819 20.051 4 18.21 4 16\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14.83 9.174l-1.519-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96a16 16 0 0 1-1.721 4.168m-5.3.357a12 12 0 0 1-3.311 2.346l-1.52-1.52a10 10 0 0 1-2.656.64C4.448 14.005 4 14.448 4 15v1c0 2.21 1.819 4.051 3.96 3.506a16 16 0 0 0 7.354-4.192\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:phone-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.707 3.293a1 1 0 0 0-1.414 1.414l7.746 7.746q-.781.652-1.675 1.153L8.36 12.604a1 1 0 0 0-1.072-.223a9 9 0 0 1-2.39.575C3.902 13.055 3 13.873 3 15v1c0 2.669 2.258 5.226 5.206 4.475a16.96 16.96 0 0 0 7.087-3.768l4 4a1 1 0 0 0 1.414-1.414l-4.671-4.671l-.015-.016l-.015-.014l-2.799-2.799l-.03-.03zM12.956 4.9C13.055 3.9 13.873 3 15 3h1c2.669 0 5.226 2.258 4.475 5.206a17 17 0 0 1-1.83 4.43a1 1 0 0 1-1.721-1.017a15 15 0 0 0 1.613-3.906C18.877 6.379 17.75 5 16 5h-1l-.015.01a.14.14 0 0 0-.04.087a11 11 0 0 1-.48 2.298l1.073 1.072a1 1 0 0 1-1.415 1.414l-1.519-1.52a1 1 0 0 1-.223-1.072a9 9 0 0 0 .575-2.39\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:phone-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"m14.83 9.174l-1.519-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96a16 16 0 0 1-1.721 4.168m-5.3.357a12 12 0 0 1-3.311 2.346l-1.52-1.52a10 10 0 0 1-2.656.64C4.448 14.005 4 14.448 4 15v1c0 2.21 1.819 4.051 3.96 3.506a16 16 0 0 0 7.354-4.192\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:phone-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path stroke-linejoin=\"round\" d=\"m14.83 9.174l-1.519-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96a16 16 0 0 1-1.721 4.168m-5.3.357a12 12 0 0 1-3.311 2.346l-1.52-1.52a10 10 0 0 1-2.656.64C4.448 14.005 4 14.448 4 15v1c0 2.21 1.819 4.051 3.96 3.506a16 16 0 0 0 7.354-4.192\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:phone-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.506 7.96A16.03 16.03 0 0 1 7.96 19.506C5.819 20.051 4 18.21 4 16v-1c0-.552.449-.995.998-1.05a10 10 0 0 0 2.656-.639l1.52 1.52a12.05 12.05 0 0 0 5.657-5.657l-1.52-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96\"/></svg>"
+  },
+  {
+    "name": "iconamoon:play-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path d=\"m14 12l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:play-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path d=\"m14 12l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:play-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" fill-opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 12l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:play-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m3 10a1 1 0 0 1-.5.866l-3 1.732a1 1 0 0 1-1.5-.866v-3.464a1 1 0 0 1 1.5-.866l3 1.732A1 1 0 0 1 15 12\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:play-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path d=\"m14 12l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:play-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path d=\"m14 12l-3 1.732v-3.464z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-end",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M17 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/><path stroke-linecap=\"round\" d=\"M20 5v14\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-end-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M17 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/><path stroke-linecap=\"round\" d=\"M20 5v14\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-end-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M17 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 5v14\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-end-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17.5 9.402c2 1.155 2 4.041 0 5.196l-9 5.196c-2 1.155-4.5-.288-4.5-2.598V6.804c0-2.31 2.5-3.753 4.5-2.598zM21 5a1 1 0 1 0-2 0v14a1 1 0 1 0 2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-end-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M17 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/><path stroke-linecap=\"round\" d=\"M20 5v14\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-end-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M17 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/><path stroke-linecap=\"round\" d=\"M20 5v14\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-next",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 6.804v10.392c0 1.54 1.667 2.502 3 1.732l3-1.732V6.804L6 5.072c-1.333-.77-3 .192-3 1.732Zm18 3.464c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-next-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 6.804v10.392c0 1.54 1.667 2.502 3 1.732l3-1.732V6.804L6 5.072c-1.333-.77-3 .192-3 1.732Zm18 3.464c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-next-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M21 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 6.804v10.392c0 1.54 1.667 2.502 3 1.732l3-1.732V6.804L6 5.072c-1.333-.77-3 .192-3 1.732Zm18 3.464c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-next-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5.5 5.938a1 1 0 0 0-1.5.866v10.392a1 1 0 0 0 1.5.866L8 16.62V7.38zm2.898-.636L6.5 4.206l-.5.866l.5-.866C4.5 3.05 2 4.494 2 6.804v10.392c0 2.31 2.5 3.753 4.5 2.598l1.898-1.096c.785 1.355 2.587 1.971 4.102 1.096l9-5.196c2-1.155 2-4.041 0-5.196l-9-5.196c-1.515-.875-3.317-.259-4.102 1.096\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-next-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 6.804v10.392c0 1.54 1.667 2.502 3 1.732l3-1.732V6.804L6 5.072c-1.333-.77-3 .192-3 1.732Zm18 3.464c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-next-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M3 6.804v10.392c0 1.54 1.667 2.502 3 1.732l3-1.732V6.804L6 5.072c-1.333-.77-3 .192-3 1.732Zm18 3.464c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-pause",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 7a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm9 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-pause-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 7a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm9 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-pause-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M5 7a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm9 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 7a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm9 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-pause-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 7a3 3 0 0 1 3-3h1a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm12-3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h1a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-pause-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 7a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm9 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-pause-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M5 7a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm9 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-play",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-play-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-play-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M19 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-play-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M19.5 14.598c2-1.155 2-4.041 0-5.196l-9-5.196C8.5 3.05 6 4.494 6 6.804v10.392c0 2.31 2.5 3.753 4.5 2.598z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-play-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-play-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M19 10.268c1.333.77 1.333 2.694 0 3.464l-9 5.196c-1.333.77-3-.192-3-1.732V6.804c0-1.54 1.667-2.502 3-1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-previous",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 17.196V6.804c0-1.54-1.667-2.502-3-1.732l-3 1.732v10.392l3 1.732c1.333.77 3-.192 3-1.732ZM3 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-previous-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M21 17.196V6.804c0-1.54-1.667-2.502-3-1.732l-3 1.732v10.392l3 1.732c1.333.77 3-.192 3-1.732ZM3 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-previous-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 17.196V6.804c0-1.54-1.667-2.502-3-1.732l-3 1.732v10.392l3 1.732c1.333.77 3-.192 3-1.732ZM3 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-previous-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2.5 9.402c-2 1.155-2 4.041 0 5.196l9 5.196c1.515.875 3.317.259 4.102-1.096l1.898 1.096c2 1.155 4.5-.288 4.5-2.598V6.804c0-2.31-2.5-3.753-4.5-2.598l-1.898 1.096c-.785-1.355-2.587-1.971-4.102-1.096zM16 7.382v9.237l2.5 1.443a1 1 0 0 0 1.5-.866V6.804a1 1 0 0 0-1.5-.866z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-previous-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 17.196V6.804c0-1.54-1.667-2.502-3-1.732l-3 1.732v10.392l3 1.732c1.333.77 3-.192 3-1.732ZM3 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-previous-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M21 17.196V6.804c0-1.54-1.667-2.502-3-1.732l-3 1.732v10.392l3 1.732c1.333.77 3-.192 3-1.732ZM3 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-start",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M7 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/><path stroke-linecap=\"round\" d=\"M4 19V5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-start-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M7 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/><path stroke-linecap=\"round\" d=\"M4 19V5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-start-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M7 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 19V5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-start-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"m15.5 19.794l-9-5.196c-2-1.155-2-4.041 0-5.196l9-5.196c2-1.155 4.5.288 4.5 2.598v10.392c0 2.31-2.5 3.753-4.5 2.598M3 19a1 1 0 1 0 2 0V5a1 1 0 1 0-2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-start-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M7 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/><path stroke-linecap=\"round\" d=\"M4 19V5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-start-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M7 13.732c-1.333-.77-1.333-2.694 0-3.464l9-5.196c1.333-.77 3 .192 3 1.732v10.392c0 1.54-1.667 2.502-3 1.732z\"/><path stroke-linecap=\"round\" d=\"M4 19V5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-stop",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><rect width=\"14\" height=\"14\" x=\"5\" y=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" rx=\"2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-stop-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><rect width=\"14\" height=\"14\" x=\"5\" y=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" rx=\"2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-stop-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><rect width=\"14\" height=\"14\" x=\"5\" y=\"5\" fill=\"currentColor\" opacity=\".16\" rx=\"2\"/><rect width=\"14\" height=\"14\" x=\"5\" y=\"5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" rx=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:player-stop-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-stop-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><rect width=\"14\" height=\"14\" x=\"5\" y=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" rx=\"2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:player-stop-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><rect width=\"14\" height=\"14\" x=\"5\" y=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" rx=\"2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 6L3 7.732V4.268z\"/><path stroke-linecap=\"round\" d=\"M3 12h18M10 6h11M3 18h18\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M6 6L3 7.732V4.268z\"/><path stroke-linecap=\"round\" d=\"M3 12h18M10 6h11M3 18h18\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 6a1 1 0 0 1-.5.866l-3 1.732A1 1 0 0 1 2 7.732V4.268a1 1 0 0 1 1.5-.866l3 1.732A1 1 0 0 1 7 6m-4 5a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2zm6-5a1 1 0 0 1 1-1h11a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1M3 17a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M6 6L3 7.732V4.268z\"/><path stroke-linecap=\"round\" d=\"M3 12h18M10 6h11M3 18h18\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-list",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"m19 5l2 2m0 0l-2 2m2-2H7M5 19l-2-2m0 0l2-2m-2 2h14\"/><path d=\"M3 11a4 4 0 0 1 4-4m14 6a4 4 0 0 1-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-list-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"m19 5l2 2m0 0l-2 2m2-2H7M5 19l-2-2m0 0l2-2m-2 2h14\"/><path d=\"M3 11a4 4 0 0 1 4-4m14 6a4 4 0 0 1-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-list-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M18 5a1 1 0 0 1 1.707-.707l2 2a1 1 0 0 1 0 1.414l-2 2A1 1 0 0 1 18 9V8H7a3 3 0 0 0-3 3a1 1 0 1 1-2 0a5 5 0 0 1 5-5h11zM6 19a1 1 0 0 1-1.707.707l-2-2a1 1 0 0 1 0-1.414l2-2A1 1 0 0 1 6 15v1h11a3 3 0 0 0 3-3a1 1 0 1 1 2 0a5 5 0 0 1-4.998 5H6z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-list-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"m19 5l2 2m0 0l-2 2m2-2H7M5 19l-2-2m0 0l2-2m-2 2h14\"/><path d=\"M3 11a4 4 0 0 1 4-4m14 6a4 4 0 0 1-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-list-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path stroke-linejoin=\"round\" d=\"m19 5l2 2m0 0l-2 2m2-2H7M5 19l-2-2m0 0l2-2m-2 2h14\"/><path d=\"M3 11a4 4 0 0 1 4-4m14 6a4 4 0 0 1-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-song",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M21 9V4l-2 1m-4 2H7M5 19l-2-2m0 0l2-2m-2 2h14\"/><path d=\"M3 11a4 4 0 0 1 4-4m14 6a4 4 0 0 1-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-song-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M21 9V4l-2 1m-4 2H7M5 19l-2-2m0 0l2-2m-2 2h14\"/><path d=\"M3 11a4 4 0 0 1 4-4m14 6a4 4 0 0 1-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-song-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M22 9a1 1 0 1 1-2 0V5.618l-.553.276a1 1 0 1 1-.894-1.788l2-1A1 1 0 0 1 22 4zM6 19a1 1 0 0 1-1.707.707l-2-2a1 1 0 0 1 0-1.414l2-2A1 1 0 0 1 6 15v1h11a3 3 0 0 0 3-3a1 1 0 1 1 2 0a5 5 0 0 1-4.998 5H6zM16 7a1 1 0 0 0-1-1H7a5 5 0 0 0-5 5a1 1 0 1 0 2 0a3 3 0 0 1 3-3h8a1 1 0 0 0 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-song-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"M21 9V4l-2 1m-4 2H7M5 19l-2-2m0 0l2-2m-2 2h14\"/><path d=\"M3 11a4 4 0 0 1 4-4m14 6a4 4 0 0 1-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-repeat-song-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path stroke-linejoin=\"round\" d=\"M21 9V4l-2 1m-4 2H7M5 19l-2-2m0 0l2-2m-2 2h14\"/><path d=\"M3 11a4 4 0 0 1 4-4m14 6a4 4 0 0 1-4 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-shuffle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17h2.735a4 4 0 0 0 3.43-1.942l3.67-6.116A4 4 0 0 1 16.265 7H21m0 0l-2-2m2 2l-2 2M3 7h2.735a4 4 0 0 1 2.871 1.215M21 17h-4.735a4 4 0 0 1-2.871-1.215M21 17l-2 2m2-2l-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-shuffle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M3 17h2.735a4 4 0 0 0 3.43-1.942l3.67-6.116A4 4 0 0 1 16.265 7H21m0 0l-2-2m2 2l-2 2M3 7h2.735a4 4 0 0 1 2.871 1.215M21 17h-4.735a4 4 0 0 1-2.871-1.215M21 17l-2 2m2-2l-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-shuffle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 17h2.735a4 4 0 0 0 3.43-1.942l3.67-6.116A4 4 0 0 1 16.265 7H21m0 0l-2-2m2 2l-2 2M3 7h2.735a4 4 0 0 1 2.871 1.215M21 17h-4.735a4 4 0 0 1-2.871-1.215M21 17l-2 2m2-2l-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-shuffle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M19.707 4.293A1 1 0 0 0 18 5.01l.01.989h-1.745a5 5 0 0 0-4.288 2.428l-3.67 6.115A3 3 0 0 1 5.736 16H3a1 1 0 1 0 0 2h2.735a5 5 0 0 0 4.288-2.427l3.67-6.116A3 3 0 0 1 16.264 8h1.767l.008.72a1 1 0 0 0 1.667.987l.042-.042l-.707-.707l.707.707l1.958-1.958a1 1 0 0 0 0-1.414zM3 6a1 1 0 0 0 0 2h2.735a3 3 0 0 1 2.154.911A1 1 0 1 0 9.324 7.52A5 5 0 0 0 5.735 6zm18.707 10.293l-2-2A1 1 0 0 0 18 15v1h-1.735a3 3 0 0 1-2.154-.911a1 1 0 0 0-1.435 1.393A5 5 0 0 0 16.265 18H18v1a1 1 0 0 0 1.707.707l2-2a1 1 0 0 0 0-1.414\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-shuffle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 17h2.735a4 4 0 0 0 3.43-1.942l3.67-6.116A4 4 0 0 1 16.265 7H21m0 0l-2-2m2 2l-2 2M3 7h2.735a4 4 0 0 1 2.871 1.215M21 17h-4.735a4 4 0 0 1-2.871-1.215M21 17l-2 2m2-2l-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-shuffle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17h2.735a4 4 0 0 0 3.43-1.942l3.67-6.116A4 4 0 0 1 16.265 7H21m0 0l-2-2m2 2l-2 2M3 7h2.735a4 4 0 0 1 2.871 1.215M21 17h-4.735a4 4 0 0 1-2.871-1.215M21 17l-2 2m2-2l-2-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:playlist-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M6 6L3 7.732V4.268z\"/><path stroke-linecap=\"round\" d=\"M3 12h18M10 6h11M3 18h18\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:printer",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M8 18H6a2 2 0 0 1-2-2V7h16v9a2 2 0 0 1-2 2h-2M8 3h8v4H8z\"/><path stroke-linecap=\"round\" d=\"M12 11H8\"/><path d=\"M8 15h8v6H8z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:printer-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M8 18H6a2 2 0 0 1-2-2V7h16v9a2 2 0 0 1-2 2h-2M8 3h8v4H8z\"/><path stroke-linecap=\"round\" d=\"M12 11H8\"/><path d=\"M8 15h8v6H8z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:printer-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M20 7H4v9a2 2 0 0 0 2 2h2v-3h8v3h2a2 2 0 0 0 2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 18H6a2 2 0 0 1-2-2V7h16v9a2 2 0 0 1-2 2h-2M8 3h8v4H8z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 11H8\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 15h8v6H8z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:printer-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8 2a1 1 0 0 0-1 1v3H4a1 1 0 0 0-1 1v9a3 3 0 0 0 3 3h1v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2h1a3 3 0 0 0 3-3V7a1 1 0 0 0-1-1h-3V3a1 1 0 0 0-1-1zm0 12a1 1 0 0 0-1 1v2H6a1 1 0 0 1-1-1V8h14v8a1 1 0 0 1-1 1h-1v-2a1 1 0 0 0-1-1zm4-2a1 1 0 1 0 0-2H8a1 1 0 1 0 0 2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:printer-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M8 18H6a2 2 0 0 1-2-2V7h16v9a2 2 0 0 1-2 2h-2M8 3h8v4H8z\"/><path stroke-linecap=\"round\" d=\"M12 11H8\"/><path d=\"M8 15h8v6H8z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:printer-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M8 18H6a2 2 0 0 1-2-2V7h16v9a2 2 0 0 1-2 2h-2M8 3h8v4H8z\"/><path stroke-linecap=\"round\" d=\"M12 11H8\"/><path d=\"M8 15h8v6H8z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M4 18a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z\"/><circle cx=\"12\" cy=\"7\" r=\"3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M4 18a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z\"/><circle cx=\"12\" cy=\"7\" r=\"3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M21 12a8.96 8.96 0 0 1-1.526 5.016A8.99 8.99 0 0 1 12 21a8.99 8.99 0 0 1-7.474-3.984A9 9 0 1 1 21 12Z\"/><path fill=\"currentColor\" d=\"M13 9a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-1 1a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-1-1a1 1 0 0 1 1-1V6a3 3 0 0 0-3 3zm1-1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm-6.834 9.856l-.959-.285l-.155.523l.355.413zm13.668 0l.76.651l.354-.413l-.155-.523zM9 16h6v-2H9zm0-2a5 5 0 0 0-4.793 3.571l1.917.57A3 3 0 0 1 9 16zm3 6a7.98 7.98 0 0 1-6.075-2.795l-1.518 1.302A9.98 9.98 0 0 0 12 22zm3-4c1.357 0 2.506.902 2.876 2.142l1.916-.571A5 5 0 0 0 15 14zm3.075 1.205A7.98 7.98 0 0 1 12 20v2a9.98 9.98 0 0 0 7.593-3.493z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-width=\"2.5\" d=\"M21 12a8.96 8.96 0 0 1-1.526 5.016A8.99 8.99 0 0 1 12 21a8.99 8.99 0 0 1-7.474-3.984A9 9 0 1 1 21 12Z\"/><path fill=\"currentColor\" d=\"M12.75 9a.75.75 0 0 1-.75.75v2.5A3.25 3.25 0 0 0 15.25 9zm-.75.75a.75.75 0 0 1-.75-.75h-2.5A3.25 3.25 0 0 0 12 12.25zM11.25 9a.75.75 0 0 1 .75-.75v-2.5A3.25 3.25 0 0 0 8.75 9zm.75-.75a.75.75 0 0 1 .75.75h2.5A3.25 3.25 0 0 0 12 5.75zm-6.834 9.606L3.968 17.5l-.195.653l.444.517zm13.668 0l.949.814l.444-.517l-.195-.653zM9 16.25h6v-2.5H9zm0-2.5a5.25 5.25 0 0 0-5.032 3.75l2.396.713A2.75 2.75 0 0 1 9 16.25zm3 6a7.73 7.73 0 0 1-5.885-2.707L4.217 18.67A10.23 10.23 0 0 0 12 22.25zm3-3.5c1.244 0 2.298.827 2.636 1.963l2.396-.713A5.25 5.25 0 0 0 15 13.75zm2.885.793A7.73 7.73 0 0 1 12 19.75v2.5a10.23 10.23 0 0 0 7.783-3.58z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M15 15H9a4 4 0 0 0-3.834 2.856A8.98 8.98 0 0 0 12 21a8.98 8.98 0 0 0 6.834-3.144A4 4 0 0 0 15 15\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M21 12a8.96 8.96 0 0 1-1.526 5.016A8.99 8.99 0 0 1 12 21a8.99 8.99 0 0 1-7.474-3.984A9 9 0 1 1 21 12Z\"/><path fill=\"currentColor\" d=\"M13 9a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-1 1a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-1-1a1 1 0 0 1 1-1V6a3 3 0 0 0-3 3zm1-1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm-6.834 9.856l-.959-.285l-.155.523l.355.413zm13.668 0l.76.651l.354-.413l-.155-.523zM9 16h6v-2H9zm0-2a5 5 0 0 0-4.793 3.571l1.917.57A3 3 0 0 1 9 16zm3 6a7.98 7.98 0 0 1-6.075-2.795l-1.518 1.302A9.98 9.98 0 0 0 12 22zm3-4c1.357 0 2.506.902 2.876 2.142l1.916-.571A5 5 0 0 0 15 14zm3.075 1.205A7.98 7.98 0 0 1 12 20v2a9.98 9.98 0 0 0 7.593-3.493z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 4a8 8 0 0 0-6.96 11.947A4.99 4.99 0 0 1 9 14h6a4.99 4.99 0 0 1 3.96 1.947A8 8 0 0 0 12 4m7.943 14.076q.188-.245.36-.502A9.96 9.96 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12a9.96 9.96 0 0 0 2.057 6.076l-.005.018l.355.413A9.98 9.98 0 0 0 12 22q.324 0 .644-.02a9.95 9.95 0 0 0 5.031-1.745a10 10 0 0 0 1.918-1.728l.355-.413zM12 6a3 3 0 1 0 0 6a3 3 0 0 0 0-6\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:profile-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M21 12a8.96 8.96 0 0 1-1.526 5.016A8.99 8.99 0 0 1 12 21a8.99 8.99 0 0 1-7.474-3.984A9 9 0 1 1 21 12Z\"/><path fill=\"currentColor\" d=\"M13.25 9c0 .69-.56 1.25-1.25 1.25v1.5A2.75 2.75 0 0 0 14.75 9zM12 10.25c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 12 11.75zM10.75 9c0-.69.56-1.25 1.25-1.25v-1.5A2.75 2.75 0 0 0 9.25 9zM12 7.75c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0 0 12 6.25zM5.166 17.856l-.719-.214l-.117.392l.267.31zm13.668 0l.57.489l.266-.31l-.117-.393zM9 15.75h6v-1.5H9zm0-1.5a4.75 4.75 0 0 0-4.553 3.392l1.438.428A3.25 3.25 0 0 1 9 15.75zm3 6a8.23 8.23 0 0 1-6.265-2.882l-1.138.977A9.73 9.73 0 0 0 12 21.75zm3-4.5c1.47 0 2.715.978 3.115 2.32l1.438-.428A4.75 4.75 0 0 0 15 14.25zm3.265 1.618A8.23 8.23 0 0 1 12 20.25v1.5a9.73 9.73 0 0 0 7.403-3.405z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" d=\"M21 12a8.96 8.96 0 0 1-1.526 5.016A8.99 8.99 0 0 1 12 21a8.99 8.99 0 0 1-7.474-3.984A9 9 0 1 1 21 12Z\"/><path fill=\"currentColor\" d=\"M13.5 9a1.5 1.5 0 0 1-1.5 1.5v1A2.5 2.5 0 0 0 14.5 9zM12 10.5A1.5 1.5 0 0 1 10.5 9h-1a2.5 2.5 0 0 0 2.5 2.5zM10.5 9A1.5 1.5 0 0 1 12 7.5v-1A2.5 2.5 0 0 0 9.5 9zM12 7.5A1.5 1.5 0 0 1 13.5 9h1A2.5 2.5 0 0 0 12 6.5zM5.166 17.856l-.48-.142l-.077.261l.177.207zm13.668 0l.38.326l.177-.207l-.078-.261zM9 15.5h6v-1H9zm0-1a4.5 4.5 0 0 0-4.313 3.214l.958.285A3.5 3.5 0 0 1 9 15.5zm3 6a8.48 8.48 0 0 1-6.455-2.97l-.759.652A9.48 9.48 0 0 0 12 21.5zm3-5a3.5 3.5 0 0 1 3.355 2.5l.958-.286A4.5 4.5 0 0 0 15 14.5zm3.455 2.03A8.48 8.48 0 0 1 12 20.5v1a9.48 9.48 0 0 0 7.214-3.318z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 18a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 18a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z\"/><circle cx=\"12\" cy=\"7\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8 7a4 4 0 1 1 8 0a4 4 0 0 1-8 0m0 6a5 5 0 0 0-5 5a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3a5 5 0 0 0-5-5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:profile-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"M4 18a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z\"/><circle cx=\"12\" cy=\"7\" r=\"3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:profile-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linejoin=\"round\" d=\"M4 18a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z\"/><circle cx=\"12\" cy=\"7\" r=\"3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 16h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10.707-3.707A1 1 0 0 0 11.998 8a1 1 0 0 0-.705.293a1 1 0 0 1-1.414-1.414a3 3 0 0 1 2.116-.88a3 3 0 0 1 2.126.88A2.994 2.994 0 0 1 13 11.829l.001.167a1 1 0 0 1-2 .008l-.004-1A1 1 0 0 1 11.999 10a1 1 0 0 0 .71-.293A1 1 0 0 0 13 9a1 1 0 0 0-.293-.707M10.5 16a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3.75\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 16h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4.001a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm9.707 4.292A1 1 0 0 0 11.998 8a1 1 0 0 0-.705.293a1 1 0 0 1-1.414-1.414a3 3 0 0 1 2.116-.88a3 3 0 0 1 2.126.88A2.994 2.994 0 0 1 13 11.829l.001.167a1 1 0 0 1-2 .008l-.004-1A1 1 0 0 1 11.999 10a1 1 0 0 0 .71-.293A1 1 0 0 0 13 9a1 1 0 0 0-.293-.707M10.5 16a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"2.25\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:question-mark-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"1.5\" d=\"M12 16h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M10.586 7.586c.39-.39.9-.585 1.41-.586a2 2 0 0 1 1.418.586c.39.39.586.902.586 1.414s-.195 1.024-.586 1.414a2 2 0 0 1-1.418.586L12 12\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:relieved-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 15.5a4 4 0 0 1-2 .535a4 4 0 0 1-2-.535m4-5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:relieved-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 15.5a4 4 0 0 1-2 .535a4 4 0 0 1-2-.535m4-5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:relieved-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 15.5a4 4 0 0 1-2 .535a4 4 0 0 1-2-.535m4-5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:relieved-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m4.073-1.875a1 1 0 0 1 1.302-.552c.346.14.725.218 1.125.218s.779-.078 1.125-.218a1 1 0 1 1 .75 1.854a5 5 0 0 1-1.875.364a5 5 0 0 1-1.875-.364a1 1 0 0 1-.552-1.302m8.302-.552a1 1 0 1 0-.75 1.854a5 5 0 0 0 3.75 0a1 1 0 1 0-.75-1.854c-.346.14-.725.218-1.125.218s-.779-.078-1.125-.218m.126 6.793a1 1 0 0 0-1.002-1.732c-.44.255-.95.401-1.499.401a3 3 0 0 1-1.5-.4a1 1 0 0 0-1 1.73c.736.427 1.591.67 2.5.67c.91 0 1.764-.243 2.5-.67\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:relieved-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 15.5a4 4 0 0 1-2 .535a4 4 0 0 1-2-.535m4-5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:relieved-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M14 15.5a4 4 0 0 1-2 .535a4 4 0 0 1-2-.535m4-5c.463.188.97.29 1.5.29s1.037-.102 1.5-.29m-10 0c.463.188.97.29 1.5.29s1.037-.102 1.5-.29\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:restart",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M12 3a9 9 0 1 1-5.657 2\"/><path d=\"M3 4.5h4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:restart-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M12 3a9 9 0 1 1-5.657 2\"/><path d=\"M3 4.5h4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:restart-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3a9 9 0 1 1-5.657 2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 4.5h4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:restart-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2a1 1 0 1 0 0 2a8 8 0 1 1-6.924 3.99l1.217 1.217A1 1 0 0 0 8 8.5v-4a1 1 0 0 0-1-1H3a1 1 0 0 0-.707 1.707l1.33 1.33A9.96 9.96 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:restart-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 3a9 9 0 1 1-5.657 2\"/><path d=\"M3 4.5h4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:restart-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3a9 9 0 1 1-5.657 2\"/><path d=\"M3 4.5h4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:scanner",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4m12-8h2a2 2 0 0 1 2 2v2M8 20H6a2 2 0 0 1-2-2v-2m16 0v2a2 2 0 0 1-2 2h-2M4 8V6a2 2 0 0 1 2-2h2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:scanner-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M20 12H4m12-8h2a2 2 0 0 1 2 2v2M8 20H6a2 2 0 0 1-2-2v-2m16 0v2a2 2 0 0 1-2 2h-2M4 8V6a2 2 0 0 1 2-2h2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:scanner-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M15 4a1 1 0 0 1 1-1h2a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1h-2a1 1 0 0 1-1-1M3 12a1.5 1.5 0 0 1 1.5-1.5h15a1.5 1.5 0 0 1 0 3h-15A1.5 1.5 0 0 1 3 12m5 9a1 1 0 0 0 0-2H6a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a3 3 0 0 0 3 3zm12-6a1 1 0 0 1 1 1v2a3 3 0 0 1-3 3h-2a1 1 0 0 1 0-2h2a1 1 0 0 0 1-1v-2a1 1 0 0 1 1-1M3 8a1 1 0 0 0 2 0V6a1 1 0 0 1 1-1h2a1 1 0 1 0 0-2H6a3 3 0 0 0-3 3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:scanner-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 12H4m12-8h2a2 2 0 0 1 2 2v2M8 20H6a2 2 0 0 1-2-2v-2m16 0v2a2 2 0 0 1-2 2h-2M4 8V6a2 2 0 0 1 2-2h2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:scanner-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20 12H4m12-8h2a2 2 0 0 1 2 2v2M8 20H6a2 2 0 0 1-2-2v-2m16 0v2a2 2 0 0 1-2 2h-2M4 8V6a2 2 0 0 1 2-2h2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-full",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 9V6a2 2 0 0 1 2-2h3m11 11v3a2 2 0 0 1-2 2h-3m0-16h3a2 2 0 0 1 2 2v3M9 20H6a2 2 0 0 1-2-2v-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-full-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 9V6a2 2 0 0 1 2-2h3m11 11v3a2 2 0 0 1-2 2h-3m0-16h3a2 2 0 0 1 2 2v3M9 20H6a2 2 0 0 1-2-2v-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-full-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 9V6a2 2 0 0 1 2-2h3m11 11v3a2 2 0 0 1-2 2h-3m0-16h3a2 2 0 0 1 2 2v3M9 20H6a2 2 0 0 1-2-2v-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-full-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M14.5 4.5a1 1 0 0 1 1-1h2a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0v-2a1 1 0 0 0-1-1h-2a1 1 0 0 1-1-1m-11 4a1 1 0 1 0 2 0v-2a1 1 0 0 1 1-1h2a1 1 0 0 0 0-2h-2a3 3 0 0 0-3 3zm17 7a1 1 0 1 0-2 0v2a1 1 0 0 1-1 1h-2a1 1 0 1 0 0 2h2a3 3 0 0 0 3-3zm-12 5a1 1 0 1 0 0-2h-2a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a3 3 0 0 0 3 3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-full-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 9V6a2 2 0 0 1 2-2h3m11 11v3a2 2 0 0 1-2 2h-3m0-16h3a2 2 0 0 1 2 2v3M9 20H6a2 2 0 0 1-2-2v-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-full-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 9V6a2 2 0 0 1 2-2h3m11 11v3a2 2 0 0 1-2 2h-3m0-16h3a2 2 0 0 1 2 2v3M9 20H6a2 2 0 0 1-2-2v-3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-normal",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 4v3a2 2 0 0 1-2 2H4m11 11v-3a2 2 0 0 1 2-2h3m0-6h-3a2 2 0 0 1-2-2V4M4 15h3a2 2 0 0 1 2 2v3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-normal-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M9 4v3a2 2 0 0 1-2 2H4m11 11v-3a2 2 0 0 1 2-2h3m0-6h-3a2 2 0 0 1-2-2V4M4 15h3a2 2 0 0 1 2 2v3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-normal-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 4v3a2 2 0 0 1-2 2H4m11 11v-3a2 2 0 0 1 2-2h3m0-6h-3a2 2 0 0 1-2-2V4M4 15h3a2 2 0 0 1 2 2v3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-normal-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.5 4.5a1 1 0 1 0-2 0v2a1 1 0 0 1-1 1h-2a1 1 0 0 0 0 2h2a3 3 0 0 0 3-3zm5 15a1 1 0 1 0 2 0v-2a1 1 0 0 1 1-1h2a1 1 0 1 0 0-2h-2a3 3 0 0 0-3 3zm6-11a1 1 0 0 1-1 1h-2a3 3 0 0 1-3-3v-2a1 1 0 1 1 2 0v2a1 1 0 0 0 1 1h2a1 1 0 0 1 1 1m-16 6a1 1 0 1 0 0 2h2a1 1 0 0 1 1 1v2a1 1 0 1 0 2 0v-2a3 3 0 0 0-3-3z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-normal-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 4v3a2 2 0 0 1-2 2H4m11 11v-3a2 2 0 0 1 2-2h3m0-6h-3a2 2 0 0 1-2-2V4M4 15h3a2 2 0 0 1 2 2v3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:screen-normal-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 4v3a2 2 0 0 1-2 2H4m11 11v-3a2 2 0 0 1 2-2h3m0-6h-3a2 2 0 0 1-2-2V4M4 15h3a2 2 0 0 1 2 2v3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:search",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314\"/></svg>"
+  },
+  {
+    "name": "iconamoon:search-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314\"/></svg>"
+  },
+  {
+    "name": "iconamoon:search-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M19 11a8 8 0 1 1-16 0a8 8 0 0 1 16 0\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:search-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11 2a9 9 0 1 0 5.618 16.032l3.675 3.675a1 1 0 0 0 1.414-1.414l-3.675-3.675A9 9 0 0 0 11 2m-6 9a6 6 0 1 1 12 0a6 6 0 0 1-12 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:search-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314\"/></svg>"
+  },
+  {
+    "name": "iconamoon:search-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314\"/></svg>"
+  },
+  {
+    "name": "iconamoon:send",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l-.604-5.437C4.223 5.007 5.825 3.864 7.24 4.535l11.944 5.658c1.525.722 1.525 2.892 0 3.614L7.24 19.466c-1.415.67-3.017-.472-2.844-2.028zm0 0h7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:send-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m5 12l-.604-5.437C4.223 5.007 5.825 3.864 7.24 4.535l11.944 5.658c1.525.722 1.525 2.892 0 3.614L7.24 19.466c-1.415.67-3.017-.472-2.844-2.028zm0 0h7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:send-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m7.24 4.535l11.944 5.658c1.525.722 1.525 2.892 0 3.614L7.24 19.466c-1.415.67-3.017-.472-2.844-2.028l.58-5.216a2 2 0 0 0 0-.442l-.58-5.216c-.173-1.557 1.429-2.7 2.844-2.029\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l-.604-5.437C4.223 5.007 5.825 3.864 7.24 4.535l11.944 5.658c1.525.722 1.525 2.892 0 3.614L7.24 19.466c-1.415.67-3.017-.472-2.844-2.028zm0 0h7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:send-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.402 6.673c-.26-2.334 2.143-4.048 4.266-3.042l11.944 5.658c2.288 1.083 2.288 4.339 0 5.422L7.668 20.37c-2.123 1.006-4.525-.708-4.266-3.042L3.882 13H12a1 1 0 1 0 0-2H3.883z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:send-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5 12l-.604-5.437C4.223 5.007 5.825 3.864 7.24 4.535l11.944 5.658c1.525.722 1.525 2.892 0 3.614L7.24 19.466c-1.415.67-3.017-.472-2.844-2.028zm0 0h7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:send-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m5 12l-.604-5.437C4.223 5.007 5.825 3.864 7.24 4.535l11.944 5.658c1.525.722 1.525 2.892 0 3.614L7.24 19.466c-1.415.67-3.017-.472-2.844-2.028zm0 0h7\"/></svg>"
+  },
+  {
+    "name": "iconamoon:settings",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><path fill=\"currentColor\" d=\"m5.399 5.88l.5-.867a1 1 0 0 0-1.234.186zM3.4 9.344l-.956-.295a1 1 0 0 0 .456 1.16zm-.002 5.311l-.5-.866a1 1 0 0 0-.455 1.162zm2 3.464l-.734.68a1 1 0 0 0 1.234.186zm4.6 2.655H9a1 1 0 0 0 .778.975zm4.001.002l.223.975a1 1 0 0 0 .777-.975zM18.6 18.12l-.5.866a1 1 0 0 0 1.233-.186zm1.998-3.466l.956.295a1 1 0 0 0-.456-1.16zm.002-5.311l.5.866a1 1 0 0 0 .455-1.162zm-2-3.465l.734-.679a1 1 0 0 0-1.234-.187zM14 3.225h1a1 1 0 0 0-.777-.975zm-4-.002l-.223-.975A1 1 0 0 0 9 3.223zm4 1.849h-1zm5 8.66l-.5.866zm-2 3.464l-.5.866zM5 13.732l.5.866zm2-6.928l-.5.866zM4.356 9.639a8 8 0 0 1 1.776-3.08L4.665 5.2a10 10 0 0 0-2.22 3.85zM5.072 16a8 8 0 0 1-.718-1.64l-1.91.592c.217.701.515 1.388.896 2.048zm1.06 1.441A8 8 0 0 1 5.073 16L3.34 17c.38.66.827 1.261 1.325 1.8zm7.646 2.361a8 8 0 0 1-3.556-.002l-.445 1.95a10 10 0 0 0 4.446.002zm5.866-5.441a8 8 0 0 1-1.776 3.08l1.467 1.36a10 10 0 0 0 2.22-3.85zM18.928 8c.306.53.545 1.08.718 1.64l1.91-.592A10 10 0 0 0 20.66 7zm-1.06-1.441c.397.43.754.91 1.06 1.441l1.732-1a10 10 0 0 0-1.325-1.8zm-7.646-2.361a8 8 0 0 1 3.556.002l.444-1.95a10 10 0 0 0-4.445-.002zm.778.874v-1.85H9v1.85zm-3.5.866l-1.601-.925l-1 1.732l1.6.925zm-3 6.928l-1.601.924l1 1.732l1.6-.924zm1-3.464l-1.6-.923l-1 1.732l1.6.923zM11 20.775v-1.847H9v1.847zM6.5 16.33l-1.601.925l1 1.732l1.6-.925zm12.601.925L17.5 16.33l-1 1.732l1.601.925zM15 20.777v-1.849h-2v1.85zm5.101-12.3l-1.601.925l1 1.732l1.601-.925zm.998 5.312l-1.599-.923l-1 1.732l1.6.923zM15 5.072V3.225h-2v1.847zm3.101-.059l-1.601.925l1 1.732l1.601-.925zM13 5.072c0 2.31 2.5 3.753 4.5 2.598l-1-1.732a1 1 0 0 1-1.5-.866zm5.5 4.33c-2 1.155-2 4.041 0 5.196l1-1.732a1 1 0 0 1 0-1.732zm-1 6.928c-2-1.154-4.5.289-4.5 2.598h2a1 1 0 0 1 1.5-.866zM11 18.928c0-2.31-2.5-3.753-4.5-2.598l1 1.732a1 1 0 0 1 1.5.866zm-5.5-4.33c2-1.155 2-4.041 0-5.196l-1 1.732a1 1 0 0 1 0 1.732zM9 5.072a1 1 0 0 1-1.5.866l-1 1.732c2 1.154 4.5-.289 4.5-2.598z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:settings-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2.5\"/><path fill=\"currentColor\" d=\"m5.399 5.88l.625-1.083a1.25 1.25 0 0 0-1.542.232zM3.4 9.344l-1.195-.369a1.25 1.25 0 0 0 .57 1.451zm-.002 5.311l-.625-1.082a1.25 1.25 0 0 0-.57 1.452zm2 3.464l-.918.85a1.25 1.25 0 0 0 1.543.233zm4.6 2.655H8.75c0 .583.404 1.089.973 1.219zm4.001.002l.278 1.22a1.25 1.25 0 0 0 .972-1.22zM18.6 18.12l-.625 1.082a1.25 1.25 0 0 0 1.542-.232zm1.998-3.466l1.195.369a1.25 1.25 0 0 0-.57-1.451zm.002-5.311l.625 1.082a1.25 1.25 0 0 0 .57-1.452zm-2-3.465l.917-.849a1.25 1.25 0 0 0-1.542-.233zM14 3.225h1.25a1.25 1.25 0 0 0-.972-1.219zm-4-.002l-.278-1.22a1.25 1.25 0 0 0-.972 1.22zm4 1.849h-1.25zm5 8.66l-.625 1.083zm-2 3.464l-.625 1.083zM5 13.732l.625 1.083zm2-6.928l-.625 1.082zm-2.405 2.91a7.74 7.74 0 0 1 1.72-2.985l-1.833-1.7a10.24 10.24 0 0 0-2.276 3.947zm.693 6.161a7.8 7.8 0 0 1-.695-1.589l-2.388.74c.222.719.528 1.422.918 2.099zm1.028 1.396a7.8 7.8 0 0 1-1.028-1.396l-2.165 1.25c.39.676.848 1.293 1.358 1.845zm7.406 2.288a7.74 7.74 0 0 1-3.444-.003l-.556 2.438c1.479.337 3.037.349 4.556.002zm5.683-5.272a7.74 7.74 0 0 1-1.72 2.984l1.833 1.7a10.24 10.24 0 0 0 2.276-3.947zm-.693-6.162c.297.514.527 1.047.695 1.588l2.388-.74a10.3 10.3 0 0 0-.918-2.098zm-1.028-1.397q.58.626 1.028 1.397l2.165-1.25a10.3 10.3 0 0 0-1.359-1.845zm-7.406-2.287a7.74 7.74 0 0 1 3.444.003l.556-2.438a10.24 10.24 0 0 0-4.556-.002zm.972.63V3.224h-2.5v1.849zm-3.625.65l-1.601-.924l-1.25 2.165l1.6.924zm-3.25 6.929l-1.601.924l1.25 2.165l1.6-.924zm1.25-3.465l-1.6-.923l-1.25 2.165l1.6.924zm5.625 11.59v-1.847h-2.5v1.847zm-4.875-4.661l-1.601.924l1.25 2.165l1.6-.924zm12.851.924l-1.601-.924l-1.25 2.165l1.601.924zm-3.976 3.74v-1.85h-2.5v1.85zM19.976 8.26l-1.601.924l1.25 2.165l1.601-.924zm1.248 5.312l-1.599-.924l-1.25 2.166l1.6.923zm-5.974-8.5V3.225h-2.5v1.847zm2.726-.275l-1.601.924l1.25 2.165l1.601-.924zm-5.226.275c0 2.502 2.708 4.065 4.875 2.814l-1.25-2.165a.75.75 0 0 1-1.125-.65zm5.625 4.113c-2.167 1.251-2.167 4.379 0 5.63l1.25-2.165a.75.75 0 0 1 0-1.3zm-.75 6.929c-2.167-1.251-4.875.312-4.875 2.814h2.5a.75.75 0 0 1 1.125-.65zm-6.375 2.814c0-2.502-2.708-4.065-4.875-2.814l1.25 2.165a.75.75 0 0 1 1.125.65zm-5.625-4.113c2.167-1.251 2.167-4.379 0-5.63l-1.25 2.165a.75.75 0 0 1 0 1.3zM8.75 5.072a.75.75 0 0 1-1.125.65l-1.25 2.164c2.167 1.251 4.875-.312 4.875-2.814z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:settings-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.4 9.345a9 9 0 0 1 2-3.466l1.6.925c1.333.77 3-.193 3-1.732v-1.85a9 9 0 0 1 4 .003v1.847c0 1.54 1.667 2.502 3 1.732l1.601-.925a9 9 0 0 1 2 3.465L19 10.268c-1.333.77-1.333 2.694 0 3.464l1.6.923a9 9 0 0 1-1.998 3.466L17 17.196c-1.333-.77-3 .193-3 1.732v1.85a9 9 0 0 1-4-.003v-1.847c0-1.54-1.667-2.502-3-1.732l-1.601.925a9 9 0 0 1-2-3.465l1.6-.924c1.334-.77 1.334-2.694 0-3.464zM12 14a2 2 0 1 0 0-4a2 2 0 0 0 0 4\" clip-rule=\"evenodd\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><path fill=\"currentColor\" d=\"m5.399 5.88l.5-.867a1 1 0 0 0-1.234.186zM3.4 9.344l-.956-.295a1 1 0 0 0 .456 1.16zm-.002 5.311l-.5-.866a1 1 0 0 0-.455 1.162zm2 3.464l-.734.68a1 1 0 0 0 1.234.187zm4.6 2.655H9a1 1 0 0 0 .778.975zm4.001.002l.223.975a1 1 0 0 0 .777-.975zM18.6 18.12l-.5.866a1 1 0 0 0 1.233-.186zm1.998-3.466l.956.295a1 1 0 0 0-.456-1.16zm.002-5.311l.5.866a1 1 0 0 0 .455-1.162zm-2-3.465l.734-.679a1 1 0 0 0-1.234-.187zM14 3.225h1a1 1 0 0 0-.777-.975zm-4-.002l-.223-.975A1 1 0 0 0 9 3.223zm4 1.849h-1zm5 8.66l-.5.866zm-2 3.464l-.5.866zM5 13.732l.5.866zm2-6.928l-.5.866zM4.356 9.639a8 8 0 0 1 1.776-3.08L4.665 5.2a10 10 0 0 0-2.22 3.85zM5.072 16a8 8 0 0 1-.718-1.64l-1.91.592c.217.701.515 1.388.896 2.048zm1.06 1.441A8 8 0 0 1 5.073 16L3.34 17c.38.66.827 1.261 1.325 1.8zm7.646 2.361a8 8 0 0 1-3.556-.002l-.445 1.95a10 10 0 0 0 4.446.002zm5.866-5.441a8 8 0 0 1-1.776 3.08l1.467 1.36a10 10 0 0 0 2.22-3.85zM18.928 8c.306.53.545 1.08.718 1.64l1.91-.592A10 10 0 0 0 20.66 7zm-1.06-1.441c.397.43.754.91 1.06 1.441l1.732-1a10 10 0 0 0-1.325-1.8zm-7.646-2.361a8 8 0 0 1 3.556.002l.444-1.95a10 10 0 0 0-4.445-.002zm.778.874v-1.85H9v1.85zm-3.5.866l-1.601-.925l-1 1.732l1.6.925zm-3 6.928l-1.601.924l1 1.732l1.6-.924zm1-3.464l-1.6-.923l-1 1.732l1.6.923zM11 20.775v-1.847H9v1.847zM6.5 16.33l-1.601.925l1 1.732l1.6-.925zm12.601.925L17.5 16.33l-1 1.732l1.601.925zM15 20.777v-1.849h-2v1.85zm5.101-12.3l-1.601.925l1 1.732l1.601-.924zm.998 5.312l-1.599-.923l-1 1.732l1.6.923zM15 5.072V3.225h-2v1.847zm3.101-.059l-1.601.925l1 1.732l1.601-.925zM13 5.072c0 2.31 2.5 3.753 4.5 2.598l-1-1.732a1 1 0 0 1-1.5-.866zm5.5 4.33c-2 1.155-2 4.041 0 5.196l1-1.732a1 1 0 0 1 0-1.732zm-1 6.928c-2-1.154-4.5.289-4.5 2.598h2a1 1 0 0 1 1.5-.866zM11 18.928c0-2.31-2.5-3.753-4.5-2.598l1 1.732a1 1 0 0 1 1.5.866zm-5.5-4.33c2-1.155 2-4.041 0-5.196l-1 1.732a1 1 0 0 1 0 1.732zM9 5.072a1 1 0 0 1-1.5.866l-1 1.732c2 1.155 4.5-.289 4.5-2.598z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:settings-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 3.223a1 1 0 0 1 .777-.975a10 10 0 0 1 4.445.002a1 1 0 0 1 .778.975v1.847a1 1 0 0 0 1.5.866l1.601-.925a1 1 0 0 1 1.234.187a10.1 10.1 0 0 1 2.221 3.848a1 1 0 0 1-.455 1.162l-1.601.924a1 1 0 0 0 0 1.732l1.6.923a1 1 0 0 1 .455 1.161a10 10 0 0 1-2.22 3.851a1 1 0 0 1-1.234.186l-1.601-.925a1 1 0 0 0-1.5.866v1.85a1 1 0 0 1-.778.974a10 10 0 0 1-4.445-.002A1 1 0 0 1 9 20.775v-1.847a1 1 0 0 0-1.5-.866l-1.601.925a1 1 0 0 1-1.234-.187A10 10 0 0 1 3.34 17a10 10 0 0 1-.896-2.048a1 1 0 0 1 .455-1.162l1.6-.924a1 1 0 0 0 0-1.732l-1.598-.923a1 1 0 0 1-.456-1.161a10 10 0 0 1 2.22-3.85a1 1 0 0 1 1.233-.187l1.602.925A1 1 0 0 0 9 5.072zM12 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:settings-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path fill=\"currentColor\" d=\"m5.399 5.88l.375-.65a.75.75 0 0 0-.925.14zM3.4 9.344l-.717-.222a.75.75 0 0 0 .342.871zm-.002 5.311l-.375-.65a.75.75 0 0 0-.341.872zm2 3.464l-.55.51a.75.75 0 0 0 .925.14zm4.6 2.655h-.75c0 .35.243.653.584.731zm4.001.002l.167.732a.75.75 0 0 0 .583-.732zM18.6 18.12l-.375.65a.75.75 0 0 0 .925-.14zm1.998-3.466l.717.222a.75.75 0 0 0-.342-.871zm.002-5.311l.375.65a.75.75 0 0 0 .341-.872zm-2-3.465l.55-.509a.75.75 0 0 0-.925-.14zM14 3.225h.75a.75.75 0 0 0-.583-.731zm-4-.002l-.167-.732a.75.75 0 0 0-.583.732zm4 1.849h-.75zm5 8.66l-.375.65zm-2 3.464l-.375.65zM5 13.732l.375.65zm2-6.928l-.375.65zM4.117 9.566a8.24 8.24 0 0 1 1.831-3.177l-1.1-1.02a9.74 9.74 0 0 0-2.164 3.754zm.738 6.559a8.3 8.3 0 0 1-.74-1.69l-1.432.443a9.8 9.8 0 0 0 .873 1.997zm1.094 1.486a8.3 8.3 0 0 1-1.094-1.486l-1.299.75a9.8 9.8 0 0 0 1.292 1.755zm7.884 2.435a8.24 8.24 0 0 1-3.666-.002l-.334 1.462a9.74 9.74 0 0 0 4.334.003zm6.05-5.612a8.24 8.24 0 0 1-1.831 3.177l1.1 1.02a9.74 9.74 0 0 0 2.164-3.754zm-.738-6.559q.471.823.74 1.69l1.432-.443a9.8 9.8 0 0 0-.873-1.997zM18.05 6.389c.41.443.778.94 1.094 1.486l1.299-.75A9.8 9.8 0 0 0 19.15 5.37zm-7.884-2.435a8.24 8.24 0 0 1 3.666.002l.334-1.462a9.74 9.74 0 0 0-4.334-.003zm.583 1.118v-1.85h-1.5v1.85zM7.375 6.154L5.774 5.23l-.75 1.299l1.6.924zm-2.75 6.929l-1.601.924l.75 1.299l1.6-.924zm.75-3.465l-1.6-.923l-.75 1.3l1.6.923zm5.375 11.157v-1.847h-1.5v1.847zm-4.125-4.228l-1.601.924l.75 1.3l1.6-.925zm12.351.924l-1.601-.924l-.75 1.299l1.601.924zm-4.226 3.306v-1.849h-1.5v1.85zm5.476-12.083l-1.601.924l.75 1.3l1.601-.925zm.748 5.312l-1.599-.924l-.75 1.3l1.6.923zM14.75 5.072V3.225h-1.5v1.847zm3.476.158l-1.601.924l.75 1.3l1.601-.925zm-4.976-.158c0 2.117 2.292 3.44 4.125 2.381l-.75-1.299a1.25 1.25 0 0 1-1.875-1.082zm5.375 4.546c-1.833 1.059-1.833 3.705 0 4.764l.75-1.3a1.25 1.25 0 0 1 0-2.165zm-1.25 6.929c-1.833-1.059-4.125.264-4.125 2.381h1.5a1.25 1.25 0 0 1 1.875-1.082zm-6.625 2.381c0-2.117-2.292-3.44-4.125-2.381l.75 1.299a1.25 1.25 0 0 1 1.875 1.082zm-5.375-4.546c1.833-1.059 1.833-3.705 0-4.764l-.75 1.3a1.25 1.25 0 0 1 0 2.165zm3.875-9.31a1.25 1.25 0 0 1-1.875 1.082l-.75 1.3c1.833 1.058 4.125-.265 4.125-2.382z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:settings-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"2\" stroke=\"currentColor\"/><path fill=\"currentColor\" d=\"m5.399 5.88l.25-.434a.5.5 0 0 0-.617.093zM3.4 9.344l-.478-.148a.5.5 0 0 0 .228.58zm-.002 5.311l-.25-.433a.5.5 0 0 0-.228.581zm2 3.464l-.367.34a.5.5 0 0 0 .617.093zm4.6 2.655h-.5a.5.5 0 0 0 .39.488zm4.001.002l.111.488a.5.5 0 0 0 .389-.488zM18.6 18.12l-.25.433a.5.5 0 0 0 .617-.093zm1.998-3.466l.478.148a.5.5 0 0 0-.228-.58zm.002-5.311l.25.433a.5.5 0 0 0 .228-.581zm-2-3.465l.367-.34a.5.5 0 0 0-.617-.093zM14 3.225h.5a.5.5 0 0 0-.389-.487zm-4-.002l-.111-.488a.5.5 0 0 0-.39.488zm4 1.849h-.5zm5 8.66l-.25.433zm-2 3.464l-.25.433zM5 13.732l.25.433zm2-6.928l-.25.433zM3.878 9.492a8.5 8.5 0 0 1 1.887-3.273l-.733-.68a9.5 9.5 0 0 0-2.11 3.658zm.76 6.758a8.5 8.5 0 0 1-.761-1.742l-.956.296a9.5 9.5 0 0 0 .852 1.946zm1.128 1.53a8.5 8.5 0 0 1-1.127-1.53l-.866.5a9.5 9.5 0 0 0 1.259 1.71zm8.123 2.51a8.5 8.5 0 0 1-3.778-.002l-.222.974a9.5 9.5 0 0 0 4.222.003zm6.233-5.782a8.5 8.5 0 0 1-1.887 3.273l.733.68a9.5 9.5 0 0 0 2.11-3.658zm-.76-6.758c.324.563.577 1.147.762 1.742l.955-.296a9.5 9.5 0 0 0-.852-1.946zm-1.128-1.53a8.5 8.5 0 0 1 1.127 1.53l.866-.5a9.5 9.5 0 0 0-1.259-1.71zm-8.123-2.51a8.5 8.5 0 0 1 3.778.002l.222-.974a9.5 9.5 0 0 0-4.222-.003zm.389 1.362v-1.85h-1v1.85zM7.25 6.37l-1.601-.925l-.5.866l1.6.925zm-2.5 6.928l-1.601.924l.5.866l1.6-.924zm.5-3.464l-1.6-.923l-.5.866l1.6.923zm5.25 10.94v-1.847h-1v1.847zm-3.75-4.012l-1.601.924l.5.866l1.6-.924zm12.101.925l-1.601-.925l-.5.866l1.601.925zm-4.351 3.09v-1.85h-1v1.85zM20.351 8.91l-1.601.924l.5.866l1.601-.924zm.498 5.311L19.25 13.3l-.5.866l1.6.923zM14.5 5.072V3.225h-1v1.847zm3.851.374l-1.601.925l.5.866l1.601-.925zM13.5 5.072c0 1.924 2.083 3.127 3.75 2.165l-.5-.866a1.5 1.5 0 0 1-2.25-1.3zm5.25 4.763c-1.667.962-1.667 3.368 0 4.33l.5-.866a1.5 1.5 0 0 1 0-2.598zm-1.5 6.928c-1.667-.962-3.75.24-3.75 2.165h1a1.5 1.5 0 0 1 2.25-1.299zm-6.75 2.165c0-1.924-2.083-3.127-3.75-2.165l.5.866a1.5 1.5 0 0 1 2.25 1.3zm-5.25-4.763c1.667-.962 1.667-3.368 0-4.33l-.5.866c1 .577 1 2.02 0 2.598zM9.5 5.072A1.5 1.5 0 0 1 7.25 6.37l-.5.866c1.667.962 3.75-.24 3.75-2.165z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:share-1",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.272 6.008A2 2 0 0 0 20 5a2 2 0 1 0-3.728 1.008m0 0l-8.544 4.984m0 0A1.999 1.999 0 0 0 4 12a2 2 0 0 0 3.728 1.008m0-2.016a2 2 0 0 1 0 2.016m0 0l8.544 4.984m0 0A1.999 1.999 0 0 1 20 19a2 2 0 1 1-3.728-1.008\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-1-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M16.272 6.008A2 2 0 0 0 20 5a2 2 0 1 0-3.728 1.008m0 0l-8.544 4.984m0 0A1.999 1.999 0 0 0 4 12a2 2 0 0 0 3.728 1.008m0-2.016a2 2 0 0 1 0 2.016m0 0l8.544 4.984m0 0A1.999 1.999 0 0 1 20 19a2 2 0 1 1-3.728-1.008\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-1-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M16 5a2 2 0 1 1 4 0a2 2 0 0 1-4 0m0 14a2 2 0 1 1 3.998-.002A2 2 0 0 1 16 19M4 12a2 2 0 1 1 4 0a2 2 0 0 1-4 0\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16.272 6.008A2 2 0 0 0 20 5a2 2 0 1 0-3.728 1.008m0 0l-8.544 4.984m0 0a2 2 0 1 0 0 2.016m0-2.016a2 2 0 0 1 0 2.016m0 0l8.544 4.984m0 0a2 2 0 1 1 3.454 2.014a2 2 0 0 1-3.454-2.014\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:share-1-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M18 2a3 3 0 0 0-2.947 3.562l-7.114 4.15a3 3 0 1 0 0 4.578l7.114 4.148Q15 18.712 15 19a3 3 0 1 0 1.06-2.289l-7.113-4.15a3 3 0 0 0 0-1.123l7.114-4.15A3 3 0 1 0 18 2\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-1-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16.272 6.008A2 2 0 0 0 20 5a2 2 0 1 0-3.728 1.008m0 0l-8.544 4.984m0 0a2 2 0 1 0 0 2.016m0-2.016a2 2 0 0 1 0 2.016m0 0l8.544 4.984m0 0a2 2 0 1 1 3.454 2.014a2 2 0 0 1-3.454-2.014\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-1-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.272 6.008A2 2 0 0 0 20 5a2 2 0 1 0-3.728 1.008m0 0l-8.544 4.984m0 0a2 2 0 1 0 0 2.016m0-2.016a2 2 0 0 1 0 2.016m0 0l8.544 4.984m0 0a2 2 0 1 1 3.454 2.014a2 2 0 0 1-3.454-2.014\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-2",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 5l-3-3m0 0L9 5m3-3v12M6 9H4v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9h-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-2-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m15 5l-3-3m0 0L9 5m3-3v12M6 9H4v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9h-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-2-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 5l-3-3m0 0L9 5m3-3v12M6 9H4v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9h-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-2-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11 14a1 1 0 1 0 2 0V6h2a1 1 0 0 0 .707-1.707l-3-3a1 1 0 0 0-1.414 0l-3 3A1 1 0 0 0 9 6h2zM4 8a1 1 0 0 0-1 1v9a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V9a1 1 0 0 0-1-1h-2a1 1 0 1 0 0 2h1v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-8h1a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-2-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m15 5l-3-3m0 0L9 5m3-3v12M6 9H4v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9h-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:share-2-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m15 5l-3-3m0 0L9 5m3-3v12M6 9H4v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9h-2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shield",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 3l.394-.92a1 1 0 0 0-.788 0zm0 18l-.496.868a1 1 0 0 0 .992 0zm6.394-15.26L18 6.66zM8.024 18.727l-.497.869zm3.582-16.646L5.212 4.82L6 6.66l6.394-2.74zM4 6.659v6.86h2v-6.86zm3.527 12.937l3.977 2.272l.992-1.736l-3.977-2.273zm4.97 2.272l3.976-2.272l-.992-1.737l-3.977 2.273zM20 13.518V6.66h-2v6.86zm-1.212-8.697l-6.394-2.74l-.788 1.838L18 6.66zM20 6.66a2 2 0 0 0-1.212-1.838L18 6.66zm-3.527 12.937A7 7 0 0 0 20 13.518h-2a5 5 0 0 1-2.52 4.341zM4 13.518a7 7 0 0 0 3.527 6.078l.992-1.737A5 5 0 0 1 6 13.52zm1.212-8.697A2 2 0 0 0 4 6.66h2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shield-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 3l.492-1.149a1.25 1.25 0 0 0-.984 0zm0 18l-.62 1.085c.384.22.856.22 1.24 0zm6.394-15.26l-.492 1.15zM8.024 18.727l-.621 1.086zm3.484-16.876l-6.394 2.74l.984 2.298l6.394-2.74zM3.75 6.66v6.86h2.5V6.66zm3.653 13.154l3.977 2.272l1.24-2.17l-3.977-2.273zm5.217 2.272l3.977-2.272l-1.24-2.17l-3.977 2.272zm7.63-8.567V6.66h-2.5v6.86zm-1.364-8.927l-6.394-2.74l-.984 2.298l6.393 2.74zM20.25 6.66c0-.9-.536-1.713-1.364-2.068l-.985 2.298a.25.25 0 0 1-.151-.23zm-3.653 13.154a7.25 7.25 0 0 0 3.653-6.295h-2.5a4.75 4.75 0 0 1-2.393 4.124zM3.75 13.518a7.25 7.25 0 0 0 3.653 6.295l1.24-2.17a4.75 4.75 0 0 1-2.393-4.125zm1.364-8.927A2.25 2.25 0 0 0 3.75 6.66h2.5c0 .1-.06.19-.152.23z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shield-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"currentColor\"><path d=\"M5.606 5.74L12 3l6.394 2.74a1 1 0 0 1 .606.92v6.858a6 6 0 0 1-3.023 5.21L12 21l-3.977-2.273A6 6 0 0 1 5 13.519V6.66a1 1 0 0 1 .606-.919\" opacity=\".16\"/><path d=\"m12 3l.394-.92a1 1 0 0 0-.788 0zm0 18l-.496.868a1 1 0 0 0 .992 0zm6.394-15.26L18 6.66zM8.024 18.727l-.497.869zm3.582-16.646L5.212 4.82L6 6.66l6.394-2.74zM4 6.659v6.86h2v-6.86zm3.527 12.937l3.977 2.272l.992-1.736l-3.977-2.273zm4.97 2.272l3.976-2.272l-.992-1.737l-3.977 2.273zM20 13.518V6.66h-2v6.86zm-1.212-8.697l-6.394-2.74l-.788 1.838L18 6.66zM20 6.66a2 2 0 0 0-1.212-1.838L18 6.66zm-3.527 12.937A7 7 0 0 0 20 13.518h-2a5 5 0 0 1-2.52 4.341zM4 13.518a7 7 0 0 0 3.527 6.078l.992-1.737A5 5 0 0 1 6 13.52zm1.212-8.697A2 2 0 0 0 4 6.66h2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12.394 2.08a1 1 0 0 0-.788 0L5.212 4.822A2 2 0 0 0 4 6.66v6.86a7 7 0 0 0 3.527 6.077l3.977 2.272a1 1 0 0 0 .992 0l3.977-2.272A7 7 0 0 0 20 13.518V6.66a2 2 0 0 0-1.212-1.838z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shield-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 3l.295-.69a.75.75 0 0 0-.59 0zm0 18l-.372.651a.75.75 0 0 0 .744 0zm6.394-15.26l-.295.69zM8.024 18.727l-.373.652zm3.68-16.416L5.312 5.05L5.9 6.43l6.394-2.74zM4.25 6.659v6.86h1.5v-6.86zm3.401 12.72l3.977 2.272l.744-1.302l-3.977-2.273zm4.721 2.272l3.977-2.272l-.744-1.303l-3.977 2.273zm7.378-8.133V6.66h-1.5v6.86zm-1.06-8.467l-6.395-2.74l-.59 1.378l6.394 2.74zm1.06 1.608c0-.7-.417-1.332-1.06-1.608l-.591 1.379a.25.25 0 0 1 .151.23zm-3.401 12.72a6.75 6.75 0 0 0 3.401-5.86h-1.5a5.25 5.25 0 0 1-2.645 4.557zM4.25 13.519a6.75 6.75 0 0 0 3.401 5.86l.744-1.303a5.25 5.25 0 0 1-2.645-4.558zM5.31 5.05a1.75 1.75 0 0 0-1.06 1.608h1.5c0-.1.06-.19.152-.23z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shield-no",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l.394-.92a1 1 0 0 0-.788 0zm0 18l-.496.868a1 1 0 0 0 .992 0zm6.394-15.26L18 6.66zM8.024 18.727l-.497.869zm3.582-16.646L5.212 4.82L6 6.66l6.394-2.74zM4 6.659v6.86h2v-6.86zm3.527 12.937l3.977 2.272l.992-1.736l-3.977-2.273zm4.97 2.272l3.976-2.272l-.992-1.737l-3.977 2.273zM20 13.518V6.66h-2v6.86zm-1.212-8.697l-6.394-2.74l-.788 1.838L18 6.66zM20 6.66a2 2 0 0 0-1.212-1.838L18 6.66zm-3.527 12.937A7 7 0 0 0 20 13.518h-2a5 5 0 0 1-2.52 4.341zM4 13.518a7 7 0 0 0 3.527 6.078l.992-1.737A5 5 0 0 1 6 13.52zm1.212-8.697A2 2 0 0 0 4 6.66h2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-no-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l.492-1.149a1.25 1.25 0 0 0-.984 0zm0 18l-.62 1.085c.384.22.856.22 1.24 0zm6.394-15.26l-.492 1.15zM8.024 18.727l-.621 1.086zm3.484-16.876l-6.394 2.74l.984 2.298l6.394-2.74zM3.75 6.66v6.86h2.5V6.66zm3.653 13.154l3.977 2.272l1.24-2.17l-3.977-2.273zm5.217 2.272l3.977-2.272l-1.24-2.17l-3.977 2.272zm7.63-8.567V6.66h-2.5v6.86zm-1.364-8.927l-6.394-2.74l-.984 2.298l6.393 2.74zM20.25 6.66c0-.9-.536-1.713-1.364-2.068l-.985 2.298a.25.25 0 0 1-.151-.23zm-3.653 13.154a7.25 7.25 0 0 0 3.653-6.295h-2.5a4.75 4.75 0 0 1-2.393 4.124zM3.75 13.518a7.25 7.25 0 0 0 3.653 6.295l1.24-2.17a4.75 4.75 0 0 1-2.393-4.125zm1.364-8.927A2.25 2.25 0 0 0 3.75 6.66h2.5c0 .1-.06.19-.152.23z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m10 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-no-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M5.606 5.74L12 3l6.394 2.74a1 1 0 0 1 .606.92v6.858a6 6 0 0 1-3.023 5.21L12 21l-3.977-2.273A6 6 0 0 1 5 13.519V6.66a1 1 0 0 1 .606-.919\" opacity=\".16\"/><path fill=\"currentColor\" d=\"m12 3l.394-.92a1 1 0 0 0-.788 0zm0 18l-.496.868a1 1 0 0 0 .992 0zm6.394-15.26L18 6.66zM8.024 18.727l-.497.869zm3.582-16.646L5.212 4.82L6 6.66l6.394-2.74zM4 6.659v6.86h2v-6.86zm3.527 12.937l3.977 2.272l.992-1.736l-3.977-2.273zm4.97 2.272l3.976-2.272l-.992-1.737l-3.977 2.273zM20 13.518V6.66h-2v6.86zm-1.212-8.697l-6.394-2.74l-.788 1.838L18 6.66zM20 6.66a2 2 0 0 0-1.212-1.838L18 6.66zm-3.527 12.937A7 7 0 0 0 20 13.518h-2a5 5 0 0 1-2.52 4.341zM4 13.518a7 7 0 0 0 3.527 6.078l.992-1.737A5 5 0 0 1 6 13.52zm1.212-8.697A2 2 0 0 0 4 6.66h2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-no-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.606 2.08a1 1 0 0 1 .788 0l6.394 2.741A2 2 0 0 1 20 6.66v6.86a7 7 0 0 1-3.527 6.077l-3.977 2.272a1 1 0 0 1-.992 0l-3.977-2.272A7 7 0 0 1 4 13.518V6.66a2 2 0 0 1 1.212-1.838zm-.899 7.213a1 1 0 0 0-1.414 1.414L10.586 12l-1.293 1.293a1 1 0 1 0 1.414 1.414L12 13.414l1.293 1.293a1 1 0 0 0 1.414-1.414L13.414 12l1.293-1.293a1 1 0 0 0-1.414-1.414L12 10.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shield-no-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l.295-.69a.75.75 0 0 0-.59 0zm0 18l-.372.651a.75.75 0 0 0 .744 0zm6.394-15.26l-.295.69zM8.024 18.727l-.373.652zm3.68-16.416L5.312 5.05L5.9 6.43l6.394-2.74zM4.25 6.659v6.86h1.5v-6.86zm3.401 12.72l3.977 2.272l.744-1.302l-3.977-2.273zm4.721 2.272l3.977-2.272l-.744-1.303l-3.977 2.273zm7.378-8.133V6.66h-1.5v6.86zm-1.06-8.467l-6.395-2.74l-.59 1.378l6.394 2.74zm1.06 1.608c0-.7-.417-1.332-1.06-1.608l-.591 1.379a.25.25 0 0 1 .151.23zm-3.401 12.72a6.75 6.75 0 0 0 3.401-5.86h-1.5a5.25 5.25 0 0 1-2.645 4.557zM4.25 13.519a6.75 6.75 0 0 0 3.401 5.86l.744-1.303a5.25 5.25 0 0 1-2.645-4.558zM5.31 5.05a1.75 1.75 0 0 0-1.06 1.608h1.5c0-.1.06-.19.152-.23z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m10 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-no-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l.197-.46a.5.5 0 0 0-.394 0zm0 18l-.248.434a.5.5 0 0 0 .496 0zm6.394-15.26l-.197.46zM8.024 18.727l-.249.435zM11.802 2.54L5.409 5.28l.394.92l6.394-2.74zM4.5 6.66v6.858h1V6.66zm3.275 12.502l3.977 2.272l.496-.868l-3.977-2.273zm4.473 2.272l3.977-2.272l-.496-.869l-3.977 2.273zm7.252-7.916V6.66h-1v6.86zm-.91-8.237l-6.393-2.74l-.394.919l6.394 2.74zm.91 1.378a1.5 1.5 0 0 0-.91-1.378l-.393.919a.5.5 0 0 1 .303.46zm-3.275 12.503a6.5 6.5 0 0 0 3.275-5.644h-1a5.5 5.5 0 0 1-2.771 4.775zM4.5 13.518a6.5 6.5 0 0 0 3.275 5.644l.496-.869A5.5 5.5 0 0 1 5.5 13.518zm.91-8.237a1.5 1.5 0 0 0-.91 1.378h1c0-.2.12-.38.303-.46z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m10 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"m5.7 5.7l-.094.04A1 1 0 0 0 5 6.66v6.858a6 6 0 0 0 3.023 5.21L12 21l3.977-2.273a6 6 0 0 0 1.517-1.233M9.66 4.003L12 3l6.394 2.74a1 1 0 0 1 .606.92v6.683\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"m5.7 5.7l-.094.04A1 1 0 0 0 5 6.66v6.858a6 6 0 0 0 3.023 5.21L12 21l3.977-2.273a6 6 0 0 0 1.517-1.233M9.66 4.003L12 3l6.394 2.74a1 1 0 0 1 .606.92v6.683\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M5 13.518V6.66a1 1 0 0 1 .606-.919L5.7 5.7l11.794 11.794a6 6 0 0 1-1.517 1.233L12 21l-3.977-2.273A6 6 0 0 1 5 13.519\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5.7 5.7l-.094.04A1 1 0 0 0 5 6.66v6.858a6 6 0 0 0 3.023 5.21L12 21l3.977-2.273a6 6 0 0 0 1.517-1.233M9.66 4.003L12 3l6.394 2.74a1 1 0 0 1 .606.92v6.683\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.606 2.08a1 1 0 0 1 .788 0l6.394 2.741A2 2 0 0 1 20 6.66v6.684a1 1 0 0 1-2 0V6.659l-6-2.571l-1.946.834a1 1 0 1 1-.788-1.838zM4.26 5.675c-.167.294-.26.632-.26.985v6.86a7 7 0 0 0 3.527 6.077l3.977 2.272a1 1 0 0 0 .992 0l3.977-2.272q.54-.31 1.009-.7l1.811 1.811a1 1 0 0 0 1.414-1.414L6.422 5.008l-.03-.03l-1.685-1.685a1 1 0 0 0-1.414 1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shield-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"m5.7 5.7l-.094.04A1 1 0 0 0 5 6.66v6.858a6 6 0 0 0 3.023 5.21L12 21l3.977-2.273a6 6 0 0 0 1.517-1.233M9.66 4.003L12 3l6.394 2.74a1 1 0 0 1 .606.92v6.683\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"><path stroke-linejoin=\"round\" d=\"m5.7 5.7l-.094.04A1 1 0 0 0 5 6.66v6.858a6 6 0 0 0 3.023 5.21L12 21l3.977-2.273a6 6 0 0 0 1.517-1.233M9.66 4.003L12 3l6.394 2.74a1 1 0 0 1 .606.92v6.683\"/><path d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m12 3l.197-.46a.5.5 0 0 0-.394 0zm0 18l-.248.434a.5.5 0 0 0 .496 0zm6.394-15.26l-.197.46zM8.024 18.727l-.249.435zM11.802 2.54L5.409 5.28l.394.92l6.394-2.74zM4.5 6.66v6.858h1V6.66zm3.275 12.502l3.977 2.272l.496-.868l-3.977-2.273zm4.473 2.272l3.977-2.272l-.496-.869l-3.977 2.273zm7.252-7.916V6.66h-1v6.86zm-.91-8.237l-6.393-2.74l-.394.919l6.394 2.74zm.91 1.378a1.5 1.5 0 0 0-.91-1.378l-.393.919a.5.5 0 0 1 .303.46zm-3.275 12.503a6.5 6.5 0 0 0 3.275-5.644h-1a5.5 5.5 0 0 1-2.771 4.775zM4.5 13.518a6.5 6.5 0 0 0 3.275 5.644l.496-.869A5.5 5.5 0 0 1 5.5 13.518zm.91-8.237a1.5 1.5 0 0 0-.91 1.378h1c0-.2.12-.38.303-.46z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shield-yes",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l.394-.92a1 1 0 0 0-.788 0zm0 18l-.496.868a1 1 0 0 0 .992 0zm6.394-15.26L18 6.66zM8.024 18.727l-.497.869zm3.582-16.646L5.212 4.82L6 6.66l6.394-2.74zM4 6.659v6.86h2v-6.86zm3.527 12.937l3.977 2.272l.992-1.736l-3.977-2.273zm4.97 2.272l3.976-2.272l-.992-1.737l-3.977 2.273zM20 13.518V6.66h-2v6.86zm-1.212-8.697l-6.394-2.74l-.788 1.838L18 6.66zM20 6.66a2 2 0 0 0-1.212-1.838L18 6.66zm-3.527 12.937A7 7 0 0 0 20 13.518h-2a5 5 0 0 1-2.52 4.341zM4 13.518a7 7 0 0 0 3.527 6.078l.992-1.737A5 5 0 0 1 6 13.52zm1.212-8.697A2 2 0 0 0 4 6.66h2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-yes-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l.492-1.149a1.25 1.25 0 0 0-.984 0zm0 18l-.62 1.085c.384.22.856.22 1.24 0zm6.394-15.26l-.492 1.15zM8.024 18.727l-.621 1.086zm3.484-16.876l-6.394 2.74l.984 2.298l6.394-2.74zM3.75 6.66v6.86h2.5V6.66zm3.653 13.154l3.977 2.272l1.24-2.17l-3.977-2.273zm5.217 2.272l3.977-2.272l-1.24-2.17l-3.977 2.272zm7.63-8.567V6.66h-2.5v6.86zm-1.364-8.927l-6.394-2.74l-.984 2.298l6.393 2.74zM20.25 6.66c0-.9-.536-1.713-1.364-2.068l-.985 2.298a.25.25 0 0 1-.151-.23zm-3.653 13.154a7.25 7.25 0 0 0 3.653-6.295h-2.5a4.75 4.75 0 0 1-2.393 4.124zM3.75 13.518a7.25 7.25 0 0 0 3.653 6.295l1.24-2.17a4.75 4.75 0 0 1-2.393-4.125zm1.364-8.927A2.25 2.25 0 0 0 3.75 6.66h2.5c0 .1-.06.19-.152.23z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-yes-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M5.606 5.74L12 3l6.394 2.74a1 1 0 0 1 .606.92v6.858a6 6 0 0 1-3.023 5.21L12 21l-3.977-2.273A6 6 0 0 1 5 13.519V6.66a1 1 0 0 1 .606-.919\" opacity=\".16\"/><path fill=\"currentColor\" d=\"m12 3l.394-.92a1 1 0 0 0-.788 0zm0 18l-.496.868a1 1 0 0 0 .992 0zm6.394-15.26L18 6.66zM8.024 18.727l-.497.869zm3.582-16.646L5.212 4.82L6 6.66l6.394-2.74zM4 6.659v6.86h2v-6.86zm3.527 12.937l3.977 2.272l.992-1.736l-3.977-2.273zm4.97 2.272l3.976-2.272l-.992-1.737l-3.977 2.273zM20 13.518V6.66h-2v6.86zm-1.212-8.697l-6.394-2.74l-.788 1.838L18 6.66zM20 6.66a2 2 0 0 0-1.212-1.838L18 6.66zm-3.527 12.937A7 7 0 0 0 20 13.518h-2a5 5 0 0 1-2.52 4.341zM4 13.518a7 7 0 0 0 3.527 6.078l.992-1.737A5 5 0 0 1 6 13.52zm1.212-8.697A2 2 0 0 0 4 6.66h2z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-yes-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.606 2.08a1 1 0 0 1 .788 0l6.394 2.741A2 2 0 0 1 20 6.66v6.86a7 7 0 0 1-3.527 6.077l-3.977 2.272a1 1 0 0 1-.992 0l-3.977-2.272A7 7 0 0 1 4 13.518V6.66a2 2 0 0 1 1.212-1.838zm4.101 8.627a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shield-yes-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l.295-.69a.75.75 0 0 0-.59 0zm0 18l-.372.651a.75.75 0 0 0 .744 0zm6.394-15.26l-.295.69zM8.024 18.727l-.373.652zm3.68-16.416L5.312 5.05L5.9 6.43l6.394-2.74zM4.25 6.659v6.86h1.5v-6.86zm3.401 12.72l3.977 2.272l.744-1.302l-3.977-2.273zm4.721 2.272l3.977-2.272l-.744-1.303l-3.977 2.273zm7.378-8.133V6.66h-1.5v6.86zm-1.06-8.467l-6.395-2.74l-.59 1.378l6.394 2.74zm1.06 1.608c0-.7-.417-1.332-1.06-1.608l-.591 1.379a.25.25 0 0 1 .151.23zm-3.401 12.72a6.75 6.75 0 0 0 3.401-5.86h-1.5a5.25 5.25 0 0 1-2.645 4.557zM4.25 13.519a6.75 6.75 0 0 0 3.401 5.86l.744-1.303a5.25 5.25 0 0 1-2.645-4.558zM5.31 5.05a1.75 1.75 0 0 0-1.06 1.608h1.5c0-.1.06-.19.152-.23z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shield-yes-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 3l.197-.46a.5.5 0 0 0-.394 0zm0 18l-.248.434a.5.5 0 0 0 .496 0zm6.394-15.26l-.197.46zM8.024 18.727l-.249.435zM11.802 2.54L5.409 5.28l.394.92l6.394-2.74zM4.5 6.66v6.858h1V6.66zm3.275 12.502l3.977 2.272l.496-.868l-3.977-2.273zm4.473 2.272l3.977-2.272l-.496-.869l-3.977 2.273zm7.252-7.916V6.66h-1v6.86zm-.91-8.237l-6.393-2.74l-.394.919l6.394 2.74zm.91 1.378a1.5 1.5 0 0 0-.91-1.378l-.393.919a.5.5 0 0 1 .303.46zm-3.275 12.503a6.5 6.5 0 0 0 3.275-5.644h-1a5.5 5.5 0 0 1-2.771 4.775zM4.5 13.518a6.5 6.5 0 0 0 3.275 5.644l.496-.869A5.5 5.5 0 0 1 5.5 13.518zm.91-8.237a1.5 1.5 0 0 0-.91 1.378h1c0-.2.12-.38.303-.46z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m15 10l-4 4l-2-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-bag",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M4 9h16l-.835 9.181A2 2 0 0 1 17.174 20H6.826a2 2 0 0 1-1.991-1.819z\"/><path stroke-linecap=\"round\" d=\"M8 11V8a4 4 0 1 1 8 0v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-bag-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M4 9h16l-.835 9.181A2 2 0 0 1 17.174 20H6.826a2 2 0 0 1-1.991-1.819z\"/><path stroke-linecap=\"round\" d=\"M8 11V8a4 4 0 1 1 8 0v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-bag-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 9h16l-.835 9.181A2 2 0 0 1 17.174 20H6.826a2 2 0 0 1-1.991-1.819z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 9h16l-.835 9.181A2 2 0 0 1 17.174 20H6.826a2 2 0 0 1-1.991-1.819z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M8 11V8a4 4 0 1 1 8 0v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-bag-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 8a3 3 0 1 1 6 0zM7 8a5 5 0 0 1 10 0h3a1 1 0 0 1 .996 1.09l-.835 9.182A3 3 0 0 1 17.174 21H6.826a3 3 0 0 1-2.987-2.728L3.004 9.09A1 1 0 0 1 4 8z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-bag-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"M4 9h16l-.835 9.181A2 2 0 0 1 17.174 20H6.826a2 2 0 0 1-1.991-1.819z\"/><path stroke-linecap=\"round\" d=\"M8 11V8a4 4 0 1 1 8 0v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-bag-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linejoin=\"round\" d=\"M4 9h16l-.835 9.181A2 2 0 0 1 17.174 20H6.826a2 2 0 0 1-1.991-1.819z\"/><path stroke-linecap=\"round\" d=\"M8 11V8a4 4 0 1 1 8 0v3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 2a1 1 0 0 0 0 2zm2 1l.997-.077A1 1 0 0 0 5 2zm16 3l.994.11A1 1 0 0 0 21 5zM5.23 6l-.996.077zm13.109 9.119l.07.997zm-10.355.74l-.071-.998zM3 4h2V2H3zm5.055 12.856l10.355-.74l-.143-1.995l-10.354.74zm13.123-3.401l.816-7.345l-1.988-.22l-.816 7.344zM4.003 3.077l.23 3l1.995-.154l-.23-3zm.23 3l.617 8.017l1.995-.154l-.617-8.017zM21 5H5.23v2H21zm-2.59 11.116a3 3 0 0 0 2.768-2.661l-1.988-.22a1 1 0 0 1-.923.886zM7.913 14.861a1 1 0 0 1-1.069-.92l-1.994.152a3 3 0 0 0 3.205 2.763z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.5 20.5h.01v.01H8.5zm9 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-add",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 2a1 1 0 0 0 0 2zm2 1l.997-.077A1 1 0 0 0 5 2zm16 3l.994.11A1 1 0 0 0 21 5zM5.23 6l-.996.077zm13.109 9.119l.07.997zm-10.355.74l-.071-.998zM3 4h2V2H3zm5.055 12.856l10.355-.74l-.143-1.995l-10.354.74zm13.123-3.401l.816-7.345l-1.988-.22l-.816 7.344zM4.003 3.077l.23 3l1.995-.154l-.23-3zm.23 3l.617 8.017l1.995-.154l-.617-8.017zM21 5H5.23v2H21zm-2.59 11.116a3 3 0 0 0 2.768-2.661l-1.988-.22a1 1 0 0 1-.923.886zM7.913 14.861a1 1 0 0 1-1.069-.92l-1.994.152a3 3 0 0 0 3.205 2.763z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 9.5v3M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-add-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 1.75a1.25 1.25 0 1 0 0 2.5zM5 3l1.246-.096A1.25 1.25 0 0 0 5 1.75zm16 3l1.242.138A1.25 1.25 0 0 0 21 4.75zM5.23 6l-1.246.096zm13.109 9.119l.089 1.247zm-10.355.74l-.089-1.248zM3 4.25h2v-2.5H3zm5.073 12.855l10.355-.74l-.178-2.493l-10.355.74zm13.353-3.622l.816-7.345l-2.484-.276l-.816 7.345zM3.754 3.096l.23 3l2.493-.192l-.23-3zm.23 3l.617 8.017l2.493-.192l-.617-8.017zM21 4.75H5.23v2.5H21zm-2.572 11.616a3.25 3.25 0 0 0 2.998-2.883l-2.484-.276a.75.75 0 0 1-.692.665zM7.895 14.61a.75.75 0 0 1-.801-.69l-2.493.192a3.25 3.25 0 0 0 3.472 2.992z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M13 9.5v3M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3.75\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-add-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m18.339 15.119l-10.355.74a2 2 0 0 1-2.137-1.842L5.231 6H21l-.816 7.345a2 2 0 0 1-1.845 1.774\" opacity=\".16\"/><path fill=\"currentColor\" d=\"M3 2a1 1 0 0 0 0 2zm2 1l.997-.077A1 1 0 0 0 5 2zm16 3l.994.11A1 1 0 0 0 21 5zM5.23 6l-.996.077zm13.109 9.119l.07.997zm-10.355.74l-.071-.998zM3 4h2V2H3zm5.055 12.856l10.355-.74l-.143-1.995l-10.354.74zm13.123-3.401l.816-7.345l-1.988-.22l-.816 7.344zM4.003 3.077l.23 3l1.995-.154l-.23-3zm.23 3l.617 8.017l1.995-.154l-.617-8.017zM21 5H5.23v2H21zm-2.59 11.116a3 3 0 0 0 2.768-2.661l-1.988-.22a1 1 0 0 1-.923.886zM7.913 14.861a1 1 0 0 1-1.069-.92l-1.994.152a3 3 0 0 0 3.205 2.763z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 9.5v3M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-add-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 3a1 1 0 0 1 1-1h2a1 1 0 0 1 .997.923L6.157 5H21a1 1 0 0 1 .994 1.11l-.816 7.345a3 3 0 0 1-2.768 2.661l-10.355.74a3 3 0 0 1-3.205-2.763l-.616-8.016L4.074 4H3a1 1 0 0 1-1-1m11 5.5a1 1 0 0 1 1 1v.5h.5a1 1 0 1 1 0 2H14v.5a1 1 0 1 1-2 0V12h-.5a1 1 0 1 1 0-2h.5v-.5a1 1 0 0 1 1-1m3 12a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5h-.01a1.5 1.5 0 0 1-1.5-1.5zM8.5 19A1.5 1.5 0 0 0 7 20.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5v-.01a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-add-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 2.25a.75.75 0 0 0 0 1.5zM5 3l.748-.058A.75.75 0 0 0 5 2.25zm16 3l.745.083A.75.75 0 0 0 21 5.25zM5.23 6l-.747.058zm13.109 9.119l.053.748zm-10.355.74l-.053-.749zM3 3.75h2v-1.5H3zm5.037 12.856l10.355-.74l-.107-1.495l-10.354.74zm12.892-3.179l.816-7.344l-1.49-.166l-.816 7.345zM4.252 3.057l.231 3l1.496-.115l-.231-3zm.231 3l.617 8.017l1.495-.115l-.616-8.017zM21 5.25H5.23v1.5H21zm-2.608 10.617a2.75 2.75 0 0 0 2.537-2.44l-1.49-.165a1.25 1.25 0 0 1-1.154 1.109zM7.931 15.11a1.25 1.25 0 0 1-1.336-1.15l-1.495.114a2.75 2.75 0 0 0 2.937 2.532z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 9.5v3M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.25\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-add-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 2.5a.5.5 0 0 0 0 1zM5 3l.499-.038A.5.5 0 0 0 5 2.5zm16 3l.497.055A.5.5 0 0 0 21 5.5zM5.23 6l-.498.038zm13.109 9.119l.035.498zm-10.355.74l-.036-.5zM3 3.5h2v-1H3zm5.02 12.857l10.354-.74l-.071-.997l-10.355.74zM20.68 13.4l.817-7.345l-.994-.11l-.816 7.344zM4.502 3.038l.231 3l.997-.076l-.23-3zm.231 3l.617 8.017l.997-.077l-.617-8.016zM21 5.5H5.23v1H21zm-2.626 10.117a2.5 2.5 0 0 0 2.307-2.217l-.994-.11a1.5 1.5 0 0 1-1.384 1.33zM7.948 15.36a1.5 1.5 0 0 1-1.602-1.382l-.997.077a2.5 2.5 0 0 0 2.67 2.302z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 9.5v3M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 1.75a1.25 1.25 0 1 0 0 2.5zM5 3l1.246-.096A1.25 1.25 0 0 0 5 1.75zm16 3l1.242.138A1.25 1.25 0 0 0 21 4.75zM5.23 6l-1.246.096zm13.109 9.119l.089 1.247zm-10.355.74l-.089-1.248zM3 4.25h2v-2.5H3zm5.073 12.855l10.355-.74l-.178-2.493l-10.355.74zm13.353-3.622l.816-7.345l-2.484-.276l-.816 7.345zM3.754 3.096l.23 3l2.493-.192l-.23-3zm.23 3l.617 8.017l2.493-.192l-.617-8.017zM21 4.75H5.23v2.5H21zm-2.572 11.616a3.25 3.25 0 0 0 2.998-2.883l-2.484-.276a.75.75 0 0 1-.692.665zM7.895 14.61a.75.75 0 0 1-.801-.69l-2.493.192a3.25 3.25 0 0 0 3.472 2.992z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3.75\" d=\"M8.5 20.5h.01v.01H8.5zm9 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m18.339 15.119l-10.355.74a2 2 0 0 1-2.137-1.842L5.231 6H21l-.816 7.345a2 2 0 0 1-1.845 1.774\" opacity=\".16\"/><path fill=\"currentColor\" d=\"M3 2a1 1 0 0 0 0 2zm2 1l.997-.077A1 1 0 0 0 5 2zm16 3l.994.11A1 1 0 0 0 21 5zM5.23 6l-.996.077zm13.109 9.119l.07.997zm-10.355.74l-.071-.998zM3 4h2V2H3zm5.055 12.856l10.355-.74l-.143-1.995l-10.354.74zm13.123-3.401l.816-7.345l-1.988-.22l-.816 7.344zM4.003 3.077l.23 3l1.995-.154l-.23-3zm.23 3l.617 8.017l1.995-.154l-.617-8.017zM21 5H5.23v2H21zm-2.59 11.116a3 3 0 0 0 2.768-2.661l-1.988-.22a1 1 0 0 1-.923.886zM7.913 14.861a1 1 0 0 1-1.069-.92l-1.994.152a3 3 0 0 0 3.205 2.763z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M8.5 20.5h.01v.01H8.5zm9 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 2a1 1 0 0 0 0 2h1.074l.16 2.077l.616 8.017a3 3 0 0 0 3.205 2.762l10.355-.74a3 3 0 0 0 2.768-2.661l.816-7.345A1 1 0 0 0 21 5H6.157l-.16-2.077A1 1 0 0 0 5 2zm4 18.5A1.5 1.5 0 0 1 8.5 19h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H8.5a1.5 1.5 0 0 1-1.5-1.5zM17.5 19a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5v-.01a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 2.25a.75.75 0 0 0 0 1.5zM5 3l.748-.058A.75.75 0 0 0 5 2.25zm16 3l.745.083A.75.75 0 0 0 21 5.25zM5.23 6l-.747.058zm13.109 9.119l.053.748zm-10.355.74l-.053-.749zM3 3.75h2v-1.5H3zm5.037 12.856l10.355-.74l-.107-1.495l-10.354.74zm12.892-3.179l.816-7.344l-1.49-.166l-.816 7.345zM4.252 3.057l.231 3l1.496-.115l-.231-3zm.231 3l.617 8.017l1.495-.115l-.616-8.017zM21 5.25H5.23v1.5H21zm-2.608 10.617a2.75 2.75 0 0 0 2.537-2.44l-1.49-.165a1.25 1.25 0 0 1-1.154 1.109zM7.931 15.11a1.25 1.25 0 0 1-1.336-1.15l-1.495.114a2.75 2.75 0 0 0 2.937 2.532z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.25\" d=\"M8.5 20.5h.01v.01H8.5zm9 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-remove",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 2a1 1 0 0 0 0 2zm2 1l.997-.077A1 1 0 0 0 5 2zm16 3l.994.11A1 1 0 0 0 21 5zM5.23 6l-.996.077zm13.109 9.119l.07.997zm-10.355.74l-.071-.998zM3 4h2V2H3zm5.055 12.856l10.355-.74l-.143-1.995l-10.354.74zm13.123-3.401l.816-7.345l-1.988-.22l-.816 7.344zM4.003 3.077l.23 3l1.995-.154l-.23-3zm.23 3l.617 8.017l1.995-.154l-.617-8.017zM21 5H5.23v2H21zm-2.59 11.116a3 3 0 0 0 2.768-2.661l-1.988-.22a1 1 0 0 1-.923.886zM7.913 14.861a1 1 0 0 1-1.069-.92l-1.994.152a3 3 0 0 0 3.205 2.763z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-remove-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 1.75a1.25 1.25 0 1 0 0 2.5zM5 3l1.246-.096A1.25 1.25 0 0 0 5 1.75zm16 3l1.242.138A1.25 1.25 0 0 0 21 4.75zM5.23 6l-1.246.096zm13.109 9.119l.089 1.247zm-10.355.74l-.089-1.248zM3 4.25h2v-2.5H3zm5.073 12.855l10.355-.74l-.178-2.493l-10.355.74zm13.353-3.622l.816-7.345l-2.484-.276l-.816 7.345zM3.754 3.096l.23 3l2.493-.192l-.23-3zm.23 3l.617 8.017l2.493-.192l-.617-8.017zM21 4.75H5.23v2.5H21zm-2.572 11.616a3.25 3.25 0 0 0 2.998-2.883l-2.484-.276a.75.75 0 0 1-.692.665zM7.895 14.61a.75.75 0 0 1-.801-.69l-2.493.192a3.25 3.25 0 0 0 3.472 2.992z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3.75\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-remove-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m18.339 15.119l-10.355.74a2 2 0 0 1-2.137-1.842L5.231 6H21l-.816 7.345a2 2 0 0 1-1.845 1.774\" opacity=\".16\"/><path fill=\"currentColor\" d=\"M3 2a1 1 0 0 0 0 2zm2 1l.997-.077A1 1 0 0 0 5 2zm16 3l.994.11A1 1 0 0 0 21 5zM5.23 6l-.996.077zm13.109 9.119l.07.997zm-10.355.74l-.071-.998zM3 4h2V2H3zm5.055 12.856l10.355-.74l-.143-1.995l-10.354.74zm13.123-3.401l.816-7.345l-1.988-.22l-.816 7.344zM4.003 3.077l.23 3l1.995-.154l-.23-3zm.23 3l.617 8.017l1.995-.154l-.617-8.017zM21 5H5.23v2H21zm-2.59 11.116a3 3 0 0 0 2.768-2.661l-1.988-.22a1 1 0 0 1-.923.886zM7.913 14.861a1 1 0 0 1-1.069-.92l-1.994.152a3 3 0 0 0 3.205 2.763z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-remove-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 3a1 1 0 0 1 1-1h2a1 1 0 0 1 .997.923L6.157 5H21a1 1 0 0 1 .994 1.11l-.816 7.345a3 3 0 0 1-2.768 2.661l-10.355.74a3 3 0 0 1-3.205-2.763l-.616-8.016L4.074 4H3a1 1 0 0 1-1-1m9.5 7a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2zM16 20.5a1.5 1.5 0 0 1 1.5-1.5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5h-.01a1.5 1.5 0 0 1-1.5-1.5zM8.5 19A1.5 1.5 0 0 0 7 20.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5v-.01a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-remove-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 2.25a.75.75 0 0 0 0 1.5zM5 3l.748-.058A.75.75 0 0 0 5 2.25zm16 3l.745.083A.75.75 0 0 0 21 5.25zM5.23 6l-.747.058zm13.109 9.119l.053.748zm-10.355.74l-.053-.749zM3 3.75h2v-1.5H3zm5.037 12.856l10.355-.74l-.107-1.495l-10.354.74zm12.892-3.179l.816-7.344l-1.49-.166l-.816 7.345zM4.252 3.057l.231 3l1.496-.115l-.231-3zm.231 3l.617 8.017l1.495-.115l-.616-8.017zM21 5.25H5.23v1.5H21zm-2.608 10.617a2.75 2.75 0 0 0 2.537-2.44l-1.49-.165a1.25 1.25 0 0 1-1.154 1.109zM7.931 15.11a1.25 1.25 0 0 1-1.336-1.15l-1.495.114a2.75 2.75 0 0 0 2.937 2.532z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.25\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-remove-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 2.5a.5.5 0 0 0 0 1zM5 3l.499-.038A.5.5 0 0 0 5 2.5zm16 3l.497.055A.5.5 0 0 0 21 5.5zM5.23 6l-.498.038zm13.109 9.119l.035.498zm-10.355.74l-.036-.5zM3 3.5h2v-1H3zm5.02 12.857l10.354-.74l-.071-.997l-10.355.74zM20.68 13.4l.817-7.345l-.994-.11l-.816 7.344zM4.502 3.038l.231 3l.997-.076l-.23-3zm.231 3l.617 8.017l.997-.077l-.617-8.016zM21 5.5H5.23v1H21zm-2.626 10.117a2.5 2.5 0 0 0 2.307-2.217l-.994-.11a1.5 1.5 0 0 1-1.384 1.33zM7.948 15.36a1.5 1.5 0 0 1-1.602-1.382l-.997.077a2.5 2.5 0 0 0 2.67 2.302z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.5 11h3\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17.5 20.5h.01v.01h-.01zm-9 0h.01v.01H8.5z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:shopping-card-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M3 2.5a.5.5 0 0 0 0 1zM5 3l.499-.038A.5.5 0 0 0 5 2.5zm16 3l.497.055A.5.5 0 0 0 21 5.5zM5.23 6l-.498.038zm13.109 9.119l.035.498zm-10.355.74l-.036-.5zM3 3.5h2v-1H3zm5.02 12.857l10.354-.74l-.071-.997l-10.355.74zM20.68 13.4l.817-7.345l-.994-.11l-.816 7.344zM4.502 3.038l.231 3l.997-.076l-.23-3zm.231 3l.617 8.017l.997-.077l-.617-8.016zM21 5.5H5.23v1H21zm-2.626 10.117a2.5 2.5 0 0 0 2.307-2.217l-.994-.11a1.5 1.5 0 0 1-1.384 1.33zM7.948 15.36a1.5 1.5 0 0 1-1.602-1.382l-.997.077a2.5 2.5 0 0 0 2.67 2.302z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8.5 20.5h.01v.01H8.5zm9 0h.01v.01h-.01z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"3\" d=\"M12 6.5h.01v.01H12zm0 11h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M18 12H6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"3.75\" d=\"M12 6.5h.01v.01H12zm0 11h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M18 12H6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"11.999\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M12 8h.01v.01H12zm0 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"11.999\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M12 8h.01v.01H12zm0 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"11.999\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"11.999\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 8h.01v.01H12zm0 8h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 11.999c0-5.523 4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10s-10-4.477-10-10M12 6.5A1.5 1.5 0 0 0 10.5 8v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V8a1.5 1.5 0 0 0-1.5-1.5zm0 8a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V16a1.5 1.5 0 0 0-1.5-1.5zM8 12a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"11.999\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M12 8h.01v.01H12zm0 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"11.999\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M12 8h.01v.01H12zm0 8h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"3\" d=\"M12 6.5h.01v.01H12zm0 11h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M18 12H6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10.5 6.5A1.5 1.5 0 0 1 12 5h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5zm0 11A1.5 1.5 0 0 1 12 16h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5zM6 11a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"2.25\" d=\"M12 6.5h.01v.01H12zm0 11h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M18 12H6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-slash",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 4L8 20\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-slash-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M16 4L8 20\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-slash-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16.447 3.106a1 1 0 0 1 .447 1.341l-8 16a1 1 0 1 1-1.788-.894l8-16a1 1 0 0 1 1.341-.447\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-slash-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16 4L8 20\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-slash-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 4L8 20\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3\" d=\"M12 16h.01v.01H12zm0-8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"3.75\" d=\"M12 16h.01v.01H12zm0-8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M12 8h.01v.01H12zm0 8h.01v.01H12z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm9 2.5A1.5 1.5 0 0 0 10.5 8v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V8a1.5 1.5 0 0 0-1.5-1.5zm0 8a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V16a1.5 1.5 0 0 0-1.5-1.5zM8 12a1 1 0 0 1 1-1h6a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"2.25\" d=\"M12 8h.01v.01H12zm0 8h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-linecap=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/><path stroke-width=\"1.5\" d=\"M12 8h.01v.01H12zm0 8h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M15 12H9\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-division-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"1.5\" d=\"M12 6.5h.01v.01H12zm0 11h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M18 12H6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-equal",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 9h12M6 15h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-equal-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M6 9h12M6 15h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-equal-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6 8a1 1 0 0 0 0 2h12a1 1 0 1 0 0-2zm0 6a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-equal-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6 9h12M6 15h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-equal-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 9h12M6 15h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-f",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 5v-.295C17 3.763 16.237 3 15.295 3v0a1.73 1.73 0 0 0-1.66 1.242L9.557 18.105A2.64 2.64 0 0 1 7.025 20H7m3.5-11H14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-f-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M17 5v-.295C17 3.763 16.237 3 15.295 3v0a1.73 1.73 0 0 0-1.66 1.242L9.557 18.105A2.64 2.64 0 0 1 7.025 20H7m3.5-11H14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-f-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M15.295 4c.39 0 .705.316.705.705V5a1 1 0 1 0 2 0v-.295A2.705 2.705 0 0 0 15.295 2a2.73 2.73 0 0 0-2.62 1.96L11.487 8H10.5a1 1 0 0 0 0 2h.399l-2.301 7.823A1.64 1.64 0 0 1 7.025 19H7a1 1 0 1 0 0 2h.025a3.64 3.64 0 0 0 3.492-2.613L12.984 10H14a1 1 0 1 0 0-2h-.428l1.022-3.475A.73.73 0 0 1 15.295 4\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-f-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 5v-.295C17 3.763 16.237 3 15.295 3v0a1.73 1.73 0 0 0-1.66 1.242L9.557 18.105A2.64 2.64 0 0 1 7.025 20H7m3.5-11H14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-f-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 5v-.295C17 3.763 16.237 3 15.295 3v0a1.73 1.73 0 0 0-1.66 1.242L9.557 18.105A2.64 2.64 0 0 1 7.025 20H7m3.5-11H14\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-factorial",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"3\" d=\"M12 19.5h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M11.523 4.5L12 15l.477-10.5a.478.478 0 1 0-.954 0\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-factorial-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"3.75\" d=\"M12 19.5h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M11.523 4.5L12 15l.477-10.5a.478.478 0 1 0-.954 0\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-factorial-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.001 15.046a1 1 0 0 0 1.998 0l.477-10.501a1.478 1.478 0 1 0-2.952 0zM12 18a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5v-.01a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-factorial-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"2.25\" d=\"M12 19.5h.01v.01H12z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M11.523 4.5L12 15l.477-10.5a.478.478 0 1 0-.954 0\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-factorial-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path stroke-width=\"1.5\" d=\"M12 19.5h.01v.01H12z\"/><path stroke-linecap=\"round\" d=\"M11.523 4.5L12 15l.477-10.5a.478.478 0 1 0-.954 0\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-lemniscate",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 17c-2.761 0-6-5-6-5s3.239-5 6-5a5 5 0 0 1 0 10ZM6 8c2.21 0 5 4 5 4s-2.79 4-5 4a4 4 0 0 1 0-8Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-lemniscate-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M17 17c-2.761 0-6-5-6-5s3.239-5 6-5a5 5 0 0 1 0 10ZM6 8c2.21 0 5 4 5 4s-2.79 4-5 4a4 4 0 0 1 0-8Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-lemniscate-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M17 17c-2.761 0-6-5-6-5s3.239-5 6-5a5 5 0 0 1 0 10\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 17c-2.761 0-6-5-6-5s3.239-5 6-5a5 5 0 0 1 0 10ZM6 8c2.21 0 5 4 5 4s-2.79 4-5 4a4 4 0 0 1 0-8Z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-lemniscate-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 8a4 4 0 0 1 0 8c-.402 0-.922-.19-1.542-.61c-.604-.409-1.21-.974-1.759-1.569A20 20 0 0 1 12.217 12a20 20 0 0 1 1.482-1.821c.55-.595 1.155-1.16 1.76-1.57C16.077 8.19 16.598 8 17 8m-6.032 5.672a18 18 0 0 1-.923 1.026c-.514.527-1.127 1.083-1.784 1.513c-.64.42-1.425.789-2.261.789A5 5 0 0 1 6 7c.836 0 1.622.37 2.261.789c.657.43 1.27.985 1.784 1.513c.348.357.66.713.923 1.026c.338-.441.769-.973 1.262-1.507c.605-.655 1.327-1.34 2.107-1.868C15.1 6.435 16.02 6 17 6a6 6 0 0 1 0 12c-.979 0-1.899-.435-2.663-.953c-.78-.528-1.502-1.213-2.107-1.868a21 21 0 0 1-1.262-1.507M6 15a3 3 0 1 1 0-6c.268 0 .66.13 1.165.461c.488.32.987.765 1.447 1.237c.456.468.85.94 1.133 1.297l.004.005l-.004.005c-.282.357-.677.83-1.133 1.297c-.46.473-.959.917-1.447 1.237C6.66 14.869 6.268 15 6 15\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-lemniscate-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 17c-2.761 0-6-5-6-5s3.239-5 6-5a5 5 0 0 1 0 10ZM6 8c2.21 0 5 4 5 4s-2.79 4-5 4a4 4 0 0 1 0-8Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-lemniscate-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"M17 17c-2.761 0-6-5-6-5s3.239-5 6-5a5 5 0 0 1 0 10ZM6 8c2.21 0 5 4 5 4s-2.79 4-5 4a4 4 0 0 1 0-8Z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 12h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M6 12h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"M9 12h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"M9 12h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"11.999\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"11.999\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 11.999c0-5.523 4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10s-10-4.477-10-10M9 11a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"M9 12h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"M9 12h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 12a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6 12h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M9 12h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm6 7a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-minus-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 12h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-percent",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"16\" cy=\"18\" r=\"2\"/><circle cx=\"8\" cy=\"6\" r=\"2\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 4L8 20\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-percent-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"16\" cy=\"18\" r=\"2\"/><circle cx=\"8\" cy=\"6\" r=\"2\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 4L8 20\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-percent-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16.894 4.447a1 1 0 1 0-1.788-.894l-8 16a1 1 0 1 0 1.788.894zM8 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2M5 6a3 3 0 1 1 6 0a3 3 0 0 1-6 0m11 11a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-3 1a3 3 0 1 1 6 0a3 3 0 0 1-6 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-percent-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"16\" cy=\"18\" r=\"2\"/><circle cx=\"8\" cy=\"6\" r=\"2\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 4L8 20\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-percent-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><circle cx=\"16\" cy=\"18\" r=\"2\"/><circle cx=\"8\" cy=\"6\" r=\"2\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 4L8 20\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-pi",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 8h10M9 8v8m6-8v6.03A1.97 1.97 0 0 0 16.97 16H17\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-pi-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M7 8h10M9 8v8m6-8v6.03A1.97 1.97 0 0 0 16.97 16H17\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-pi-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6 8a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2h-1v5.03c0 .536.434.97.97.97H17a1 1 0 1 1 0 2h-.03A2.97 2.97 0 0 1 14 14.03V9h-4v7a1 1 0 1 1-2 0V9H7a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-pi-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 8h10M9 8v8m6-8v6.03A1.97 1.97 0 0 0 16.97 16H17\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-pi-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 8h10M9 8v8m6-8v6.03A1.97 1.97 0 0 0 16.97 16H17\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v12m-6-6h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 6v12m-6-6h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"M12 9v6m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"M12 9v6m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"11.999\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"11.999\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v6m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 11.999c0-5.523 4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10s-10-4.477-10-10M12 8a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H9a1 1 0 1 1 0-2h2V9a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"M12 9v6m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"M12 9v6m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M13 6a1 1 0 1 0-2 0v5H6a1 1 0 1 0 0 2h5v5a1 1 0 1 0 2 0v-5h5a1 1 0 1 0 0-2h-5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6v12m-6-6h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-minus",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 4L8 20M7 4v6M4 7h6m4 10h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-minus-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M16 4L8 20M7 4v6M4 7h6m4 10h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-minus-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16.894 4.447a1 1 0 1 0-1.788-.894l-8 16a1 1 0 1 0 1.788.894zM8 4a1 1 0 1 0-2 0v2H4a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0V8h2a1 1 0 1 0 0-2H8zm6 12a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-minus-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16 4L8 20M7 4v6M4 7h6m4 10h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-minus-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 4L8 20M7 4v6M4 7h6m4 10h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v6m-3-3h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M12 9v6m-3-3h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v6m-3-3h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm10 5a1 1 0 1 0-2 0v2H9a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 9v6m-3-3h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 9v6m-3-3h6M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-plus-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m-6-6h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-radical",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m3 15l1.5 5L8 5h13\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-radical-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m3 15l1.5 5L8 5h13\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-radical-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.026 4.773A1 1 0 0 1 8 4h13a1 1 0 1 1 0 2H8.794l-3.32 14.227a1 1 0 0 1-1.932.06l-1.5-5a1 1 0 1 1 1.916-.574l.421 1.404z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-radical-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m3 15l1.5 5L8 5h13\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-radical-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m3 15l1.5 5L8 5h13\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M7 7l10 10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M17 7L7 17M7 7l10 10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-circle",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"m15 9l-6 6m0-6l6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-circle-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"m15 9l-6 6m0-6l6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-circle-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"11.999\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"11.999\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m15 9l-6 6m0-6l6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-circle-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 11.999c0-5.523 4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10s-10-4.477-10-10m13.707-3.706a1 1 0 0 1 0 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12L8.293 9.707a1 1 0 0 1 1.414-1.414L12 10.586l2.293-2.293a1 1 0 0 1 1.414 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-circle-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"m15 9l-6 6m0-6l6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-circle-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"11.999\" r=\"9\"/><path d=\"m15 9l-6 6m0-6l6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M7 7l10 10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586L7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 1 0 1.414-1.414L13.414 12z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 7L7 17M7 7l10 10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-square",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 5l-6 6m0-6l6 6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-square-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 5l-6 6m0-6l6 6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-square-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M4 4.001h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 5l-6 6m0-6l6 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-square-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm12.707 4.293a1 1 0 0 1 0 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12L8.293 9.707a1 1 0 0 1 1.414-1.414L12 10.586l2.293-2.293a1 1 0 0 1 1.414 0\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-square-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 5l-6 6m0-6l6 6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-square-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 5l-6 6m0-6l6 6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-times-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 7L7 17M7 7l10 10\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-x",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M17 8h-.68a2.64 2.64 0 0 0-2.112 1.056l-4.416 5.888A2.64 2.64 0 0 1 7.68 16H7\"/><path d=\"M8 8h.368c1 0 1.915.565 2.362 1.46l2.54 5.08A2.64 2.64 0 0 0 15.632 16H16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-x-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M17 8h-.68a2.64 2.64 0 0 0-2.112 1.056l-4.416 5.888A2.64 2.64 0 0 1 7.68 16H7\"/><path d=\"M8 8h.368c1 0 1.915.565 2.362 1.46l2.54 5.08A2.64 2.64 0 0 0 15.632 16H16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-x-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17 9a1 1 0 1 0 0-2h-.68a3.64 3.64 0 0 0-2.912 1.456l-1.237 1.65l-.547-1.094A3.64 3.64 0 0 0 8.368 7H8a1 1 0 0 0 0 2h.368c.622 0 1.19.351 1.467.907l.994 1.987l-1.837 2.45A1.64 1.64 0 0 1 7.68 15H7a1 1 0 1 0 0 2h.68a3.64 3.64 0 0 0 2.912-1.456l1.237-1.65l.547 1.094A3.64 3.64 0 0 0 15.632 17H16a1 1 0 1 0 0-2h-.368a1.64 1.64 0 0 1-1.467-.907l-.994-1.987l1.837-2.45A1.64 1.64 0 0 1 16.32 9z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-x-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M17 8h-.68a2.64 2.64 0 0 0-2.112 1.056l-4.416 5.888A2.64 2.64 0 0 1 7.68 16H7\"/><path d=\"M8 8h.368c1 0 1.915.565 2.362 1.46l2.54 5.08A2.64 2.64 0 0 0 15.632 16H16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-x-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 8h-.68a2.64 2.64 0 0 0-2.112 1.056l-4.416 5.888A2.64 2.64 0 0 1 7.68 16H7\"/><path d=\"M8 8h.368c1 0 1.915.565 2.362 1.46l2.54 5.08A2.64 2.64 0 0 0 15.632 16H16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-y",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M7 21h.525a2.64 2.64 0 0 0 2.248-1.256l6.29-10.22A1 1 0 0 0 15.21 8H14\"/><path d=\"M12 16L9.487 9.298A2 2 0 0 0 7.614 8H7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-y-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M7 21h.525a2.64 2.64 0 0 0 2.248-1.256l6.29-10.22A1 1 0 0 0 15.21 8H14\"/><path d=\"M12 16L9.487 9.298A2 2 0 0 0 7.614 8H7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-y-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16.914 10.048C17.734 8.716 16.775 7 15.21 7H14a1 1 0 1 0 0 2h1.21l-2.962 4.814l-1.825-4.867A3 3 0 0 0 7.614 7H7a1 1 0 0 0 0 2h.614a1 1 0 0 1 .936.649l2.37 6.322l-1.998 3.249a1.64 1.64 0 0 1-1.397.78H7a1 1 0 1 0 0 2h.525a3.64 3.64 0 0 0 3.1-1.732z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sign-y-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M7 21h.525a2.64 2.64 0 0 0 2.248-1.256l6.29-10.22A1 1 0 0 0 15.21 8H14\"/><path d=\"M12 16L9.487 9.298A2 2 0 0 0 7.614 8H7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sign-y-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 21h.525a2.64 2.64 0 0 0 2.248-1.256l6.29-10.22A1 1 0 0 0 15.21 8H14\"/><path d=\"M12 16L9.487 9.298A2 2 0 0 0 7.614 8H7\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:slightly-smiling-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:slightly-smiling-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:slightly-smiling-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:slightly-smiling-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m7-4a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5A1.5 1.5 0 0 0 9.01 8zm6 0a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5V9.5a1.5 1.5 0 0 0-1.5-1.5zm-6.966 5.134a1 1 0 0 1 1.367.365C9.92 14.4 10.89 15 12 15s2.08-.601 2.6-1.5a1 1 0 1 1 1.73 1A5 5 0 0 1 12 17a5 5 0 0 1-4.33-2.5a1 1 0 0 1 .364-1.366\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:slightly-smiling-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:slightly-smiling-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M9.01 9.5v.01H9V9.5zm6 0v.01H15V9.5z\"/><path stroke-linecap=\"round\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:smiling-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M14 10l1-1l1 1m-6 0L9 9l-1 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:smiling-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M14 10l1-1l1 1m-6 0L9 9l-1 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:smiling-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M14 10l1-1l1 1m-6 0L9 9l-1 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:smiling-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m5.293-1.293a1 1 0 0 0 1.414 0L9 10.414l.293.293a1 1 0 0 0 1.414-1.414l-1-1a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 0 1.414m8 0a1 1 0 0 0 1.414-1.414l-1-1a1 1 0 0 0-1.414 0l-1 1a1 1 0 0 0 1.414 1.414l.293-.293zM9.4 13.5a1 1 0 0 0-1.731 1.002A5 5 0 0 0 12 17a5 5 0 0 0 4.33-2.5a1 1 0 1 0-1.73-1c-.52.899-1.49 1.5-2.6 1.5a3 3 0 0 1-2.6-1.5\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:smiling-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M14 10l1-1l1 1m-6 0L9 9l-1 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:smiling-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M14 10l1-1l1 1m-6 0L9 9l-1 1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-center",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M7 12h10m-6 6h2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-center-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 6h16M7 12h10m-6 6h2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-center-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M7 12h10m-6 6h2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-center-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.5 6a1 1 0 0 1 1-1h15a1 1 0 1 1 0 2h-15a1 1 0 0 1-1-1m3 6a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2h-9a1 1 0 0 1-1-1m4 6a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-center-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6h16M7 12h10m-6 6h2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-center-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M7 12h10m-6 6h2\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-left",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h10M4 18h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-left-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 6h16M4 12h10M4 18h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-left-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h10M4 18h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-left-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.5 6a1 1 0 0 1 1-1h15a1 1 0 1 1 0 2h-15a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2h-9a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-3a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-left-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6h16M4 12h10M4 18h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-left-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 12h10M4 18h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-right",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16m-10 6h10m-4 6h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-right-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M4 6h16m-10 6h10m-4 6h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-right-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16m-10 6h10m-4 6h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-right-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.5 6a1 1 0 0 1 1-1h15a1 1 0 1 1 0 2h-15a1 1 0 0 1-1-1m6 6a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2h-9a1 1 0 0 1-1-1m6 6a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-3a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-right-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6h16m-10 6h10m-4 6h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:sorting-right-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16m-10 6h10m-4 6h4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:squinting-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path fill=\"currentColor\" d=\"M12 16c1.48 0 2.773-.804 3.465-2h-6.93A4 4 0 0 0 12 16\"/><path d=\"m16 10.5l-2-1l2-1m-8 2l2-1l-2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:squinting-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path fill=\"currentColor\" d=\"M12 16c1.48 0 2.773-.804 3.465-2h-6.93A4 4 0 0 0 12 16\"/><path d=\"m16 10.5l-2-1l2-1m-8 2l2-1l-2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:squinting-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 16c1.48 0 2.773-.804 3.465-2h-6.93A4 4 0 0 0 12 16m4-5.5l-2-1l2-1m-8 2l2-1l-2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:squinting-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m5.106-3.947a1 1 0 0 0 .447 1.341l.21.106l-.21.106a1 1 0 1 0 .894 1.788l2-1a1 1 0 0 0 0-1.788l-2-1a1 1 0 0 0-1.341.447m9.341 1.341a1 1 0 1 0-.894-1.788l-2 1a1 1 0 0 0 0 1.788l2 1a1 1 0 1 0 .894-1.788l-.211-.106zM8.535 13a1 1 0 0 0-.865 1.5A5 5 0 0 0 12 17a5 5 0 0 0 4.33-2.5a1 1 0 0 0-.865-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:squinting-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 16c1.48 0 2.773-.804 3.465-2h-6.93A4 4 0 0 0 12 16m4-5.5l-2-1l2-1m-8 2l2-1l-2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:squinting-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 16c1.48 0 2.773-.804 3.465-2h-6.93A4 4 0 0 0 12 16m4-5.5l-2-1l2-1m-8 2l2-1l-2-1\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:star",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 2l3.104 6.728l7.358.873l-5.44 5.03l1.444 7.268L12 18.28L5.534 21.9l1.444-7.268L1.538 9.6l7.359-.873z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:star-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m12 2l3.104 6.728l7.358.873l-5.44 5.03l1.444 7.268L12 18.28L5.534 21.9l1.444-7.268L1.538 9.6l7.359-.873z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:star-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 2l3.104 6.728l7.358.873l-5.44 5.03l1.444 7.268L12 18.28L5.534 21.9l1.444-7.268L1.538 9.6l7.359-.873z\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 2l3.104 6.728l7.358.873l-5.44 5.03l1.444 7.268L12 18.28L5.534 21.9l1.444-7.268L1.538 9.6l7.359-.873z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:star-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12.908 1.581a1 1 0 0 0-1.816 0l-2.87 6.22l-6.801.807a1 1 0 0 0-.562 1.727l5.03 4.65l-1.335 6.72a1 1 0 0 0 1.469 1.067L12 19.426l5.977 3.346a1 1 0 0 0 1.47-1.068l-1.335-6.718l5.029-4.651a1 1 0 0 0-.562-1.727L15.777 7.8z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:star-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m12 2l3.104 6.728l7.358.873l-5.44 5.03l1.444 7.268L12 18.28L5.534 21.9l1.444-7.268L1.538 9.6l7.359-.873z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:star-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 2l.908-.419a1 1 0 0 0-1.816 0zm3.104 6.728l-.909.42a1 1 0 0 0 .79.573zm7.358.873l.679.734a1 1 0 0 0-.562-1.727zm-3.996 12.298l-.489.873a1 1 0 0 0 1.47-1.068zM12 18.28l.489-.873a1 1 0 0 0-.977 0zM5.534 21.9l-.98-.196a1 1 0 0 0 1.469 1.068zm1.444-7.268l.981.194a1 1 0 0 0-.302-.929zM1.538 9.6l-.117-.993a1 1 0 0 0-.562 1.727zm7.326.138a1 1 0 1 0-.235-1.986zm9.731 7.68a1 1 0 1 0-1.962.39zM9.721 4.553a1 1 0 1 0 1.816.838zm8.319 7.775a1 1 0 0 0 1.358 1.468zm-6.948-9.91l3.103 6.73l1.817-.838l-3.104-6.729zm3.894 7.303l7.358.873l.235-1.986l-7.358-.873zm3.968 11.306l-6.466-3.62l-.976 1.746l6.465 3.619zm-7.442-3.62l-6.466 3.62l.977 1.745l6.466-3.62zm-4.997 4.687l1.444-7.268l-1.961-.39l-1.444 7.268zm1.142-8.197l-5.44-5.03L.86 10.335l5.44 5.03zm-6-3.303l7.207-.855l-.235-1.986l-7.208.855zm14.976 7.215l.852 4.285l1.962-.39l-.852-4.285zM11.537 5.391l1.371-2.972l-1.816-.838l-1.37 2.972zm10.246 3.476l-3.743 3.46l1.358 1.47l3.743-3.462z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:star-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 2l1.135-.524a1.25 1.25 0 0 0-2.27 0zm3.104 6.728l-1.136.524c.182.395.557.667.988.718zm7.358.873l.848.917a1.25 1.25 0 0 0-.701-2.158zm-3.996 12.298l-.61 1.09a1.25 1.25 0 0 0 1.836-1.333zM12 18.28l.61-1.09a1.25 1.25 0 0 0-1.22 0zM5.534 21.9l-1.226-.244a1.25 1.25 0 0 0 1.837 1.334zm1.444-7.268l1.226.243a1.25 1.25 0 0 0-.377-1.161zM1.538 9.6l-.147-1.24a1.25 1.25 0 0 0-.701 2.159zm7.355.386a1.25 1.25 0 0 0-.293-2.48zm9.947 7.384a1.25 1.25 0 1 0-2.452.487zM9.494 4.448a1.25 1.25 0 1 0 2.27 1.047zm8.376 7.695a1.25 1.25 0 1 0 1.698 1.836zm-7.005-9.62l3.103 6.728l2.27-1.047l-3.103-6.729zm4.091 7.446l7.358.872l.295-2.482l-7.358-.873zm4.12 10.838l-6.465-3.619l-1.222 2.182l6.466 3.619zM11.39 17.19l-6.465 3.62l1.22 2.18l6.467-3.618zm-4.63 4.953l1.444-7.268l-2.452-.487l-1.444 7.268zm1.067-8.43l-5.44-5.03L.69 10.518l5.44 5.031zm-6.141-2.87l7.208-.855l-.295-2.483l-7.208.855zm14.702 7.015l.852 4.285l2.452-.487l-.852-4.285zM11.764 5.496l1.371-2.972l-2.27-1.048L9.494 4.45zm9.849 3.187l-3.743 3.461l1.698 1.836l3.742-3.462z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:star-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 18.28l6.466 3.62l-.852-4.286l-8.868-8.868l-7.208.855l5.44 5.03L5.534 21.9z\" opacity=\".16\"/><path fill=\"currentColor\" d=\"m12 2l.908-.419a1 1 0 0 0-1.816 0zm3.104 6.728l-.909.42a1 1 0 0 0 .79.573zm7.358.873l.679.734a1 1 0 0 0-.562-1.727zm-3.996 12.298l-.489.873a1 1 0 0 0 1.47-1.068zM12 18.28l.489-.873a1 1 0 0 0-.977 0zM5.534 21.9l-.98-.196a1 1 0 0 0 1.469 1.068zm1.444-7.268l.981.194a1 1 0 0 0-.302-.929zM1.538 9.6l-.117-.993a1 1 0 0 0-.562 1.727zm7.326.138a1 1 0 1 0-.235-1.986zm9.731 7.68a1 1 0 1 0-1.962.39zM9.721 4.553a1 1 0 1 0 1.816.838zm8.319 7.775a1 1 0 0 0 1.358 1.468zm-6.948-9.91l3.103 6.73l1.817-.838l-3.104-6.729zm3.894 7.303l7.358.873l.235-1.986l-7.358-.873zm3.968 11.306l-6.466-3.62l-.976 1.746l6.465 3.619zm-7.442-3.62l-6.466 3.62l.977 1.745l6.466-3.62zm-4.997 4.687l1.444-7.268l-1.961-.39l-1.444 7.268zm1.142-8.197l-5.44-5.03L.86 10.335l5.44 5.03zm-6-3.303l7.207-.855l-.235-1.986l-7.208.855zm14.976 7.215l.852 4.285l1.962-.39l-.852-4.285zM11.537 5.391l1.371-2.972l-1.816-.838l-1.37 2.972zm10.246 3.476l-3.743 3.46l1.358 1.47l3.743-3.462z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:star-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 1a1 1 0 0 1 .908.581l2.87 6.22l6.801.807a1 1 0 0 1 .562 1.727l-3.743 3.461a1 1 0 1 1-1.358-1.468l2.151-1.99l-5.205-.617a1 1 0 0 1-.79-.574L12 4.387l-.463 1.004a1 1 0 1 1-1.816-.838l1.371-2.972A1 1 0 0 1 12 1M9.11 7.696l.343.343l8.868 8.868l.215.215l2.171 2.17a1 1 0 1 1-1.414 1.415l-.056-.056l.21 1.053a1 1 0 0 1-1.47 1.068L12 19.426l-5.977 3.346a1 1 0 0 1-1.47-1.068l1.336-6.718l-5.03-4.651a1 1 0 0 1 .562-1.727l5.16-.612l-3.288-3.289a1 1 0 1 1 1.414-1.414z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:star-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 2l.681-.314a.75.75 0 0 0-1.362 0zm3.104 6.728l-.681.315c.109.236.333.4.592.43zm7.358.873l.509.55a.75.75 0 0 0-.421-1.295zm-3.996 12.298l-.367.655a.75.75 0 0 0 1.102-.801zM12 18.28l.366-.654a.75.75 0 0 0-.732 0zM5.534 21.9l-.735-.147a.75.75 0 0 0 1.102.8zm1.444-7.268l.736.146a.75.75 0 0 0-.226-.697zM1.538 9.6l-.088-.745a.75.75 0 0 0-.42 1.296zm7.297-.11A.75.75 0 1 0 8.658 8zm9.515 7.977a.75.75 0 1 0-1.471.292zM9.948 4.658a.75.75 0 1 0 1.362.628zm8.262 7.853a.75.75 0 1 0 1.018 1.102zM11.319 2.314l3.103 6.729l1.363-.629l-3.104-6.728zm3.696 7.16l7.358.872l.177-1.49l-7.358-.872zm3.817 11.77l-6.466-3.618l-.732 1.308l6.465 3.62zm-7.198-3.618l-6.466 3.619l.733 1.309l6.465-3.62zm-5.364 4.42l1.444-7.268l-1.471-.293l-1.444 7.268zm1.218-7.965l-5.44-5.03l-1.019 1.1l5.44 5.031zm-5.861-3.735l7.208-.855l-.177-1.49l-7.208.855zm15.252 7.414l.851 4.285l1.471-.292l-.851-4.285zM11.31 5.286l1.371-2.972l-1.362-.628l-1.37 2.972zM21.952 9.05l-3.742 3.461l1.018 1.102l3.743-3.461z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:star-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m12 2l.454-.21a.5.5 0 0 0-.908 0zm3.104 6.728l-.454.21a.5.5 0 0 0 .395.287zm7.358.873l.34.367a.5.5 0 0 0-.282-.864zm-3.996 12.298l-.245.436a.5.5 0 0 0 .735-.533zM12 18.28l.244-.436a.5.5 0 0 0-.488 0zM5.534 21.9l-.49-.098a.5.5 0 0 0 .735.534zm1.444-7.268l.49.097a.5.5 0 0 0-.15-.464zM1.538 9.6l-.058-.497a.5.5 0 0 0-.281.864zm7.267-.358a.5.5 0 0 0-.118-.993zm9.3 8.274a.5.5 0 0 0-.981.195zm-7.93-12.754a.5.5 0 1 0 .908.419zm8.205 7.932a.5.5 0 0 0 .678.734zM11.546 2.209l3.104 6.729l.907-.419l-3.103-6.728zm3.499 7.016l7.358.872l.117-.993l-7.358-.872zm3.665 12.238l-6.466-3.62l-.488.873l6.465 3.62zm-6.954-3.62l-6.466 3.62l.489.872l6.465-3.619zm-5.731 4.154l1.444-7.268l-.981-.195l-1.444 7.268zm1.293-7.732l-5.44-5.031l-.68.734l5.441 5.03zm-5.72-4.168l7.207-.854l-.118-.993l-7.207.854zm15.526 7.615l.851 4.285l.981-.195l-.851-4.285zm-6.04-12.53l1.37-2.973l-.908-.418l-1.37 2.972zm11.038 4.052l-3.742 3.46l.678.735l3.743-3.461z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" d=\"m4 4l16 16\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:star-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" d=\"m12 2l3.104 6.728l7.358.873l-5.44 5.03l1.444 7.268L12 18.28L5.534 21.9l1.444-7.268L1.538 9.6l7.359-.873z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:store",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 21h2m16 0h-2M5 21h14M5 21V9.328M19 21V9.328m-14 0a2 2 0 0 1-.11-.068l-.54-.36a2 2 0 0 1-.747-2.407l.894-2.236A2 2 0 0 1 6.354 3h11.292a2 2 0 0 1 1.857 1.257l.894 2.236A2 2 0 0 1 19.65 8.9l-.54.36a2 2 0 0 1-.11.068m-14 0a2 2 0 0 0 2.11-.068L9 8l1.89 1.26a2 2 0 0 0 2.22 0L15 8l1.89 1.26a2 2 0 0 0 2.11.068\"/><path d=\"M14 21v-5a2 2 0 1 0-4 0v5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:store-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 21h2m16 0h-2M5 21h14M5 21V9.328M19 21V9.328m-14 0a2 2 0 0 1-.11-.068l-.54-.36a2 2 0 0 1-.747-2.407l.894-2.236A2 2 0 0 1 6.354 3h11.292a2 2 0 0 1 1.857 1.257l.894 2.236A2 2 0 0 1 19.65 8.9l-.54.36a2 2 0 0 1-.11.068m-14 0a2 2 0 0 0 2.11-.068L9 8l1.89 1.26a2 2 0 0 0 2.22 0L15 8l1.89 1.26a2 2 0 0 0 2.11.068\"/><path d=\"M14 21v-5a2 2 0 1 0-4 0v5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:store-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"m3.603 6.493l.894-2.236A2 2 0 0 1 6.354 3h11.292a2 2 0 0 1 1.857 1.257l.894 2.236A2 2 0 0 1 19.65 8.9l-.54.36a2 2 0 0 1-2.22 0L15 8l-1.89 1.26a2 2 0 0 1-2.22 0L9 8L7.11 9.26a2 2 0 0 1-2.22 0l-.54-.36a2 2 0 0 1-.747-2.407\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 21h2m16 0h-2M5 21h14M5 21V9.328M19 21V9.328m-14 0a2 2 0 0 1-.11-.068l-.54-.36a2 2 0 0 1-.747-2.407l.894-2.236A2 2 0 0 1 6.354 3h11.292a2 2 0 0 1 1.857 1.257l.894 2.236A2 2 0 0 1 19.65 8.9l-.54.36a2 2 0 0 1-.11.068m-14 0a2 2 0 0 0 2.11-.068L9 8l1.89 1.26a2 2 0 0 0 2.22 0L15 8l1.89 1.26a2 2 0 0 0 2.11.068\"/><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M14 21v-5a2 2 0 1 0-4 0v5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:store-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.569 3.886A3 3 0 0 1 6.354 2h11.292a3 3 0 0 1 2.785 1.886l.895 2.236a3 3 0 0 1-1.122 3.61L20 9.87V20h1a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h1V9.869l-.204-.137a3 3 0 0 1-1.122-3.61zM6 10.596V20h3v-4a3 3 0 1 1 6 0v4h3v-9.404c-.58 0-1.16-.168-1.664-.504L15 9.202l-1.336.89a3 3 0 0 1-3.328 0L9 9.202l-1.336.89A3 3 0 0 1 6 10.596M13 20v-4a1 1 0 1 0-2 0v4z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:store-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 21h2m16 0h-2M5 21h14M5 21V9.328M19 21V9.328m-14 0a2 2 0 0 1-.11-.068l-.54-.36a2 2 0 0 1-.747-2.407l.894-2.236A2 2 0 0 1 6.354 3h11.292a2 2 0 0 1 1.857 1.257l.894 2.236A2 2 0 0 1 19.65 8.9l-.54.36a2 2 0 0 1-.11.068m-14 0a2 2 0 0 0 2.11-.068L9 8l1.89 1.26a2 2 0 0 0 2.22 0L15 8l1.89 1.26a2 2 0 0 0 2.11.068\"/><path d=\"M14 21v-5a2 2 0 1 0-4 0v5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:store-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 21h2m16 0h-2M5 21h14M5 21V9.328M19 21V9.328m-14 0a2 2 0 0 1-.11-.068l-.54-.36a2 2 0 0 1-.747-2.407l.894-2.236A2 2 0 0 1 6.354 3h11.292a2 2 0 0 1 1.857 1.257l.894 2.236A2 2 0 0 1 19.65 8.9l-.54.36a2 2 0 0 1-.11.068m-14 0a2 2 0 0 0 2.11-.068L9 8l1.89 1.26a2 2 0 0 0 2.22 0L15 8l1.89 1.26a2 2 0 0 0 2.11.068\"/><path d=\"M14 21v-5a2 2 0 1 0-4 0v5\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:swap",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11 8L7 4m0 0L3 8m4-4v16m6-4l4 4m0 0l4-4m-4 4V4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:swap-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M11 8L7 4m0 0L3 8m4-4v16m6-4l4 4m0 0l4-4m-4 4V4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:swap-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17.707 20.707a1 1 0 0 1-1.414 0l-4-4A1 1 0 0 1 13 15h3V4a1 1 0 1 1 2 0v11h3a1 1 0 0 1 .707 1.707zm-10-17.414a1 1 0 0 0-1.414 0l-4 4A1 1 0 0 0 3 9h3v11a1 1 0 1 0 2 0V9h3a1 1 0 0 0 .707-1.707z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:swap-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 8L7 4m0 0L3 8m4-4v16m6-4l4 4m0 0l4-4m-4 4V4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:swap-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 8L7 4m0 0L3 8m4-4v16m6-4l4 4m0 0l4-4m-4 4V4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:synchronize",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 12a9 9 0 0 1 16-5.658\"/><path d=\"M19.5 3v4h-4m5.5 5a9 9 0 0 1-16 5.657\"/><path d=\"M4.5 21v-4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:synchronize-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M3 12a9 9 0 0 1 16-5.658\"/><path d=\"M19.5 3v4h-4m5.5 5a9 9 0 0 1-16 5.657\"/><path d=\"M4.5 21v-4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:synchronize-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12a9 9 0 0 1 16-5.658\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.5 3v4h-4m5.5 5a9 9 0 0 1-16 5.657\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.5 21v-4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:synchronize-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M20.5 3a1 1 0 0 0-1.707-.707l-1.33 1.33A9.96 9.96 0 0 0 12 2C6.477 2 2 6.477 2 12a1 1 0 0 0 2 0a8 8 0 0 1 12.01-6.924l-1.217 1.217A1 1 0 0 0 15.5 8h4a1 1 0 0 0 1-1zM7.99 18.924l1.217-1.217A1 1 0 0 0 8.5 16h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1.707.707l1.33-1.33A9.96 9.96 0 0 0 12 22c5.523 0 10-4.477 10-10a1 1 0 1 0-2 0a8 8 0 0 1-12.01 6.924\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:synchronize-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 0 1 16-5.658\"/><path d=\"M19.5 3v4h-4m5.5 5a9 9 0 0 1-16 5.657\"/><path d=\"M4.5 21v-4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:synchronize-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 0 1 16-5.658\"/><path d=\"M19.5 3v4h-4m5.5 5a9 9 0 0 1-16 5.657\"/><path d=\"M4.5 21v-4h4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:ticket",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M3 10H2a1 1 0 0 0 1 1zm0 4v-1a1 1 0 0 0-1 1zm18-4v1a1 1 0 0 0 1-1zm0 4h1a1 1 0 0 0-1-1zM5 6h5V4H5zm5 0h9V4h-9zm9 12h-9v2h9zm-9 0H5v2h5zM9 5v14h2V5zm-5.293 6.293a1 1 0 0 1 0 1.414l1.414 1.414a3 3 0 0 0 0-4.242zm16.586 1.414a1 1 0 0 1 0-1.414l-1.414-1.414a3 3 0 0 0 0 4.242zM3 11c.257 0 .512.097.707.293l1.414-1.414A3 3 0 0 0 3 9zm1-1V7H2v3zm0 7v-3H2v3zm-.293-4.293A1 1 0 0 1 3 13v2c.766 0 1.536-.293 2.121-.879zm16.586-1.414A1 1 0 0 1 21 11V9c-.766 0-1.536.293-2.121.879zM20 7v3h2V7zm0 7v3h2v-3zm1-1a1 1 0 0 1-.707-.293l-1.414 1.414A3 3 0 0 0 21 15zM5 18a1 1 0 0 1-1-1H2a3 3 0 0 0 3 3zm14 2a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1zm0-14a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zM5 4a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:ticket-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M3 10H1.75c0 .69.56 1.25 1.25 1.25zm0 4v-1.25c-.69 0-1.25.56-1.25 1.25zm18-4v1.25c.69 0 1.25-.56 1.25-1.25zm0 4h1.25c0-.69-.56-1.25-1.25-1.25zM5 6.25h5v-2.5H5zm5 0h9v-2.5h-9zm9 11.5h-9v2.5h9zm-9 0H5v2.5h5zM8.75 5v14h2.5V5zm-5.22 6.47a.75.75 0 0 1 0 1.06l1.768 1.768a3.25 3.25 0 0 0 0-4.596zm16.94 1.06a.75.75 0 0 1 0-1.06l-1.768-1.768a3.25 3.25 0 0 0 0 4.596zM3 11.25a.74.74 0 0 1 .53.22l1.768-1.768A3.24 3.24 0 0 0 3 8.75zM4.25 10V7h-2.5v3zm0 7v-3h-2.5v3zm-.72-4.47a.74.74 0 0 1-.53.22v2.5c.83 0 1.664-.318 2.298-.952zm16.94-1.06a.74.74 0 0 1 .53-.22v-2.5c-.83 0-1.664.318-2.298.952zM19.75 7v3h2.5V7zm0 7v3h2.5v-3zM21 12.75a.74.74 0 0 1-.53-.22l-1.768 1.768A3.24 3.24 0 0 0 21 15.25zm-16 5a.75.75 0 0 1-.75-.75h-2.5A3.25 3.25 0 0 0 5 20.25zm14 2.5A3.25 3.25 0 0 0 22.25 17h-2.5a.75.75 0 0 1-.75.75zm0-14a.75.75 0 0 1 .75.75h2.5A3.25 3.25 0 0 0 19 3.75zM5 3.75A3.25 3.25 0 0 0 1.75 7h2.5A.75.75 0 0 1 5 6.25z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:ticket-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"currentColor\"><path d=\"M19 5h-9v14h9a2 2 0 0 0 2-2v-3a2 2 0 1 1 0-4V7a2 2 0 0 0-2-2\" opacity=\".16\"/><path d=\"M3 10H2a1 1 0 0 0 1 1zm0 4v-1a1 1 0 0 0-1 1zm18-4v1a1 1 0 0 0 1-1zm0 4h1a1 1 0 0 0-1-1zM5 6h5V4H5zm5 0h9V4h-9zm9 12h-9v2h9zm-9 0H5v2h5zM9 5v14h2V5zm-5.293 6.293a1 1 0 0 1 0 1.414l1.414 1.414a3 3 0 0 0 0-4.242zm16.586 1.414a1 1 0 0 1 0-1.414l-1.414-1.414a3 3 0 0 0 0 4.242zM3 11c.257 0 .512.097.707.293l1.414-1.414A3 3 0 0 0 3 9zm1-1V7H2v3zm0 7v-3H2v3zm-.293-4.293A1 1 0 0 1 3 13v2c.766 0 1.536-.293 2.121-.879zm16.586-1.414A1 1 0 0 1 21 11V9c-.766 0-1.536.293-2.121.879zM20 7v3h2V7zm0 7v3h2v-3zm1-1a1 1 0 0 1-.707-.293l-1.414 1.414A3 3 0 0 0 21 15zM5 18a1 1 0 0 1-1-1H2a3 3 0 0 0 3 3zm14 2a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1zm0-14a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zM5 4a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:ticket-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5 4a3 3 0 0 0-3 3v3a1 1 0 0 0 1 1a1 1 0 0 1 0 2a1 1 0 0 0-1 1v3a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-3a1 1 0 0 0-1-1a1 1 0 0 1 0-2a1 1 0 0 0 1-1V7a3 3 0 0 0-3-3zM4 7a1 1 0 0 1 1-1h4v12H5a1 1 0 0 1-1-1v-2.171a3 3 0 0 0 1.121-.708l-.692-.692l.692.692A3 3 0 0 0 4 9.171z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:ticket-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M3 10h-.75c0 .414.336.75.75.75zm0 4v-.75a.75.75 0 0 0-.75.75zm18-4v.75a.75.75 0 0 0 .75-.75zm0 4h.75a.75.75 0 0 0-.75-.75zM5 5.75h5v-1.5H5zm5 0h9v-1.5h-9zm9 12.5h-9v1.5h9zm-9 0H5v1.5h5zM9.25 5v14h1.5V5zm-5.366 6.116a1.25 1.25 0 0 1 0 1.768l1.06 1.06a2.75 2.75 0 0 0 0-3.889zm16.232 1.768a1.25 1.25 0 0 1 0-1.768l-1.06-1.06a2.75 2.75 0 0 0 0 3.889zM3 10.75c.321 0 .64.122.884.366l1.06-1.06A2.74 2.74 0 0 0 3 9.25zm.75-.75V7h-1.5v3zm0 7v-3h-1.5v3zm.134-4.116A1.24 1.24 0 0 1 3 13.25v1.5c.703 0 1.408-.269 1.945-.806zm16.232-1.768c.244-.244.563-.366.884-.366v-1.5c-.703 0-1.408.269-1.945.806zM20.25 7v3h1.5V7zm0 7v3h1.5v-3zm.75-.75c-.321 0-.64-.122-.884-.366l-1.06 1.06A2.74 2.74 0 0 0 21 14.75zm-16 5c-.69 0-1.25-.56-1.25-1.25h-1.5A2.75 2.75 0 0 0 5 19.75zm14 1.5A2.75 2.75 0 0 0 21.75 17h-1.5c0 .69-.56 1.25-1.25 1.25zm0-14c.69 0 1.25.56 1.25 1.25h1.5A2.75 2.75 0 0 0 19 4.25zM5 4.25A2.75 2.75 0 0 0 2.25 7h1.5c0-.69.56-1.25 1.25-1.25z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:ticket-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M3 10h-.5a.5.5 0 0 0 .5.5zm0 4v-.5a.5.5 0 0 0-.5.5zm18-4v.5a.5.5 0 0 0 .5-.5zm0 4h.5a.5.5 0 0 0-.5-.5zM5 5.5h5v-1H5zm5 0h9v-1h-9zm9 13h-9v1h9zm-9 0H5v1h5zM9.5 5v14h1V5zm-5.44 5.94a1.5 1.5 0 0 1 0 2.12l.708.708a2.5 2.5 0 0 0 0-3.536zm15.88 2.12a1.5 1.5 0 0 1 0-2.12l-.708-.708a2.5 2.5 0 0 0 0 3.536zM3 10.5c.385 0 .768.146 1.06.44l.708-.708A2.5 2.5 0 0 0 3 9.5zm.5-.5V7h-1v3zm0 7v-3h-1v3zm.56-3.94c-.292.294-.675.44-1.06.44v1c.639 0 1.28-.244 1.768-.732zm15.88-2.12c.292-.294.675-.44 1.06-.44v-1c-.639 0-1.28.244-1.768.732zM20.5 7v3h1V7zm0 7v3h1v-3zm.5-.5c-.385 0-.768-.146-1.06-.44l-.708.708A2.5 2.5 0 0 0 21 14.5zm-16 5A1.5 1.5 0 0 1 3.5 17h-1A2.5 2.5 0 0 0 5 19.5zm14 1a2.5 2.5 0 0 0 2.5-2.5h-1a1.5 1.5 0 0 1-1.5 1.5zm0-14A1.5 1.5 0 0 1 20.5 7h1A2.5 2.5 0 0 0 19 4.5zm-14-1A2.5 2.5 0 0 0 2.5 7h1A1.5 1.5 0 0 1 5 5.5z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 11v6m-4-6v6M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 11v6m-4-6v6M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M8 21h8a2 2 0 0 0 2-2V7H6v12a2 2 0 0 0 2 2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 11v6m-4-6v6M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:trash-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.106 2.553A1 1 0 0 1 9 2h6a1 1 0 0 1 .894.553L17.618 6H20a1 1 0 1 1 0 2h-1v11a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8H4a1 1 0 0 1 0-2h2.382zM14.382 4l1 2H8.618l1-2zM11 11a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0zm4 0a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14 11v6m-4-6v6M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash-simple",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash-simple-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash-simple-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M8 21h8a2 2 0 0 0 2-2V7H6v12a2 2 0 0 0 2 2\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:trash-simple-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 2a1 1 0 0 0-.894.553L6.382 6H4a1 1 0 0 0 0 2h1v11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8h1a1 1 0 1 0 0-2h-2.382l-1.724-3.447A1 1 0 0 0 15 2zm6.382 4l-1-2H9.618l-1 2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash-simple-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash-simple-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trash-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 11v6m-4-6v6M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M4 7h16M7 7l2-4h6l2 4\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trend-down",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m3 7l6 6l4-4l8 8\"/><path d=\"M17 17h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:trend-down-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"m3 7l6 6l4-4l8 8\"/><path d=\"M17 17h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:trend-down-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M22 17.01V13a1 1 0 0 0-1.707-.707L19 13.586l-5.293-5.293a1 1 0 0 0-1.414 0L9 11.586L3.707 6.293a1 1 0 0 0-1.414 1.414l6 6a1 1 0 0 0 1.414 0L13 10.414L17.586 15l-1.293 1.293A1 1 0 0 0 17 18h4l.048-.001a.997.997 0 0 0 .952-.99\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trend-down-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m3 7l6 6l4-4l8 8\"/><path d=\"M17 17h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:trend-down-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 7l6 6l4-4l8 8\"/><path d=\"M17 17h4v-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:trend-up",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m3 17l6-6l4 4l8-8\"/><path d=\"M17 7h4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:trend-up-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"m3 17l6-6l4 4l8-8\"/><path d=\"M17 7h4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:trend-up-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M22 6.99V11a1 1 0 0 1-1.707.707L19 10.414l-5.293 5.293a1 1 0 0 1-1.414 0L9 12.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0L13 13.586L17.586 9l-1.293-1.293A1 1 0 0 1 17 6h4l.048.001a.996.996 0 0 1 .952.99\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:trend-up-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m3 17l6-6l4 4l8-8\"/><path d=\"M17 7h4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:trend-up-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 17l6-6l4 4l8-8\"/><path d=\"M17 7h4v4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:type",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 7V6a2 2 0 0 1 2-2h5m7 3V6a2 2 0 0 0-2-2h-5m0 0v16m0 0H9m3 0h3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:type-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 7V6a2 2 0 0 1 2-2h5m7 3V6a2 2 0 0 0-2-2h-5m0 0v16m0 0H9m3 0h3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:type-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 7V6a2 2 0 0 1 2-2h5m7 3V6a2 2 0 0 0-2-2h-5m0 0v16m0 0H9m3 0h3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:type-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7 5a1 1 0 0 0-1 1v1a1 1 0 0 1-2 0V6a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v1a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1h-4v14h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2V5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:type-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 7V6a2 2 0 0 1 2-2h5m7 3V6a2 2 0 0 0-2-2h-5m0 0v16m0 0H9m3 0h3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:type-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 7V6a2 2 0 0 1 2-2h5m7 3V6a2 2 0 0 0-2-2h-5m0 0v16m0 0H9m3 0h3\"/></svg>"
+  },
+  {
+    "name": "iconamoon:unavailable",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 20a8 8 0 0 1-8-8H2c0 5.523 4.477 10 10 10zm0-16a8 8 0 0 1 8 8h2c0-5.523-4.477-10-10-10zm-8 8a7.97 7.97 0 0 1 2.343-5.657L4.93 4.93A9.97 9.97 0 0 0 2 11.999zm2.343-5.657A7.97 7.97 0 0 1 12 4V2a9.97 9.97 0 0 0-7.071 2.929zm-1.414 0l12.728 12.728l1.414-1.414L6.343 4.929zM20 12a7.97 7.97 0 0 1-2.343 5.657l1.414 1.414A9.97 9.97 0 0 0 22 12zm-2.343 5.657A7.97 7.97 0 0 1 12 20v2a9.97 9.97 0 0 0 7.071-2.929z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:unavailable-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 19.75A7.75 7.75 0 0 1 4.25 12h-2.5c0 5.66 4.59 10.25 10.25 10.25zm0-15.5A7.75 7.75 0 0 1 19.75 12h2.5c0-5.661-4.59-10.25-10.25-10.25zM4.25 12c0-2.14.866-4.076 2.27-5.48L4.752 4.752A10.22 10.22 0 0 0 1.75 12zm2.27-5.48A7.72 7.72 0 0 1 12 4.25v-2.5c-2.83 0-5.394 1.149-7.248 3.002zm-1.768 0L17.48 19.248l1.768-1.768L6.52 4.752zM19.75 12c0 2.14-.866 4.076-2.27 5.48l1.768 1.768A10.22 10.22 0 0 0 22.25 12zm-2.27 5.48A7.72 7.72 0 0 1 12 19.75v2.5c2.83 0 5.394-1.149 7.248-3.002z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:unavailable-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"9\" opacity=\".16\"/><path d=\"M12 20a8 8 0 0 1-8-8H2c0 5.523 4.477 10 10 10zm0-16a8 8 0 0 1 8 8h2c0-5.523-4.477-10-10-10zm-8 8a7.97 7.97 0 0 1 2.343-5.657L4.93 4.93A9.97 9.97 0 0 0 2 12zm2.343-5.657A7.97 7.97 0 0 1 12 4V2a9.97 9.97 0 0 0-7.071 2.929zm-1.414 0l12.728 12.728l1.414-1.414L6.343 4.929zM20 12a7.97 7.97 0 0 1-2.343 5.657l1.414 1.414A9.97 9.97 0 0 0 22 12zm-2.343 5.657A7.97 7.97 0 0 1 12 20v2a9.97 9.97 0 0 0 7.071-2.929z\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:unavailable-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.503 5.382a8 8 0 0 1 11.114 11.114zm-2.12 2.121a8 8 0 0 0 11.114 11.114zM12 2a9.97 9.97 0 0 0-7.071 2.929A9.97 9.97 0 0 0 2 12c0 5.523 4.477 10 10 10a9.97 9.97 0 0 0 7.071-2.929A9.97 9.97 0 0 0 22 12c0-5.523-4.477-10-10-10\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:unavailable-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 20.25A8.25 8.25 0 0 1 3.75 12h-1.5A9.75 9.75 0 0 0 12 21.75zm0-16.5A8.25 8.25 0 0 1 20.25 12h1.5A9.75 9.75 0 0 0 12 2.25zM3.75 12c0-2.278.923-4.34 2.416-5.834l-1.06-1.06A9.72 9.72 0 0 0 2.25 12zm2.416-5.834A8.22 8.22 0 0 1 12 3.75v-1.5a9.72 9.72 0 0 0-6.894 2.856zm-1.06 0l12.728 12.728l1.06-1.06L6.166 5.106zM20.25 12c0 2.278-.923 4.34-2.416 5.834l1.06 1.06A9.72 9.72 0 0 0 21.75 12zm-2.416 5.834A8.22 8.22 0 0 1 12 20.25v1.5a9.72 9.72 0 0 0 6.894-2.856z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:unavailable-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 20.5A8.5 8.5 0 0 1 3.5 12h-1a9.5 9.5 0 0 0 9.5 9.5zm0-17a8.5 8.5 0 0 1 8.5 8.5h1A9.5 9.5 0 0 0 12 2.5zM3.5 12c0-2.347.95-4.472 2.49-6.01l-.708-.708A9.47 9.47 0 0 0 2.5 12zm2.49-6.01A8.47 8.47 0 0 1 12 3.5v-1a9.47 9.47 0 0 0-6.718 2.782zm-.708 0L18.01 18.718l.707-.708L5.99 5.282zM20.5 12c0 2.347-.95 4.472-2.49 6.01l.707.707A9.47 9.47 0 0 0 21.5 12zm-2.49 6.01A8.47 8.47 0 0 1 12 20.5v1a9.47 9.47 0 0 0 6.718-2.782z\"/></svg>"
+  },
+  {
+    "name": "iconamoon:upload",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 12l5 5m0 0l5-5m-5 5V4M6 20h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:upload-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m7 12l5 5m0 0l5-5m-5 5V4M6 20h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:upload-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 3a1 1 0 0 1 1 1v7h4a1 1 0 0 1 .707 1.707l-5 5a1 1 0 0 1-1.414 0l-5-5A1 1 0 0 1 7 11h4V4a1 1 0 0 1 1-1M5 20a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:upload-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m7 12l5 5m0 0l5-5m-5 5V4M6 20h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:upload-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m7 12l5 5m0 0l5-5m-5 5V4M6 20h12\"/></svg>"
+  },
+  {
+    "name": "iconamoon:upside-down-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M9 14.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M8.535 10A4 4 0 0 1 12 8c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:upside-down-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M9 14.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M8.535 10A4 4 0 0 1 12 8c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:upside-down-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 14.5h.01v.01H9zm6 0h.01v.01H15z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.535 10A4 4 0 0 1 12 8c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:upside-down-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m13.966-1.134a1 1 0 0 1-1.367-.365C14.08 9.6 13.11 9 12 9s-2.08.601-2.6 1.5a1 1 0 0 1-1.73-1A5 5 0 0 1 12 7a5 5 0 0 1 4.33 2.5a1 1 0 0 1-.364 1.366M9 13a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5v-.01a1.5 1.5 0 0 0-1.5-1.5zm6 0a1.5 1.5 0 0 0-1.5 1.5v.01a1.5 1.5 0 0 0 1.5 1.5h.01a1.5 1.5 0 0 0 1.5-1.5v-.01a1.5 1.5 0 0 0-1.5-1.5z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:upside-down-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M9.01 14.5v.01H9v-.01zm6 0v.01H15v-.01z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M8.535 10A4 4 0 0 1 12 8c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:upside-down-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M9.01 14.5v.01H9v-.01zm6 0v.01H15v-.01z\"/><path stroke-linecap=\"round\" d=\"M8.535 10A4 4 0 0 1 12 8c1.48 0 2.773.804 3.465 2\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-down",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-down-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linejoin=\"round\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-down-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-down-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10.427 5.054c1.15-.816 2.828-.217 3.083 1.25c.322 1.85.49 3.754.49 5.696s-.168 3.845-.49 5.697c-.255 1.466-1.932 2.065-3.083 1.25L7.94 17.183A1 1 0 0 0 7.363 17H5a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h2.363a1 1 0 0 0 .578-.184zm7.446 3.864a1 1 0 1 0-1.993.164a35.5 35.5 0 0 1 0 5.836a1 1 0 0 0 1.993.164a37.5 37.5 0 0 0 0-6.164\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:volume-down-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linejoin=\"round\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-down-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linejoin=\"round\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-off",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"m17 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-off-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><path d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"m17 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-off-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-off-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10.427 5.054c1.15-.816 2.828-.217 3.083 1.25c.322 1.85.49 3.754.49 5.696s-.168 3.845-.49 5.697c-.255 1.466-1.932 2.065-3.083 1.25L7.94 17.183A1 1 0 0 0 7.363 17H5a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h2.363a1 1 0 0 0 .578-.184zm7.28 4.239a1 1 0 0 0-1.414 1.414L17.586 12l-1.293 1.293a1 1 0 0 0 1.414 1.414L19 13.414l1.293 1.293a1 1 0 0 0 1.414-1.414L20.414 12l1.293-1.293a1 1 0 0 0-1.414-1.414L19 10.586z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:volume-off-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"m17 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-off-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><path d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"m17 10l4 4m-4 0l4-4\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-up",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" d=\"M20.803 8a40.5 40.5 0 0 1 0 8\"/><path stroke-linejoin=\"round\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-up-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" d=\"M20.803 8a40.5 40.5 0 0 1 0 8\"/><path stroke-linejoin=\"round\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-up-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M20.803 8a40.5 40.5 0 0 1 0 8\"/><path fill=\"currentColor\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-up-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M13.51 6.303c-.255-1.466-1.932-2.065-3.083-1.25L7.94 6.817A1 1 0 0 1 7.363 7H5a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h2.363a1 1 0 0 1 .578.184l2.486 1.762c1.15.816 2.828.217 3.083-1.25c.322-1.85.49-3.754.49-5.696s-.168-3.845-.49-5.697m8.288 1.598a1 1 0 0 0-1.99.198a39.5 39.5 0 0 1 0 7.802a1 1 0 1 0 1.99.198a41.5 41.5 0 0 0 0-8.198m-3.925 1.017a1 1 0 1 0-1.993.164a35.5 35.5 0 0 1 0 5.836a1 1 0 0 0 1.993.164a37.5 37.5 0 0 0 0-6.164\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:volume-up-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" d=\"M20.803 8a40.5 40.5 0 0 1 0 8\"/><path stroke-linejoin=\"round\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:volume-up-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\"><path stroke-linecap=\"round\" d=\"M20.803 8a40.5 40.5 0 0 1 0 8\"/><path stroke-linejoin=\"round\" d=\"M13 12c0-1.884-.163-3.73-.475-5.525c-.123-.704-.937-1.019-1.52-.605L8.52 7.632A2 2 0 0 1 7.363 8H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2.363a2 2 0 0 1 1.157.368l2.485 1.762c.583.414 1.397.1 1.52-.605A32 32 0 0 0 13 12Z\"/><path stroke-linecap=\"round\" d=\"M16.877 9a36.5 36.5 0 0 1 0 6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:winking-face",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2\"/><path stroke-width=\"3\" d=\"M9 9.5h.01v.01H9z\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M16.5 9.5h-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:winking-face-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"2.5\"/><path stroke-width=\"3.75\" d=\"M9 9.5h.01v.01H9z\"/><path stroke-linecap=\"round\" stroke-width=\"2.5\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M16.5 9.5h-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:winking-face-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" opacity=\".16\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M9 9.5h.01v.01H9z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M16.5 9.5h-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:winking-face-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m5.5-2.5A1.5 1.5 0 0 1 9 8h.01a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-1.5 1.5H9a1.5 1.5 0 0 1-1.5-1.5zm6-1a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2zm-4.1 5a1 1 0 0 0-1.73 1A5 5 0 0 0 12 17a5 5 0 0 0 4.33-2.5a1 1 0 1 0-1.73-1c-.52.899-1.49 1.5-2.6 1.5a3 3 0 0 1-2.6-1.5\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:winking-face-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\" stroke-width=\"1.5\"/><path stroke-width=\"2.25\" d=\"M9.01 9.5v.01H9V9.5z\"/><path stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M16.5 9.5h-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:winking-face-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-linecap=\"round\"/><path stroke-width=\"1.5\" d=\"M9.01 9.5v.01H9V9.5z\"/><path stroke-linecap=\"round\" d=\"M15.465 14A4 4 0 0 1 12 16a4 4 0 0 1-3.465-2M16.5 9.5h-3\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-in",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M11 8v6m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-in-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M11 8v6m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-in-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M19 11a8 8 0 1 1-16 0a8 8 0 0 1 16 0\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M11 8v6m-3-3h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-in-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 11a9 9 0 1 1 16.032 5.618l3.675 3.675a1 1 0 0 1-1.414 1.414l-3.675-3.675A9 9 0 0 1 2 11m9-4a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H8a1 1 0 1 1 0-2h2V8a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-in-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M11 8v6m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-in-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M11 8v6m-3-3h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-out",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M8 11h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-out-bold",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M8 11h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-out-duotone",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\"><path fill=\"currentColor\" d=\"M19 11a8 8 0 1 1-16 0a8 8 0 0 1 16 0\" opacity=\".16\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M8 11h6\"/></g></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-out-fill",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 11a9 9 0 1 1 16.032 5.618l3.675 3.675a1 1 0 0 1-1.414 1.414l-3.675-3.675A9 9 0 0 1 2 11m6-1a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-out-light",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M8 11h6\"/></svg>"
+  },
+  {
+    "name": "iconamoon:zoom-out-thin",
+    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M8 11h6\"/></svg>"
+  }
+]
\ No newline at end of file
diff --git a/assets/style/css/base/theme.css b/assets/style/css/base/theme.css
new file mode 100644
index 0000000..a6c095c
--- /dev/null
+++ b/assets/style/css/base/theme.css
@@ -0,0 +1,268 @@
+html[data-theme="biasa"] {
+  --color-primary: 0, 165, 154;
+  --color-secondary: 97, 176, 183;
+  --color-accent: 243, 244, 246;
+  --color-success: 79, 192, 103;
+  --color-info: 65, 133, 242;
+  --color-warning: 246, 141, 32;
+  --color-danger: 229, 83, 69;
+  --text-color: 9, 9, 11;
+  --border-color: 228, 228, 231;
+  --bg-1: 243, 244, 246;
+  --bg-2: 255, 255, 255;
+  --sidebar: 38, 50, 55;
+  --sidebar-menu: 26, 35, 38;
+  --sidebar-text: 255, 255, 255;
+  --header: 49, 65, 71;
+  --header-text: 255, 255, 255;
+  --scroll-color: 170, 170, 170;
+  --scroll-hover-color: 155, 155, 155;
+  --fk-border-color: 228, 228, 231;
+  --fk-placeholder-color: 146, 146, 153;
+  --box-shadow: rgba(36, 35, 71, 0.05) 0px 1px 1px,
+    rgba(36, 35, 71, 0.05) 0px 0px 1px 1px;
+  --cp-bg: 255, 255, 255;
+  --rounded-box: 0.2rem;
+  --rounded-btn: 0.2rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: 0.2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --padding-btn: 0.5rem;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  --tw-shadow: #e5eaf2;
+}
+
+html[data-theme="gelap"] {
+  --color-primary: 97, 176, 183;
+  --color-secondary: 13, 27, 42;
+  --color-accent: 15, 23, 42;
+  --color-success: 79, 192, 103;
+  --color-info: 65, 133, 242;
+  --color-warning: 246, 141, 32;
+  --color-danger: 229, 83, 69;
+  --text-color: 209, 213, 219;
+  --border-color: 30, 41, 59;
+  --bg-1: 15, 23, 42;
+  --bg-2: 30, 41, 59;
+  --sidebar: 38, 50, 55;
+  --sidebar-menu: 26, 35, 38;
+  --sidebar-text: 255, 255, 255;
+  --header: 49, 65, 71;
+  --header-text: 255, 255, 255;
+  --scroll-color: 170, 170, 170;
+  --scroll-hover-color: 155, 155, 155;
+  --fk-border-color: 71, 85, 105;
+  --fk-placeholder-color: 71, 85, 105;
+  --box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --cp-bg: 255, 255, 255;
+  --rounded-box: 0.5rem;
+  --rounded-btn: 0.5rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: 0.2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --padding-btn: 0.625rem 1.5rem;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  --tw-shadow: #e5eaf2;
+}
+
+html[data-theme="biru"] {
+  --color-primary: 0, 102, 204;
+  --color-secondary: 51, 153, 255;
+  --color-accent: 255, 204, 0;
+  --color-success: 46, 204, 113;
+  --color-info: 52, 152, 219;
+  --color-warning: 246, 141, 32;
+  --color-danger: 231, 76, 60;
+  --text-color: 0, 0, 0;
+  --border-color: 200, 200, 200;
+  --bg-1: 240, 248, 255;
+  --bg-2: 230, 240, 250;
+  --sidebar: 38, 50, 55;
+  --sidebar-menu: 26, 35, 38;
+  --sidebar-text: 255, 255, 255;
+  --header: 49, 65, 71;
+  --header-text: 255, 255, 255;
+  --scroll-color: 180, 180, 180;
+  --scroll-hover-color: 150, 150, 150;
+  --fk-border-color: 200, 200, 200;
+  --fk-placeholder-color: 150, 150, 150;
+  --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+    0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --cp-bg: 255, 255, 255;
+  --rounded-box: 0.5rem;
+  --rounded-btn: 0.5rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: 0.2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --padding-btn: 0.625rem 1.5rem;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  --tw-shadow: #e5eaf2;
+}
+
+html[data-theme="merah"] {
+  --color-primary: 204, 0, 0;
+  --color-secondary: 255, 102, 102;
+  --color-accent: 255, 255, 153;
+  --color-success: 46, 204, 113;
+  --color-info: 52, 152, 219;
+  --color-warning: 246, 141, 32;
+  --color-danger: 231, 76, 60;
+  --text-color: 0, 0, 0;
+  --border-color: 200, 200, 200;
+  --bg-1: 255, 240, 240;
+  --bg-2: 255, 230, 230;
+  --sidebar: 38, 50, 55;
+  --sidebar-menu: 26, 35, 38;
+  --sidebar-text: 255, 255, 255;
+  --header: 49, 65, 71;
+  --header-text: 255, 255, 255;
+  --scroll-color: 180, 180, 180;
+  --scroll-hover-color: 150, 150, 150;
+  --fk-border-color: 200, 200, 200;
+  --fk-placeholder-color: 150, 150, 150;
+  --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+    0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --cp-bg: 255, 255, 255;
+  --rounded-box: 0.5rem;
+  --rounded-btn: 0.5rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: 0.2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --padding-btn: 0.625rem 1.5rem;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  --tw-shadow: #e5eaf2;
+}
+
+html[data-theme="ungu"] {
+  --color-primary: 75, 0, 130;
+  --color-secondary: 138, 43, 226;
+  --color-accent: 255, 215, 0;
+  --color-success: 46, 204, 113;
+  --color-info: 52, 152, 219;
+  --color-warning: 246, 141, 32;
+  --color-danger: 231, 76, 60;
+  --text-color: 0, 0, 0;
+  --border-color: 200, 200, 200;
+  --bg-1: 240, 248, 255;
+  --bg-2: 230, 240, 250;
+  --sidebar: 38, 50, 55;
+  --sidebar-menu: 26, 35, 38;
+  --sidebar-text: 255, 255, 255;
+  --header: 49, 65, 71;
+  --header-text: 255, 255, 255;
+  --scroll-color: 180, 180, 180;
+  --scroll-hover-color: 150, 150, 150;
+  --fk-border-color: 200, 200, 200;
+  --fk-placeholder-color: 150, 150, 150;
+  --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+    0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --cp-bg: 255, 255, 255;
+  --rounded-box: 0.5rem;
+  --rounded-btn: 0.5rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: 0.2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --padding-btn: 0.625rem 1.5rem;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  --tw-shadow: #e5eaf2;
+}
+
+html[data-theme="oren"] {
+  --color-primary: 255, 103, 0;
+  --color-secondary: 255, 159, 64;
+  --color-accent: 0, 128, 128;
+  --color-success: 46, 204, 113;
+  --color-info: 52, 152, 219;
+  --color-warning: 246, 141, 32;
+  --color-danger: 231, 76, 60;
+  --text-color: 0, 0, 0;
+  --border-color: 200, 200, 200;
+  --bg-1: 255, 250, 240;
+  --bg-2: 255, 245, 230;
+  --sidebar: 38, 50, 55;
+  --sidebar-menu: 26, 35, 38;
+  --sidebar-text: 255, 255, 255;
+  --header: 49, 65, 71;
+  --header-text: 255, 255, 255;
+  --scroll-color: 180, 180, 180;
+  --scroll-hover-color: 150, 150, 150;
+  --fk-border-color: 200, 200, 200;
+  --fk-placeholder-color: 150, 150, 150;
+  --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+    0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --cp-bg: 255, 255, 255;
+  --rounded-box: 0.5rem;
+  --rounded-btn: 0.5rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: 0.2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --padding-btn: 0.625rem 1.5rem;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  --tw-shadow: #e5eaf2;
+}
+
+html[data-theme="LZS"] {
+  --color-primary: 0, 90, 173; /* #005AAD - Blue */
+  --color-secondary: 141, 199, 61; /* #8DC73D - Green */
+  --color-accent: 255, 242, 0; /* #FFF200 - Yellow */
+  --color-success: 141, 199, 61; /* Using the green for success */
+  --color-info: 0, 90, 173; /* Using the blue for info */
+  --color-warning: 246, 141, 32; /* Using consistent orange for warning */
+  --color-danger: 229, 83, 69; /* Keeping original red for danger */
+  --text-color: 0, 0, 0; /* Black text */
+  --border-color: 220, 220, 220; /* Light gray for borders */
+  --bg-1: 245, 250, 255; /* Very light blue background */
+  --bg-2: 255, 255, 255; /* White background */
+  --sidebar: 0, 58, 112; /* Darker blue for sidebar - #003A70 */
+  --sidebar-menu: 0, 40, 77; /* Even darker blue for sidebar menu - #00284D */
+  --sidebar-text: 255, 255, 255; /* White text for sidebar */
+  --header: 0, 90, 173; /* Blue header - #005AAD */
+  --header-text: 255, 255, 255; /* White text for header */
+  --scroll-color: 180, 180, 180; /* Gray scrollbar */
+  --scroll-hover-color: 150, 150, 150; /* Darker gray on hover */
+  --fk-border-color: 220, 220, 220; /* Light gray for form borders */
+  --fk-placeholder-color: 150, 150, 150; /* Gray for placeholders */
+  --box-shadow: rgba(0, 90, 173, 0.1) 0px 1px 2px,
+    rgba(0, 90, 173, 0.08) 0px 0px 2px; /* Blue-tinted shadow */
+  --cp-bg: 255, 255, 255; /* White background */
+  --rounded-box: 0.5rem;
+  --rounded-btn: 0.5rem;
+  --rounded-badge: 1.9rem;
+  --animation-btn: 0.25s;
+  --animation-input: 0.2s;
+  --btn-text-case: uppercase;
+  --btn-focus-scale: 0.95;
+  --padding-btn: 0.625rem 1.5rem;
+  --border-btn: 1px;
+  --tab-border: 1px;
+  --tab-radius: 0.5rem;
+  /* Yellow accents in specific UI elements */
+  --active-menu-bg: 255, 242, 0, 0.1; /* Subtle yellow background for active menu items */
+  --active-menu-border: 255, 242, 0; /* Yellow border for active menu items */
+  --focus-ring: 255, 242, 0, 0.5; /* Yellow focus ring */
+  --tw-shadow: #e5eaf2;
+}
diff --git a/assets/style/css/component/alert.css b/assets/style/css/component/alert.css
new file mode 100644
index 0000000..5be607f
--- /dev/null
+++ b/assets/style/css/component/alert.css
@@ -0,0 +1,28 @@
+/* RS Alert Component */
+.alert {
+  @apply visible flex items-center justify-between py-3 px-3 rounded-lg;
+}
+
+.alert.alert-primary {
+  @apply bg-primary/20  text-primary;
+}
+
+.alert.alert-secondary {
+  @apply bg-secondary/20 text-secondary;
+}
+
+.alert.alert-success {
+  @apply bg-success/20 text-success;
+}
+
+.alert.alert-info {
+  @apply bg-info/20 text-info;
+}
+
+.alert.alert-warning {
+  @apply bg-warning/20 text-warning;
+}
+
+.alert.alert-danger {
+  @apply bg-danger/20 text-danger;
+}
diff --git a/assets/style/css/component/badge.css b/assets/style/css/component/badge.css
new file mode 100644
index 0000000..85fe604
--- /dev/null
+++ b/assets/style/css/component/badge.css
@@ -0,0 +1,32 @@
+/* RS Badge Component */
+.badge {
+  @apply inline-flex items-center justify-center px-2 py-1 rounded-full text-xs font-semibold leading-none;
+}
+
+.badge.badge-primary {
+  @apply bg-primary text-white;
+}
+
+.badge.badge-secondary {
+  @apply bg-secondary text-white;
+}
+
+.badge.badge-success {
+  @apply bg-success text-white;
+}
+
+.badge.badge-info {
+  @apply bg-info text-white;
+}
+
+.badge.badge-warning {
+  @apply bg-warning text-white;
+}
+
+.badge.badge-danger {
+  @apply bg-danger text-white;
+}
+
+.badge.badge-disabled {
+  @apply bg-gray-300 text-gray-600;
+}
diff --git a/assets/style/css/component/button.css b/assets/style/css/component/button.css
new file mode 100644
index 0000000..b783216
--- /dev/null
+++ b/assets/style/css/component/button.css
@@ -0,0 +1,323 @@
+/* RS Button  */
+.button {
+  @apply w-fit rounded-lg flex justify-center items-center h-fit;
+  transition: all 0.2s ease;
+  position: relative;
+  overflow: hidden;
+}
+
+/* Enhanced hover effect with slight 3D transition */
+.button[class*="button-"]:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
+.button[class*="button-"]:active {
+  transform: translateY(0px);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.button[class*="button-"]:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+  transform: none;
+  box-shadow: none;
+}
+
+/* Primary Button - Blue with yellow accent */
+.button.button-primary {
+  @apply bg-primary text-white;
+  box-shadow: 0 2px 4px rgba(var(--color-primary), 0.3), 
+              inset 0 1px 0 rgba(255, 255, 255, 0.2);
+  border: 1px solid rgba(var(--color-primary), 0.8);
+}
+
+.button.button-primary:hover::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background-color: rgb(var(--active-menu-border));
+  animation: slide-in 0.3s ease forwards;
+}
+
+@keyframes slide-in {
+  0% { transform: scaleX(0); opacity: 0; }
+  100% { transform: scaleX(1); opacity: 1; }
+}
+
+.button.button-secondary {
+  @apply bg-secondary text-white;
+  box-shadow: 0 2px 4px rgba(var(--color-secondary), 0.3),
+              inset 0 1px 0 rgba(255, 255, 255, 0.2);
+  border: 1px solid rgba(var(--color-secondary), 0.8);
+}
+
+.button.button-success {
+  @apply bg-success text-white;
+  box-shadow: 0 2px 4px rgba(var(--color-success), 0.3),
+              inset 0 1px 0 rgba(255, 255, 255, 0.2);
+  border: 1px solid rgba(var(--color-success), 0.8);
+}
+
+.button.button-info {
+  @apply bg-info text-white;
+  box-shadow: 0 2px 4px rgba(var(--color-info), 0.3),
+              inset 0 1px 0 rgba(255, 255, 255, 0.2);
+  border: 1px solid rgba(var(--color-info), 0.8);
+}
+
+.button.button-warning {
+  @apply bg-warning text-white;
+  box-shadow: 0 2px 4px rgba(var(--color-warning), 0.3),
+              inset 0 1px 0 rgba(255, 255, 255, 0.2);
+  border: 1px solid rgba(var(--color-warning), 0.8);
+}
+
+.button.button-danger {
+  @apply bg-danger text-white;
+  box-shadow: 0 2px 4px rgba(var(--color-danger), 0.3),
+              inset 0 1px 0 rgba(255, 255, 255, 0.2);
+  border: 1px solid rgba(var(--color-danger), 0.8);
+}
+
+/* Updated outline buttons */
+.button[class*="outline-"]:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+.button.outline-primary {
+  @apply border border-primary text-primary;
+  box-shadow: 0 1px 3px rgba(var(--color-primary), 0.1);
+}
+
+.button.outline-primary:hover {
+  @apply bg-primary/5;
+  box-shadow: 0 3px 6px rgba(var(--color-primary), 0.2);
+  transform: translateY(-1px);
+}
+
+.button.outline-secondary {
+  @apply border border-secondary text-secondary;
+  box-shadow: 0 1px 3px rgba(var(--color-secondary), 0.1);
+}
+
+.button.outline-secondary:hover {
+  @apply bg-secondary/5;
+  box-shadow: 0 3px 6px rgba(var(--color-secondary), 0.2);
+  transform: translateY(-1px);
+}
+
+.button.outline-success {
+  @apply border border-success text-success;
+  box-shadow: 0 1px 3px rgba(var(--color-success), 0.1);
+}
+
+.button.outline-success:hover {
+  @apply bg-success/5;
+  box-shadow: 0 3px 6px rgba(var(--color-success), 0.2);
+  transform: translateY(-1px);
+}
+
+.button.outline-info {
+  @apply border border-info text-info;
+  box-shadow: 0 1px 3px rgba(var(--color-info), 0.1);
+}
+
+.button.outline-info:hover {
+  @apply bg-info/5;
+  box-shadow: 0 3px 6px rgba(var(--color-info), 0.2);
+  transform: translateY(-1px);
+}
+
+.button.outline-warning {
+  @apply border border-warning text-warning;
+  box-shadow: 0 1px 3px rgba(var(--color-warning), 0.1);
+}
+
+.button.outline-warning:hover {
+  @apply bg-warning/5;
+  box-shadow: 0 3px 6px rgba(var(--color-warning), 0.2);
+  transform: translateY(-1px);
+}
+
+.button.outline-danger {
+  @apply border border-danger text-danger;
+  box-shadow: 0 1px 3px rgba(var(--color-danger), 0.1);
+}
+
+.button.outline-danger:hover {
+  @apply bg-danger/5;
+  box-shadow: 0 3px 6px rgba(var(--color-danger), 0.2);
+  transform: translateY(-1px);
+}
+
+.button[class*="text-"]:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+.button.texts-primary {
+  @apply text-primary;
+  position: relative;
+}
+
+.button.texts-primary:hover {
+  @apply bg-primary/10;
+}
+
+.button.texts-primary:after {
+  content: '';
+  position: absolute;
+  width: 0;
+  height: 2px;
+  bottom: 0;
+  left: 0;
+  background-color: rgb(var(--color-primary));
+  transition: width 0.3s ease;
+}
+
+.button.texts-primary:hover:after {
+  width: 100%;
+}
+
+.button.texts-secondary {
+  @apply text-secondary;
+  position: relative;
+}
+
+.button.texts-secondary:hover {
+  @apply bg-secondary/10;
+}
+
+.button.texts-secondary:after {
+  content: '';
+  position: absolute;
+  width: 0;
+  height: 2px;
+  bottom: 0;
+  left: 0;
+  background-color: rgb(var(--color-secondary));
+  transition: width 0.3s ease;
+}
+
+.button.texts-secondary:hover:after {
+  width: 100%;
+}
+
+.button.texts-success {
+  @apply text-success;
+  position: relative;
+}
+
+.button.texts-success:hover {
+  @apply bg-success/10;
+}
+
+.button.texts-success:after {
+  content: '';
+  position: absolute;
+  width: 0;
+  height: 2px;
+  bottom: 0;
+  left: 0;
+  background-color: rgb(var(--color-success));
+  transition: width 0.3s ease;
+}
+
+.button.texts-success:hover:after {
+  width: 100%;
+}
+
+.button.texts-info {
+  @apply text-info;
+  position: relative;
+}
+
+.button.texts-info:hover {
+  @apply bg-info/10;
+}
+
+.button.texts-info:after {
+  content: '';
+  position: absolute;
+  width: 0;
+  height: 2px;
+  bottom: 0;
+  left: 0;
+  background-color: rgb(var(--color-info));
+  transition: width 0.3s ease;
+}
+
+.button.texts-info:hover:after {
+  width: 100%;
+}
+
+.button.texts-warning {
+  @apply text-warning;
+  position: relative;
+}
+
+.button.texts-warning:hover {
+  @apply bg-warning/10;
+}
+
+.button.texts-warning:after {
+  content: '';
+  position: absolute;
+  width: 0;
+  height: 2px;
+  bottom: 0;
+  left: 0;
+  background-color: rgb(var(--color-warning));
+  transition: width 0.3s ease;
+}
+
+.button.texts-warning:hover:after {
+  width: 100%;
+}
+
+.button.texts-danger {
+  @apply text-danger;
+  position: relative;
+}
+
+.button.texts-danger:hover {
+  @apply bg-danger/10;
+}
+
+.button.texts-danger:after {
+  content: '';
+  position: absolute;
+  width: 0;
+  height: 2px;
+  bottom: 0;
+  left: 0;
+  background-color: rgb(var(--color-danger));
+  transition: width 0.3s ease;
+}
+
+.button.texts-danger:hover:after {
+  width: 100%;
+}
+
+.button-sm {
+  @apply text-xs;
+  padding: var(--padding-btn);
+  line-height: 1.4;
+}
+
+.button-md {
+  @apply text-sm;
+  padding: var(--padding-btn);
+  line-height: 1.5;
+}
+
+.button-lg {
+  @apply text-base;
+  padding: var(--padding-btn);
+  line-height: 1.6;
+}
diff --git a/assets/style/css/component/card.css b/assets/style/css/component/card.css
new file mode 100644
index 0000000..398055e
--- /dev/null
+++ b/assets/style/css/component/card.css
@@ -0,0 +1,24 @@
+/* RS Card Component */
+.card {
+  @apply mb-6;
+  background-color: rgb(var(--bg-2));
+  border-radius: var(--rounded-box);
+  box-shadow: var(--box-shadow);
+}
+
+.card .card-header {
+  @apply text-xl px-6 py-4 font-medium;
+  line-height: 1.5;
+  border-bottom: 1px solid rgb(var(--border-color));
+}
+
+.card .card-body {
+  @apply px-6 py-5;
+  line-height: 1.6;
+}
+
+.card .card-footer {
+  @apply px-6 py-4;
+  line-height: 1.5;
+  border-top: 1px solid rgb(var(--border-color));
+}
diff --git a/assets/style/css/component/collapse.css b/assets/style/css/component/collapse.css
new file mode 100644
index 0000000..4f22bd9
--- /dev/null
+++ b/assets/style/css/component/collapse.css
@@ -0,0 +1,61 @@
+/* RS Collapse Component */
+.accordion {
+  @apply w-full mb-4 visible;
+  background-color: rgb(var(--bg-2));
+}
+
+.accordion.accordion-border {
+  @apply border-t border-x rounded-lg;
+  border-color: rgb(var(--border-color));
+}
+
+.accordion .accordion-group {
+  @apply overflow-hidden duration-300 dark:border-slate-700;
+  background-color: rgb(var(--bg-2));
+}
+
+.accordion .accordion-group.accordion-default {
+  @apply border-b;
+  border-color: rgb(var(--border-color));
+}
+
+.accordion .accordion-group.accordion-border {
+  @apply border-b last:rounded-b-lg;
+  border-color: rgb(var(--border-color));
+}
+
+.accordion .accordion-group.accordion-card {
+  @apply my-4;
+  box-shadow: var(--box-shadow);
+}
+
+.accordion .accordion-group .accordion-header {
+  @apply text-lg font-medium px-5 pr-10 py-4 cursor-pointer;
+}
+
+.accordion .accordion-group .accordion-body {
+  @apply px-5 pb-4 pt-2;
+}
+
+.accordion-group .accordion-header {
+  position: relative;
+}
+
+.accordion-group .accordion-header::after {
+  content: "";
+  position: absolute;
+  width: 19px;
+  height: 19px;
+  top: 50%;
+  right: 0%;
+  transform: translate(-100%, -50%) rotate(0deg);
+  background: url("/assets/img/icon/chevron-right.svg");
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  transition: 0.25s ease-in-out;
+}
+
+.accordion-group--open .accordion-header::after {
+  transform: translate(-100%, -50%) rotate(90deg);
+}
diff --git a/assets/style/css/component/common.css b/assets/style/css/component/common.css
new file mode 100644
index 0000000..0ee9884
--- /dev/null
+++ b/assets/style/css/component/common.css
@@ -0,0 +1,40 @@
+body {
+  color: rgb(var(--text-color));
+  background-color: rgb(var(--bg-1));
+}
+
+.w-header {
+  @apply z-20 fixed top-0 right-0 px-5 py-3 duration-300 shadow-md;
+  background-color: rgb(var(--header));
+  color: rgb(var(--header-text));
+  box-shadow: var(--box-shadow);
+}
+
+.w-header-search {
+  @apply px-4 z-40 duration-300 shadow-md -top-20 focus-within:top-0 right-0;
+  background-color: rgb(var(--bg-2));
+}
+
+.vertical-menu {
+  @apply text-base h-screen fixed w-64 top-0 z-50 duration-300 border-l-0 shadow-md;
+  background-color: rgb(var(--sidebar));
+  color: rgb(var(--sidebar-text));
+  box-shadow: var(--box-shadow);
+}
+
+.icon-btn {
+  @apply flex
+          items-center
+          justify-center
+          transition-colors
+          duration-300;
+  color: rgb(var(--header-text));
+}
+
+.icon-btn.profile {
+  color: rgb(var(--header-text));
+}
+
+.icon-btn:hover {
+  background-color: rgb(var(--sidebar));
+}
diff --git a/assets/style/css/component/dropdown.css b/assets/style/css/component/dropdown.css
new file mode 100644
index 0000000..fde209d
--- /dev/null
+++ b/assets/style/css/component/dropdown.css
@@ -0,0 +1,53 @@
+/* RS Dropdown Component */
+.dropdown {
+  @apply relative inline-flex;
+}
+
+.dropdown .dropdown-section {
+  @apply absolute z-10 shadow-md rounded-lg py-1 whitespace-nowrap;
+  background-color: rgb(var(--bg-2));
+}
+
+.dropdown-section.list-bottom-sm {
+  @apply top-10;
+}
+
+.dropdown-section.list-bottom-md {
+  @apply top-12;
+}
+
+.dropdown-section.list-bottom-lg {
+  @apply top-16;
+}
+
+.dropdown-section.list-top-sm {
+  @apply bottom-10;
+}
+
+.dropdown-section.list-top-md {
+  @apply bottom-12;
+}
+
+.dropdown-section.list-top-lg {
+  @apply bottom-16;
+}
+
+.dropdown-section.list-left {
+  @apply top-0 -left-[10.5rem];
+}
+
+.dropdown-section.list-right {
+  @apply top-0 -right-[10.5rem];
+}
+
+.dropdown-section.list-align-right {
+  @apply right-0;
+}
+
+.dropdown-section .dropdown-item {
+  @apply flex items-center cursor-pointer px-4 py-2;
+}
+
+.dropdown-section .dropdown-item:hover {
+  background-color: rgb(var(--bg-1));
+}
diff --git a/assets/style/css/component/modal.css b/assets/style/css/component/modal.css
new file mode 100644
index 0000000..4d5f300
--- /dev/null
+++ b/assets/style/css/component/modal.css
@@ -0,0 +1,50 @@
+/* RS Modal Component  */
+.modal {
+  @apply fixed top-0 left-0 w-full h-full overflow-hidden z-[1000] duration-300;
+  background: rgba(15, 23, 42, 0.5);
+}
+
+.modal.modal-top {
+  @apply flex items-start;
+}
+
+.modal.modal-center {
+  @apply flex items-center;
+}
+
+.modal.modal-end {
+  @apply flex items-end;
+}
+
+.modal.modal-hide-overlay {
+  @apply !bg-transparent;
+}
+
+.modal .modal-dialog {
+  @apply w-full md:w-auto relative z-[9999];
+  margin: 1.75rem auto;
+}
+
+.modal .modal-dialog .modal-content {
+  @apply border-none shadow-lg relative flex flex-col w-full pointer-events-auto bg-clip-padding rounded-md outline-none text-current;
+  background-color: rgb(var(--bg-2));
+}
+
+.modal .modal-dialog .modal-content .modal-header {
+  @apply flex flex-shrink-0 items-center justify-between p-4 border-b rounded-t-md;
+  border-color: rgb(var(--border-color));
+}
+
+.modal .modal-dialog .modal-content .modal-body {
+  @apply relative p-4;
+}
+
+.modal .modal-dialog .modal-content .modal-footer {
+  @apply flex flex-shrink-0 flex-wrap items-center justify-end px-4 pb-4 rounded-b-md gap-x-3;
+}
+
+@media screen and (max-width: 768px) {
+  .modal-dialog {
+    margin: 1.75rem 1rem;
+  }
+}
diff --git a/assets/style/css/component/progress.css b/assets/style/css/component/progress.css
new file mode 100644
index 0000000..9c1c9b6
--- /dev/null
+++ b/assets/style/css/component/progress.css
@@ -0,0 +1,80 @@
+/* RS Progress Component */
+.progress-wrapper {
+  @apply w-full mb-4;
+}
+
+.progress-wrapper .progress-label {
+  @apply text-sm mb-1;
+}
+
+.progress-wrapper .progress {
+  @apply flex rounded-full;
+}
+
+.progress-wrapper .progress.progress-sm {
+  @apply h-3;
+}
+
+.progress-wrapper .progress.progress-md {
+  @apply h-4;
+}
+
+.progress-wrapper .progress.progress-lg {
+  @apply h-5;
+}
+
+.progress-wrapper .progress.progress-sm {
+  @apply h-3;
+}
+
+.progress-wrapper .progress.progress-primary {
+  @apply bg-primary/20;
+}
+
+.progress-wrapper .progress.progress-secondary {
+  @apply bg-secondary/20;
+}
+
+.progress-wrapper .progress.progress-success {
+  @apply bg-success/20;
+}
+
+.progress-wrapper .progress.progress-info {
+  @apply bg-info/20;
+}
+
+.progress-wrapper .progress.progress-warning {
+  @apply bg-warning/20;
+}
+
+.progress-wrapper .progress.progress-danger {
+  @apply bg-danger/20;
+}
+
+.progress-wrapper .progress .progress-bar {
+  @apply flex items-center justify-center rounded-full text-white;
+}
+
+.progress-wrapper .progress .progress-bar.primary {
+  @apply bg-primary;
+}
+
+.progress-wrapper .progress .progress-bar.secondary {
+  @apply bg-secondary;
+}
+
+.progress-wrapper .progress .progress-bar.success {
+  @apply bg-success;
+}
+
+.progress-wrapper .progress .progress-bar.info {
+  @apply bg-info;
+}
+
+.progress-wrapper .progress .progress-bar.warning {
+  @apply bg-warning;
+}
+
+.progress-wrapper .progress .progress-bar.danger {
+  @apply bg-danger;
+}
diff --git a/assets/style/css/component/tab.css b/assets/style/css/component/tab.css
new file mode 100644
index 0000000..b026c61
--- /dev/null
+++ b/assets/style/css/component/tab.css
@@ -0,0 +1,322 @@
+/* RS Tab Component */
+.tab {
+  @apply rounded-md;
+}
+
+.tab.vertical {
+  @apply flex flex-col md:flex-row;
+}
+
+.tab.tab-card {
+  @apply shadow-md pt-4;
+}
+
+.tab.card-vertical {
+  @apply shadow-md;
+}
+
+.tab.card-primary {
+  @apply bg-primary;
+}
+
+.tab.card-secondary {
+  @apply bg-secondary;
+}
+
+.tab.card-success {
+  @apply bg-success;
+}
+
+.tab.card-info {
+  @apply bg-info;
+}
+
+.tab.card-warning {
+  @apply bg-warning;
+}
+
+.tab.card-danger {
+  @apply bg-danger;
+}
+
+.tab .tab-nav {
+  @apply flex flex-wrap list-none pl-0;
+}
+
+.tab .tab-nav.tab-nav-card {
+  @apply mx-4 mb-0;
+}
+
+.tab .tab-nav.card-vertical {
+  @apply py-0 pt-4 md:py-4;
+}
+
+.tab .tab-nav.vertical {
+  @apply flex-row md:flex-col gap-2;
+}
+
+.tab .tab-nav.vertical-fill {
+  @apply flex-1;
+}
+
+.tab .tab-nav .tab-item {
+  @apply cursor-pointer;
+}
+
+.tab .tab-nav .tab-item.fill {
+  @apply flex-1 w-full;
+}
+
+.tab .tab-nav .tab-item.border-horizontal {
+  @apply border-0 hover:border hover:border-b-0 rounded-t-md px-6;
+}
+
+.tab .tab-nav .tab-item.border-horizontal-active {
+  @apply border rounded-t-md border-b-0;
+}
+
+.tab .tab-nav .tab-item.border-vertical {
+  @apply border-0 hover:border hover:border-r-0 rounded-l-md px-6;
+}
+
+.tab .tab-nav .tab-item.border-vertical-active {
+  @apply border rounded-t-md rounded-bl-none md:rounded-r-none md:rounded-l-md border-r border-b-0 md:border-b md:border-r-0;
+}
+
+.tab .tab-nav .tab-item.border-hover-primary {
+  @apply hover:border-primary;
+}
+
+.tab .tab-nav .tab-item.border-hover-secondary {
+  @apply hover:border-secondary;
+}
+
+.tab .tab-nav .tab-item.border-hover-success {
+  @apply hover:border-success;
+}
+
+.tab .tab-nav .tab-item.border-hover-info {
+  @apply hover:border-info;
+}
+
+.tab .tab-nav .tab-item.border-hover-warning {
+  @apply hover:border-warning;
+}
+
+.tab .tab-nav .tab-item.border-hover-danger {
+  @apply hover:border-danger;
+}
+
+.tab .tab-nav .tab-item.border-active-primary {
+  @apply border-primary text-primary;
+}
+
+.tab .tab-nav .tab-item.border-active-secondary {
+  @apply border-secondary text-secondary;
+}
+
+.tab .tab-nav .tab-item.border-active-success {
+  @apply border-success text-success;
+}
+
+.tab .tab-nav .tab-item.border-active-info {
+  @apply border-info text-info;
+}
+
+.tab .tab-nav .tab-item.border-active-warning {
+  @apply border-warning text-warning;
+}
+
+.tab .tab-nav .tab-item.border-active-danger {
+  @apply border-danger text-danger;
+}
+
+.tab .tab-nav .tab-item .tab-item-link {
+  @apply block font-medium text-base leading-tight capitalize border-x-0 border-t-0 py-3;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default {
+  @apply hover:border-b-2 mx-2 px-4;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-vertical {
+  @apply hover:border-l-2 mx-2 px-4;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-active {
+  @apply border-b-2;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-vertical-active {
+  @apply border-l-2;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-hover-primary {
+  @apply hover:border-primary hover:text-primary;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-hover-secondary {
+  @apply hover:border-secondary hover:text-secondary;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-hover-success {
+  @apply hover:border-success hover:text-success;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-hover-info {
+  @apply hover:border-info hover:text-info;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-hover-warning {
+  @apply hover:border-warning hover:text-warning;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-hover-danger {
+  @apply hover:border-danger hover:text-danger;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-primary {
+  @apply text-primary border-primary;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-secondary {
+  @apply text-secondary border-secondary;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-success {
+  @apply text-success border-success;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-info {
+  @apply text-info border-info;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-warning {
+  @apply text-warning border-warning;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.default-danger {
+  @apply text-danger border-danger;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card {
+  @apply px-5 mx-1 text-white rounded-t-md;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-vertical {
+  @apply px-5 my-0 text-white rounded-bl-none rounded-t-md md:rounded-tr-none md:rounded-l-md;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-primary {
+  @apply bg-primary/90;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-secondary {
+  @apply bg-secondary/90;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-success {
+  @apply bg-success/90;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-info {
+  @apply bg-info/90;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-warning {
+  @apply bg-warning/90;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-danger {
+  @apply bg-danger/90;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-primary-active {
+  @apply text-primary/90;
+  background-color: rgb(var(--bg-2));
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-secondary-active {
+  @apply text-secondary/90;
+  background-color: rgb(var(--bg-2));
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-success-active {
+  @apply text-success/90;
+  background-color: rgb(var(--bg-2));
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-info-active {
+  @apply text-info/90;
+  background-color: rgb(var(--bg-2));
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-warning-active {
+  @apply text-warning/90;
+  background-color: rgb(var(--bg-2));
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-card-danger-active {
+  @apply text-danger/90;
+  background-color: rgb(var(--bg-2));
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-justify-left {
+  @apply flex flex-wrap justify-start;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-justify-center {
+  @apply flex flex-wrap justify-center;
+}
+
+.tab .tab-nav .tab-item .tab-item-link.link-justify-right {
+  @apply flex flex-wrap justify-end;
+}
+
+.tab .tab-content {
+  background-color: rgb(var(--bg-2));
+}
+
+.tab .tab-content.content-vertical {
+  @apply flex-grow;
+}
+
+.tab .tab-content.content-vertical-fill {
+  @apply flex-1;
+}
+
+.tab .tab-content.content-border {
+  @apply border rounded-b-md;
+}
+
+.tab .tab-content.content-border-vertical {
+  @apply border rounded-md rounded-l-none;
+}
+
+.tab .tab-content.content-border-primary {
+  @apply border-primary;
+}
+
+.tab .tab-content.content-border-secondary {
+  @apply border-secondary;
+}
+
+.tab .tab-content.content-border-success {
+  @apply border-success;
+}
+
+.tab .tab-content.content-border-info {
+  @apply border-info;
+}
+
+.tab .tab-content.content-border-warning {
+  @apply border-warning;
+}
+
+.tab .tab-content.content-border-danger {
+  @apply border-danger;
+}
+
+.tab .tab-content .tab-pane {
+  @apply py-4 px-4;
+}
diff --git a/assets/style/css/component/table.css b/assets/style/css/component/table.css
new file mode 100644
index 0000000..3582637
--- /dev/null
+++ b/assets/style/css/component/table.css
@@ -0,0 +1,32 @@
+/* Table Component */
+.table-wrapper {
+  @apply w-full border-0 rounded-md border-gray-200 dark:border-slate-700;
+}
+
+.table-header {
+  @apply m-4 overflow-hidden;
+  transition: max-height 0.25s cubic-bezier(0, 1, 0, 1);
+  max-height: 42px;
+}
+
+.table-header.open {
+  @apply overflow-visible;
+  transition: max-height 0.5s ease-in-out;
+  max-height: 9999px;
+}
+
+.table-header-filter {
+  @apply flex flex-col md:flex-row justify-start md:justify-between items-start md:items-center gap-4;
+}
+
+.table-content {
+  @apply w-full;
+}
+
+.table-footer {
+  @apply flex justify-center md:justify-between items-center m-4;
+}
+
+.table-footer-page {
+  @apply flex justify-center gap-x-2;
+}
diff --git a/assets/style/css/example-theme.css b/assets/style/css/example-theme.css
new file mode 100644
index 0000000..5fb0932
--- /dev/null
+++ b/assets/style/css/example-theme.css
@@ -0,0 +1,65 @@
+/* Example Custom Theme for corradAF Base Project */
+/* This file demonstrates how custom themes should be structured */
+/* Define your custom theme variables here */
+/* For example:
+:root {
+  --primary-color: #yourColor;
+}
+*/
+
+:root {
+  /* Custom color variables */
+  --color-primary: 46, 125, 50; /* Green theme */
+  --color-secondary: 117, 117, 117;
+  --color-success: 76, 175, 80;
+  --color-info: 33, 150, 243;
+  --color-warning: 255, 152, 0;
+  --color-danger: 244, 67, 54;
+  
+  /* Custom background colors */
+  --bg-primary: 245, 245, 245;
+  --bg-secondary: 255, 255, 255;
+}
+
+/* Dark theme overrides */
+.dark {
+  --bg-primary: 18, 18, 18;
+  --bg-secondary: 30, 30, 30;
+}
+
+/* Custom component styles */
+.btn-primary {
+  background-color: rgb(var(--color-primary));
+  border-color: rgb(var(--color-primary));
+}
+
+.btn-primary:hover {
+  background-color: rgba(var(--color-primary), 0.8);
+  border-color: rgba(var(--color-primary), 0.8);
+}
+
+/* Header customizations */
+.w-header {
+  background: linear-gradient(135deg, rgb(var(--color-primary)), rgba(var(--color-primary), 0.8));
+  color: white;
+}
+
+/* Sidebar customizations */
+.vertical-menu {
+  background-color: rgb(var(--bg-secondary));
+  border-right: 1px solid rgba(var(--color-primary), 0.1);
+}
+
+/* Card customizations */
+.card {
+  background-color: rgb(var(--bg-secondary));
+  border: 1px solid rgba(var(--color-primary), 0.1);
+  box-shadow: 0 2px 4px rgba(var(--color-primary), 0.1);
+}
+
+/* Example of responsive design */
+@media (max-width: 768px) {
+  .w-header {
+    background: rgb(var(--color-primary));
+  }
+} 
\ No newline at end of file
diff --git a/assets/style/css/form/box.css b/assets/style/css/form/box.css
new file mode 100644
index 0000000..e19092f
--- /dev/null
+++ b/assets/style/css/form/box.css
@@ -0,0 +1,63 @@
+.formkit-inner-box {
+  @apply relative;
+}
+
+.formkit-label {
+  @apply block mb-2 font-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger;
+}
+
+.formkit-fieldset-box {
+  @apply max-w-md border border-[rgb(var(--fk-border-color))]  rounded-lg px-4 py-2;
+}
+
+.formkit-legend-box {
+  @apply font-bold text-sm;
+}
+
+.formkit-wrapper-box {
+  @apply flex items-center mb-3 cursor-pointer;
+}
+
+.formkit-help-box {
+  @apply mb-3;
+}
+
+.formkit-input-box {
+  @apply flex 
+          items-center 
+          hover:cursor-pointer
+          appearance-none
+          h-5 w-5 mr-2
+          border-2
+          border-[rgb(var(--fk-border-color))]
+          checked:bg-primary
+          checked:border-transparent 
+          bg-[rgb(var(--bg-2))]
+          rounded-md
+          checked:shadow-sm checked:shadow-primary/40 
+          focus:outline-none focus:ring-0 transition duration-200;
+}
+
+.formkit-input-radio {
+  @apply flex 
+         items-center 
+         hover:cursor-pointer
+         appearance-none
+         h-5 w-5 mr-2
+         border-2
+         border-[rgb(var(--fk-border-color))]
+         checked:bg-primary
+         checked:border-transparent 
+         bg-[rgb(var(--bg-2))]
+         rounded-full
+         checked:shadow-sm checked:shadow-primary/40 
+         focus:outline-none focus:ring-0 transition duration-200;
+}
+
+.formkit-label-box {
+  @apply text-sm formkit-disabled:text-gray-300;
+}
+
+.formkit-message-box {
+  @apply formkit-invalid:text-red-500;
+}
diff --git a/assets/style/css/form/button.css b/assets/style/css/form/button.css
new file mode 100644
index 0000000..441bc79
--- /dev/null
+++ b/assets/style/css/form/button.css
@@ -0,0 +1,7 @@
+.formkit-wrapper-button {
+  @apply mb-1;
+}
+
+.formkit-input-button {
+  @apply bg-primary hover:bg-primary/90 text-white text-sm font-normal py-2 px-5 rounded-lg;
+}
diff --git a/assets/style/css/form/color.css b/assets/style/css/form/color.css
new file mode 100644
index 0000000..7834abd
--- /dev/null
+++ b/assets/style/css/form/color.css
@@ -0,0 +1,18 @@
+.formkit-label-color {
+  @apply block mb-1 font-bold text-sm;
+}
+
+.formkit-input-color {
+  @apply w-16 h-10 cursor-pointer rounded-lg mb-2 border-none appearance-none bg-transparent;
+}
+
+.formkit-input-color::-webkit-color-swatch {
+  border-radius: 5px;
+  border: none;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+}
+.formkit-input-color::-moz-color-swatch {
+  border-radius: 5px;
+  border: none;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+}
diff --git a/assets/style/css/form/dropzone.css b/assets/style/css/form/dropzone.css
new file mode 100644
index 0000000..e64f29c
--- /dev/null
+++ b/assets/style/css/form/dropzone.css
@@ -0,0 +1,7 @@
+.formkit-inner-dropzone {
+  @apply w-full;
+}
+
+.formkit-dropzone {
+  @apply border-2 border-[rgb(var(--fk-border-color))] border-dashed p-6 active:bg-[rgb(var(--bg-1))];
+}
diff --git a/assets/style/css/form/file.css b/assets/style/css/form/file.css
new file mode 100644
index 0000000..523e8f7
--- /dev/null
+++ b/assets/style/css/form/file.css
@@ -0,0 +1,32 @@
+.formkit-label-file {
+  @apply block mb-1 font-bold text-sm;
+}
+
+.formkit-inner-file {
+  @apply w-full cursor-pointer;
+}
+
+.formkit-input-file {
+  @apply w-full cursor-pointer border rounded-lg text-gray-600 text-sm mb-1 file:cursor-pointer file:mr-4 file:py-2 file:px-4 file:rounded-l-lg file:border-0 file:text-sm file:bg-primary file:text-white hover:file:bg-primary/90;
+  border-color: rgb(var(--fk-border-color));
+}
+
+.formkit-file-list {
+  @apply flex flex-col;
+}
+
+.formkit-file-item {
+  @apply flex items-center py-2 px-4 rounded-lg border border-gray-200 mb-1 mt-1;
+}
+
+.formkit-file-name {
+  @apply text-[rgb(var(--text-color))] text-sm;
+}
+
+.formkit-file-remove {
+  @apply ml-auto text-primary text-sm;
+}
+
+.formkit-no-files {
+  @apply text-[rgb(var(--text-color))] text-sm;
+}
diff --git a/assets/style/css/form/global.css b/assets/style/css/form/global.css
new file mode 100644
index 0000000..73416b1
--- /dev/null
+++ b/assets/style/css/form/global.css
@@ -0,0 +1,23 @@
+.formkit-label-global {
+  @apply text-[rgb(var(--text-color))];
+}
+
+.formkit-outer-global {
+  @apply mb-4 text-[rgb(var(--text-color))] formkit-disabled:opacity-50;
+}
+
+.formkit-help-global {
+  @apply text-xs mt-1;
+}
+
+.formkit-messages-global {
+  @apply list-none p-0 mt-1 mb-0;
+}
+
+.formkit-message-global {
+  @apply text-red-500 mb-1 text-xs;
+}
+
+.formkit-wrapper-global {
+  @apply relative;
+}
diff --git a/assets/style/css/form/otp.css b/assets/style/css/form/otp.css
new file mode 100644
index 0000000..31656eb
--- /dev/null
+++ b/assets/style/css/form/otp.css
@@ -0,0 +1,29 @@
+.formkit-label-otp {
+  @apply block mb-2 font-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger;
+}
+
+.formkit-inner-otp {
+  @apply flex
+    items-center
+    justify-start
+    align-middle
+    rounded-lg mb-1
+    overflow-hidden;
+}
+
+.formkit-digit-otp {
+  @apply w-10 h-10 mr-2
+    text-center
+    rounded-lg
+    border
+    border-[rgb(var(--fk-border-color))]
+    text-sm 
+    bg-[rgb(var(--bg-2))]
+    placeholder-secondary
+    focus-within:border-primary
+    focus:outline-none;
+}
+
+.formkit-message-otp {
+  @apply formkit-invalid:text-red-500 dark:formkit-invalid:text-danger;
+}
diff --git a/assets/style/css/form/range.css b/assets/style/css/form/range.css
new file mode 100644
index 0000000..6ea37d1
--- /dev/null
+++ b/assets/style/css/form/range.css
@@ -0,0 +1,3 @@
+.formkit-input-range {
+  @apply appearance-none w-full h-2 p-0 bg-[rgb(var(--bg-1))] rounded-full focus:outline-none focus:ring-0 focus:shadow-none;
+}
diff --git a/assets/style/css/form/text.css b/assets/style/css/form/text.css
new file mode 100644
index 0000000..82ee8c7
--- /dev/null
+++ b/assets/style/css/form/text.css
@@ -0,0 +1,39 @@
+.formkit-inner-text {
+  @apply flex
+    items-center
+    justify-center
+    align-middle
+    w-full
+    border
+    border-[rgb(var(--fk-border-color))]
+    formkit-invalid:border-red-500
+    rounded-lg 
+    overflow-hidden
+    focus-within:border-primary
+    mb-0;
+}
+
+.formkit-input-text {
+  @apply w-full
+    h-10
+    px-3
+    border-none
+    text-sm
+    bg-[rgb(var(--bg-2))]
+    placeholder-[rgb(var(--fk-placeholder-color))]
+    focus:outline-none
+    disabled:bg-[rgb(var(--bg-1))]
+    disabled:border-[rgb(var(--bg-1))]
+    disabled:placeholder-[rgb(var(--bg-1))]
+    read-only:bg-[rgb(var(--bg-1))]
+    read-only:border-[rgb(var(--bg-1))]
+    read-only:placeholder-[rgb(var(--bg-1))];
+}
+
+.formkit-prefix-text {
+  @apply ml-2;
+}
+
+.formkit-message-text {
+  @apply formkit-invalid:text-red-500;
+}
diff --git a/assets/style/css/form/textarea.css b/assets/style/css/form/textarea.css
new file mode 100644
index 0000000..edc4481
--- /dev/null
+++ b/assets/style/css/form/textarea.css
@@ -0,0 +1,8 @@
+.formkit-input-textarea {
+  @apply block 
+  w-full 
+  px-3 py-2 
+  placeholder-[rgb(var(--fk-placeholder-color))] 
+  bg-[rgb(var(--bg-2))] 
+  focus:outline-none;
+}
diff --git a/assets/style/css/tailwind.css b/assets/style/css/tailwind.css
new file mode 100644
index 0000000..9005b22
--- /dev/null
+++ b/assets/style/css/tailwind.css
@@ -0,0 +1,33 @@
+/*  Base Import Tailwind CSS */
+@import "tailwindcss/base";
+@import "./base/theme";
+
+/*  Components Import Tailwind CSS */
+@import "tailwindcss/components";
+@import "./component/common";
+@import "./component/alert";
+@import "./component/badge";
+@import "./component/button";
+@import "./component/card";
+@import "./component/collapse";
+@import "./component/dropdown";
+@import "./component/modal";
+@import "./component/progress";
+@import "./component/tab";
+@import "./component/table";
+
+/* Form Import Tailwind CSS */
+@import "./form/global";
+@import "./form/text";
+@import "./form/textarea";
+@import "./form/box";
+@import "./form/button";
+@import "./form/otp";
+@import "./form/color";
+@import "./form/file";
+@import "./form/range";
+@import "./form/dropzone";
+
+/*  Utilities Import Tailwind CSS */
+@import "tailwindcss/utilities";
+@import "./utility/typography";
diff --git a/assets/style/css/utility/typography.css b/assets/style/css/utility/typography.css
new file mode 100644
index 0000000..7c43e9d
--- /dev/null
+++ b/assets/style/css/utility/typography.css
@@ -0,0 +1,29 @@
+h1 {
+  @apply text-4xl
+            font-bold;
+}
+
+h2 {
+  @apply text-3xl
+            font-bold;
+}
+
+h3 {
+  @apply text-2xl
+            font-bold;
+}
+
+h4 {
+  @apply text-xl
+            font-bold;
+}
+
+h5 {
+  @apply text-lg
+            font-bold;
+}
+
+h6 {
+  @apply text-base
+            font-bold;
+}
diff --git a/assets/style/scss/custom/apps/products.scss b/assets/style/scss/custom/apps/products.scss
new file mode 100644
index 0000000..6260088
--- /dev/null
+++ b/assets/style/scss/custom/apps/products.scss
@@ -0,0 +1,49 @@
+$small: 640px;
+$medium: 768px;
+$large: 1024px;
+$xlarge: 1280px;
+
+.filter-wrapper {
+  &.filter-wrapper-show {
+    display: block;
+  }
+
+  &.filter-wrapper-hide {
+    display: none;
+  }
+}
+
+@media screen and (max-width: $medium) {
+  .filter-wrapper {
+    transition: right 0.25s ease;
+    &.filter-wrapper-show {
+      display: block;
+      right: 0px;
+    }
+
+    &.filter-wrapper-hide {
+      display: block;
+      right: -260px;
+    }
+  }
+
+  .filter-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: -50;
+
+    &.show {
+      visibility: visible;
+      opacity: 1;
+    }
+
+    &.hide {
+      visibility: hidden;
+      opacity: 0;
+    }
+  }
+}
diff --git a/assets/style/scss/custom/layout/horizontal.scss b/assets/style/scss/custom/layout/horizontal.scss
new file mode 100644
index 0000000..1e44438
--- /dev/null
+++ b/assets/style/scss/custom/layout/horizontal.scss
@@ -0,0 +1,18 @@
+.h-layout {
+  .content-page {
+    padding: 10.5rem 2rem 0 2rem;
+    height: 100vh;
+  }
+
+  .w-header,
+  .w-header-search {
+    width: 100%;
+  }
+
+  .w-header-search {
+    position: fixed;
+    display: flex;
+    align-items: center;
+    height: 64px;
+  }
+}
diff --git a/assets/style/scss/custom/layout/vertical.scss b/assets/style/scss/custom/layout/vertical.scss
new file mode 100644
index 0000000..cedeba6
--- /dev/null
+++ b/assets/style/scss/custom/layout/vertical.scss
@@ -0,0 +1,166 @@
+$small: 640px;
+$medium: 768px;
+$large: 1024px;
+$xlarge: 1280px;
+
+@media screen and (max-width: $medium) {
+  body:has(.menu-overlay:not(.hide)) {
+    overflow: hidden;
+  }
+
+  .menu-overlay {
+    position: fixed;
+    top: 0;
+    height: 120vh;
+    z-index: 45;
+    display: block;
+    visibility: visible;
+    opacity: 1;
+    transition: all 0.5s ease;
+    background-color: rgba(34, 41, 47, 0.5);
+    left: 0;
+    right: 0;
+  }
+
+  .menu-overlay {
+    &.hide {
+      visibility: hidden;
+      opacity: 0;
+    }
+  }
+}
+
+// Layout Vertical CSS
+.v-layout {
+  .content-page {
+    height: 100%;
+  }
+
+  .w-header-search {
+    position: fixed;
+    display: flex;
+    align-items: center;
+    height: 64px;
+  }
+
+  .w-header,
+  .w-header-search {
+    width: calc(100% - 256px);
+
+    @media screen and (max-width: $medium) {
+      width: 100%;
+    }
+  }
+
+  .vertical-menu {
+    left: 0;
+  }
+
+  .content-page {
+    margin-left: 256px;
+    padding: 6rem 2rem 10px 2rem;
+
+    @media screen and (max-width: $medium) {
+      margin-left: 0px;
+      padding: 6rem 1.25rem 0 1.25rem;
+    }
+  }
+
+  &.menu-hide {
+    .w-header {
+      width: calc(100% - 0px);
+    }
+
+    .vertical-menu {
+      left: -260px;
+    }
+
+    .content-page {
+      margin-left: 0;
+    }
+  }
+
+  .menu-content,
+  .menu-content-child {
+    max-height: 1000px;
+    overflow: hidden;
+
+    &.hide {
+      max-height: 0px;
+    }
+  }
+
+  .menu-content-max,
+  .menu-content-child-max {
+    max-height: 100vh;
+  }
+
+  svg.side-menu-arrow {
+    transition: 0.25s ease-in-out;
+  }
+
+  .nav-open {
+    svg.side-menu-arrow {
+      transform: rotate(90deg);
+    }
+  }
+}
+
+// Custom styles for LZS theme
+html[data-theme="LZS"] {
+  .v-layout {
+    .active-menu {
+      position: relative;
+      transition: all 0.2s ease;
+      
+      // Yellow glow on active menu items
+      &:after {
+        content: "";
+        position: absolute;
+        left: 0;
+        top: 0;
+        height: 100%;
+        width: 4px;
+        background-color: rgb(var(--active-menu-border));
+      }
+      
+      // Icon color for active menu
+      svg {
+        color: rgb(var(--active-menu-border));
+      }
+    }
+    
+    // Form focus states with yellow accent
+    input:focus, textarea:focus, select:focus {
+      outline: 2px solid rgba(var(--focus-ring));
+      outline-offset: 2px;
+    }
+    
+    // Button hover with yellow accent
+    .btn-primary:hover, button.bg-primary:hover {
+      box-shadow: 0 0 0 2px rgba(var(--active-menu-border), 0.3);
+    }
+    
+    // Card headers with subtle yellow accent
+    .rs-card {
+      .card-header {
+        border-bottom: 1px solid rgba(var(--border-color));
+        
+        h2, h3, h4 {
+          position: relative;
+          
+          &:before {
+            content: "";
+            position: absolute;
+            left: -10px;
+            top: 50%;
+            transform: translateY(-50%);
+            height: 60%;
+            width: 3px;
+            background-color: rgb(var(--active-menu-border));
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/assets/style/scss/custom/library/_dropdown.scss b/assets/style/scss/custom/library/_dropdown.scss
new file mode 100644
index 0000000..3458997
--- /dev/null
+++ b/assets/style/scss/custom/library/_dropdown.scss
@@ -0,0 +1,27 @@
+$small: 640px;
+$medium: 768px;
+$large: 1024px;
+$xlarge: 1280px;
+
+.s-dropdown {
+  background-color: white;
+  padding: 10px 0;
+  border-radius: 5px;
+  top: 65px !important;
+  border: 1px solid rgb(229, 231, 235);
+  box-shadow: 0px 0px 10px rgba(226, 232, 240, 0.2);
+
+  @media screen and (max-width: $medium) {
+    left: 0px !important;
+    width: 100% !important;
+    margin: 0px 2px !important;
+  }
+}
+
+.dark {
+  .s-dropdown {
+    background-color: #1e293b;
+    box-shadow: 0px 0px 10px rgba(15, 23, 42, 0.2);
+    border: 1px solid #182130;
+  }
+}
diff --git a/assets/style/scss/custom/library/_floatingvue.scss b/assets/style/scss/custom/library/_floatingvue.scss
new file mode 100644
index 0000000..74f6ed4
--- /dev/null
+++ b/assets/style/scss/custom/library/_floatingvue.scss
@@ -0,0 +1,19 @@
+.v-popper--theme-dropdown .v-popper__inner {
+  background: rgb(var(--bg-2)) !important;
+  border: 0px !important;
+  color: rgb(var(--text-color)) !important;
+}
+
+// Disable arrow
+.v-popper__arrow-container {
+  display: none;
+}
+
+// .v-popper--theme-my-theme .v-popper__inner {
+//   background: #fff000;
+//   color: black;
+//   padding: 24px;
+//   border-radius: 6px;
+//   border: 1px solid #ddd;
+//   box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
+// }
diff --git a/assets/style/scss/custom/library/_formkit.scss b/assets/style/scss/custom/library/_formkit.scss
new file mode 100644
index 0000000..3c71f40
--- /dev/null
+++ b/assets/style/scss/custom/library/_formkit.scss
@@ -0,0 +1,237 @@
+$small: 640px;
+$medium: 768px;
+$large: 1024px;
+$xlarge: 1280px;
+
+.formkit-form {
+  .form-wizard {
+    border-radius: 0.5rem;
+  }
+
+  &.top-form {
+    .formkit-actions {
+      button[type="submit"] {
+        display: block;
+        margin-right: 0;
+        margin-left: auto;
+      }
+    }
+    ul.top-steps {
+      display: flex;
+      justify-content: space-evenly;
+      margin-bottom: 1rem;
+      gap: 1rem;
+
+      @media screen and (max-width: $medium) {
+        flex-direction: column;
+        justify-content: start;
+      }
+
+      li {
+        flex-grow: 1;
+        display: inline-block;
+
+        .progress {
+          position: relative;
+          bottom: -8px;
+          width: 0%;
+          height: 8px;
+          border-radius: 10px;
+          background-color: rgb(var(--color-primary));
+          transition: width 0.25s ease-in;
+        }
+
+        .step--errors {
+          display: inline-flex;
+          justify-content: center;
+          align-items: center;
+          float: right;
+          width: 20px;
+          height: 20px;
+          border-radius: 50%;
+          background-color: #f23131;
+          color: #fff;
+          font-size: 12px;
+        }
+
+        .counter {
+          display: inline-block;
+        }
+
+        &:after {
+          content: "";
+          display: block;
+          width: 100%;
+          height: 8px;
+          border-radius: 10px;
+          background-color: rgb(var(--bg-1));
+        }
+
+        &[data-step-active="true"] {
+          color: rgb(var(--color-primary));
+          font-weight: 600;
+
+          .progress {
+            width: 100%;
+          }
+        }
+
+        &[data-step-active="false"] {
+          color: rgb(var(--bg-1));
+          .progress {
+            width: 0%;
+          }
+        }
+
+        &[data-step-completed="true"] {
+          color: rgb(var(--color-primary));
+          font-weight: 600;
+          .progress {
+            width: 100%;
+          }
+        }
+      }
+    }
+  }
+
+  &.left-form {
+    display: grid;
+    gap: 1rem;
+    grid-template-columns: 230px auto;
+
+    @media screen and (max-width: $medium) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+      gap: 0rem;
+    }
+
+    .formkit-actions {
+      grid-column: span 2 / span 2;
+
+      @media screen and (max-width: $medium) {
+        grid-column: span 1 / span 1;
+      }
+
+      button[type="submit"] {
+        float: right;
+      }
+    }
+
+    ul.left-steps {
+      display: block;
+      li {
+        margin-bottom: 1rem;
+        .progress {
+          position: relative;
+          bottom: -8px;
+          width: 0%;
+          height: 8px;
+          border-radius: 10px;
+          background-color: rgb(var(--color-primary));
+          transition: width 0.25s ease-in;
+        }
+
+        .step--errors {
+          display: inline-flex;
+          justify-content: center;
+          align-items: center;
+          float: right;
+          width: 20px;
+          height: 20px;
+          border-radius: 50%;
+          background-color: #f23131;
+          color: #fff;
+          font-size: 12px;
+        }
+
+        .counter {
+          display: inline-block;
+        }
+
+        &:after {
+          content: "";
+          display: block;
+          width: 100%;
+          height: 8px;
+          border-radius: 10px;
+          background-color: rgb(var(--bg-1));
+        }
+
+        &[data-step-active="true"] {
+          color: rgb(var(--color-primary));
+          font-weight: 600;
+
+          .progress {
+            width: 100%;
+          }
+        }
+
+        &[data-step-active="false"] {
+          color: rgb(var(--bg-1));
+          .progress {
+            width: 0%;
+          }
+        }
+
+        &[data-step-completed="true"] {
+          color: rgb(var(--color-primary));
+          font-weight: 600;
+          .progress {
+            width: 100%;
+          }
+        }
+      }
+    }
+  }
+}
+
+// Custom Formkit Input for VSelect
+.formkit-vselect {
+  margin-bottom: 1rem;
+
+  .vs__dropdown-menu {
+    background: rgb(var(--bg-2));
+  }
+
+  .vs__dropdown-menu li {
+    background: rgb(var(--bg-1));
+    color: rgb(var(--text-color));
+  }
+
+  .vs__dropdown-toggle {
+    min-height: 2.5rem;
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    color: rgb(var(--color-primary));
+
+    border-width: 1px;
+    border-radius: 0.5rem;
+    margin-bottom: 0px;
+    border-color: rgb(var(--fk-border-color));
+
+    .vs__selected {
+      padding-left: 1rem;
+      padding-right: 1rem;
+      padding-top: 0.25rem;
+      padding-bottom: 0.25rem;
+
+      background-color: rgb(var(--color-primary));
+      color: white;
+
+      border: 0;
+      border-radius: 0.5rem;
+
+      gap: 0.25rem;
+      margin-right: 0.35rem;
+      margin-left: 0;
+    }
+  }
+}
+
+// Custom Decorator
+input[type="checkbox"]:checked.icon-check + .formkit-decorator::before {
+  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>');
+  position: absolute;
+  top: -1px;
+}
diff --git a/assets/style/scss/custom/library/_fullcalendar.scss b/assets/style/scss/custom/library/_fullcalendar.scss
new file mode 100644
index 0000000..ae7af69
--- /dev/null
+++ b/assets/style/scss/custom/library/_fullcalendar.scss
@@ -0,0 +1,114 @@
+$small: 640px;
+$medium: 768px;
+$large: 1024px;
+$xlarge: 1280px;
+
+.fc-theme-standard td,
+.fc-theme-standard th {
+  border-color: rgb(var(--bg-1)) !important;
+}
+
+// Overwrite fullcalendar styles light
+.fc {
+  .fc-scrollgrid {
+    border: 1px solid rgb(var(--bg-1)) !important;
+  }
+
+  .fc-toolbar {
+    @media screen and (max-width: $medium) {
+      flex-direction: column;
+      align-items: flex-start !important;
+      gap: 10px;
+    }
+
+    .fc-toolbar-chunk {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .fc-button {
+    padding: 0.75rem 1rem !important;
+
+    &.fc-button-primary {
+      background-color: transparent !important;
+      color: rgb(var(--color-primary));
+      border-color: rgb(var(--color-primary)) !important;
+    }
+
+    &.fc-button-active {
+      background-color: rgb(var(--color-primary)) !important;
+    }
+
+    &:hover {
+      background-color: rgb(var(--color-primary)) !important;
+      color: white !important;
+    }
+
+    &:focus {
+      box-shadow: 0 0 0 0.05rem rgba(255, 113, 133, 0.5) !important;
+      background-color: rgb(var(--color-primary)) !important;
+      color: white !important;
+    }
+  }
+
+  .fc-view-harness {
+    table {
+      &.fc-col-header {
+        td,
+        th {
+          border-color: rgb(var(--bg-1)) !important;
+        }
+
+        .fc-col-header-cell {
+          padding: 0.5rem;
+        }
+      }
+    }
+
+    .fc-daygrid-day {
+      &.fc-day-today {
+        background-color: rgb(var(--bg-1));
+        background: rgb(var(--bg-1));
+      }
+    }
+
+    .fc-daygrid-day-top {
+      color: #6b727f !important;
+    }
+
+    .fc-more-link {
+      color: rgb(var(--color-primary));
+    }
+  }
+
+  .fc-daygrid-event-harness {
+    .fc-daygrid-event {
+      padding: 0.5rem 1rem;
+    }
+
+    .fc-h-event {
+      &.fc-event-start {
+        border-color: rgb(var(--color-primary));
+        background-color: rgb(var(--color-primary));
+      }
+    }
+  }
+  .fc-list {
+    .fc-list-event-dot {
+      background-color: rgb(var(--color-primary));
+      border: 5px solid #f3f4f6;
+      border-color: rgb(var(--color-primary)) !important;
+    }
+
+    .fc-list-day-cushion {
+      background-color: #f3f4f6;
+      padding: 0.5rem 1rem;
+    }
+  }
+
+  .fc-popover-header {
+    padding: 0.5rem !important;
+    background: #f3f4f6;
+  }
+}
diff --git a/assets/style/scss/custom/library/_nprogress.scss b/assets/style/scss/custom/library/_nprogress.scss
new file mode 100644
index 0000000..3a8cd29
--- /dev/null
+++ b/assets/style/scss/custom/library/_nprogress.scss
@@ -0,0 +1,81 @@
+/* Make clicks pass-through */
+#nprogress {
+  pointer-events: none;
+}
+
+#nprogress .bar {
+  background: #fb7185;
+
+  position: fixed;
+  z-index: 1031;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 3px;
+}
+
+/* Fancy blur effect */
+#nprogress .peg {
+  display: block;
+  position: absolute;
+  right: 0px;
+  width: 100px;
+  height: 100%;
+  box-shadow: 0 0 10px #fb7185, 0 0 5px #fb7185;
+  opacity: 1;
+
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+  -ms-transform: rotate(3deg) translate(0px, -4px);
+  transform: rotate(3deg) translate(0px, -4px);
+}
+
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+  display: block;
+  position: fixed;
+  z-index: 1031;
+  top: 15px;
+  right: 15px;
+}
+
+#nprogress .spinner-icon {
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+
+  border: solid 2px transparent;
+  border-top-color: #fb7185;
+  border-left-color: #fb7185;
+  border-radius: 50%;
+
+  -webkit-animation: nprogress-spinner 400ms linear infinite;
+  animation: nprogress-spinner 400ms linear infinite;
+}
+
+.nprogress-custom-parent {
+  overflow: hidden;
+  position: relative;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+  position: absolute;
+}
+
+@-webkit-keyframes nprogress-spinner {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+@keyframes nprogress-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
diff --git a/assets/style/scss/custom/library/_swiper.scss b/assets/style/scss/custom/library/_swiper.scss
new file mode 100644
index 0000000..2c94c55
--- /dev/null
+++ b/assets/style/scss/custom/library/_swiper.scss
@@ -0,0 +1,18 @@
+.swiper-button-next,
+.swiper-button-prev {
+  color: #4B5563 !important;
+  padding: 1.5rem;
+}
+
+.swiper-button-next:after,
+.swiper-button-prev:after {
+  font-size: 1.5rem !important;
+}
+
+.swiper-pagination-bullet {
+  background-color: #8b98a9 !important;
+}
+
+.swiper-pagination-bullet-active {
+  background: #4B5563 !important;
+}
diff --git a/assets/style/scss/custom/library/_vuecountryflag.scss b/assets/style/scss/custom/library/_vuecountryflag.scss
new file mode 100644
index 0000000..e396551
--- /dev/null
+++ b/assets/style/scss/custom/library/_vuecountryflag.scss
@@ -0,0 +1,7 @@
+.flag.normal-flag {
+  margin: 0em -1em -0em -1em !important;
+  transform: scale(0.38) !important;
+  -ms-transform: scale(0.38) !important;
+  -webkit-transform: scale(0.38) !important;
+  -moz-transform: scale(0.38) !important;
+}
diff --git a/assets/style/scss/custom/library/_vuetoastification.scss b/assets/style/scss/custom/library/_vuetoastification.scss
new file mode 100644
index 0000000..8a40068
--- /dev/null
+++ b/assets/style/scss/custom/library/_vuetoastification.scss
@@ -0,0 +1,3 @@
+.Vue-Toastification__toast {
+  padding: 18px 21px;
+}
diff --git a/assets/style/scss/custom/scrollbar/scrollbar.scss b/assets/style/scss/custom/scrollbar/scrollbar.scss
new file mode 100644
index 0000000..664be81
--- /dev/null
+++ b/assets/style/scss/custom/scrollbar/scrollbar.scss
@@ -0,0 +1,21 @@
+/* width */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background-color: rgb(var(--scroll-color));
+  border-radius: 6px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: rgb(var(--scroll-hover-color));
+}
diff --git a/assets/style/scss/custom/transition/fade-up.scss b/assets/style/scss/custom/transition/fade-up.scss
new file mode 100644
index 0000000..89342c2
--- /dev/null
+++ b/assets/style/scss/custom/transition/fade-up.scss
@@ -0,0 +1,12 @@
+// Animation for transition fade
+.fade-up-enter-active,
+.fade-up-leave-active {
+  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.84, 0.79),
+    opacity 0.3s linear;
+}
+
+.fade-up-enter-from,
+.fade-up-leave-to {
+  opacity: 0;
+  transform: translateY(-10%);
+}
diff --git a/assets/style/scss/custom/transition/fade.scss b/assets/style/scss/custom/transition/fade.scss
new file mode 100644
index 0000000..0f3ba9b
--- /dev/null
+++ b/assets/style/scss/custom/transition/fade.scss
@@ -0,0 +1,10 @@
+// Animation for transition fade
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
diff --git a/assets/style/scss/custom/transition/page.scss b/assets/style/scss/custom/transition/page.scss
new file mode 100644
index 0000000..904190a
--- /dev/null
+++ b/assets/style/scss/custom/transition/page.scss
@@ -0,0 +1,11 @@
+// Animation for transition fade
+.page-enter-active,
+.page-leave-active {
+  transition: transform 0.3s ease, opacity 0.4s ease;
+}
+
+.page-enter-from,
+.page-leave-to {
+  transform: scale(1.02);
+  opacity: 0;
+}
diff --git a/assets/style/scss/custom/transition/slide-fade.scss b/assets/style/scss/custom/transition/slide-fade.scss
new file mode 100644
index 0000000..70b6742
--- /dev/null
+++ b/assets/style/scss/custom/transition/slide-fade.scss
@@ -0,0 +1,17 @@
+/*
+  Enter and leave animations can use different
+  durations and timing functions.
+*/
+.slide-fade-enter-active {
+  transition: all 0.3s ease-out;
+}
+
+.slide-fade-leave-active {
+  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
+}
+
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  transform: translateX(20px);
+  opacity: 0;
+}
diff --git a/assets/style/scss/custom/transition/slide.scss b/assets/style/scss/custom/transition/slide.scss
new file mode 100644
index 0000000..6b6bca5
--- /dev/null
+++ b/assets/style/scss/custom/transition/slide.scss
@@ -0,0 +1,10 @@
+.slide-enter-active,
+.slide-leave-active {
+  transition: translateY, opacity 0.2s ease;
+}
+
+.slide-enter-from,
+.slide-leave-to {
+  transform: translateY(0px);
+  opacity: 0;
+}
diff --git a/assets/style/scss/main.scss b/assets/style/scss/main.scss
new file mode 100644
index 0000000..39d59d8
--- /dev/null
+++ b/assets/style/scss/main.scss
@@ -0,0 +1,57 @@
+/*================================================================================
+   Notes: This file is the main entry point for the SCSS stylesheet.
+  ================================================================================*/
+
+/* Import DM Sans font from Google Fonts */
+@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
+
+html,
+body {
+  height: 100%;
+}
+
+#__nuxt {
+  font-family: "DM Sans", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: 400;
+  letter-spacing: -0.5px; /* Changed from -2px to -0.5px for better readability */
+  font-size: 14px;
+}
+
+// svg.icon{
+//   width: 1.3rem;
+//   height: 1.3rem;
+//   vertical-align: middle;
+//   fill: currentColor;
+//   overflow: hidden;
+// }
+
+code {
+  color: rgb(233, 74, 74);
+  background-color: rgba(146, 146, 146, 0.1);
+}
+
+// Custom Layout SCSS
+@import "./custom/layout/vertical";
+@import "./custom/layout/horizontal";
+
+// Transition SCSS
+@import "./custom/transition/page";
+@import "./custom/transition/fade";
+@import "./custom/transition/fade-up";
+@import "./custom/transition/slide";
+@import "./custom/transition/slide-fade";
+
+// Scrollbar SCSS
+@import "./custom/scrollbar/scrollbar";
+
+// Custom SCSS library
+@import "./custom/library/dropdown";
+@import "./custom/library/nprogress";
+@import "./custom/library/formkit";
+@import "./custom/library/vuetoastification";
+@import "./custom/library/swiper";
+@import "./custom/library/fullcalendar";
+@import "./custom/library/floatingvue";
+@import "./custom/library/vuecountryflag";
diff --git a/components/FontSizeStepper.vue b/components/FontSizeStepper.vue
new file mode 100644
index 0000000..86146a0
--- /dev/null
+++ b/components/FontSizeStepper.vue
@@ -0,0 +1,78 @@
+<script setup>
+const props = defineProps({
+  modelValue: {
+    type: Number,
+    default: 16
+  },
+  min: {
+    type: Number,
+    default: 12
+  },
+  max: {
+    type: Number,
+    default: 32
+  },
+  step: {
+    type: Number,
+    default: 1
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const increment = () => {
+  if (props.modelValue < props.max && !props.disabled) {
+    emit('update:modelValue', props.modelValue + props.step)
+  }
+}
+
+const decrement = () => {
+  if (props.modelValue > props.min && !props.disabled) {
+    emit('update:modelValue', props.modelValue - props.step)
+  }
+}
+
+const handleInput = (event) => {
+  const value = parseInt(event.target.value) || props.min
+  const clampedValue = Math.max(props.min, Math.min(props.max, value))
+  emit('update:modelValue', clampedValue)
+}
+</script>
+
+<template>
+  <div class="flex items-center space-x-2">
+    <button
+      @click="decrement"
+      :disabled="modelValue <= min || disabled"
+      class="w-8 h-8 flex items-center justify-center border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 disabled:opacity-50 disabled:cursor-not-allowed"
+      type="button"
+    >
+      <Icon name="ic:round-remove" class="w-4 h-4" />
+    </button>
+    
+    <input
+      :value="modelValue"
+      @input="handleInput"
+      :disabled="disabled"
+      type="number"
+      :min="min"
+      :max="max"
+      class="w-16 px-2 py-1 text-center border border-gray-300 dark:border-gray-600 rounded focus:border-primary dark:bg-gray-700 dark:text-white"
+    />
+    
+    <button
+      @click="increment"
+      :disabled="modelValue >= max || disabled"
+      class="w-8 h-8 flex items-center justify-center border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 disabled:opacity-50 disabled:cursor-not-allowed"
+      type="button"
+    >
+      <Icon name="ic:round-add" class="w-4 h-4" />
+    </button>
+    
+    <span class="text-sm text-gray-500">px</span>
+  </div>
+</template> 
\ No newline at end of file
diff --git a/components/Loading.vue b/components/Loading.vue
new file mode 100644
index 0000000..237974d
--- /dev/null
+++ b/components/Loading.vue
@@ -0,0 +1,105 @@
+<script setup>
+const { siteSettings, loading: siteSettingsLoading } = useSiteSettings();
+
+const showMessage = ref(false);
+
+setTimeout(() => {
+  showMessage.value = true;
+}, 2000);
+
+const refreshPage = () => {
+  // hard refresh
+  window.location.reload(true);
+};
+
+// Fast loading logo - fetch during SSR to prevent hydration flash
+const { data: quickLoadingData } = await useLazyFetch(
+  "/api/devtool/config/loading-logo",
+  {
+    default: () => ({
+      data: {
+        siteLoadingLogo: "",
+        siteName: "Loading...",
+      },
+    }),
+    transform: (response) =>
+      response.data || {
+        siteLoadingLogo: "",
+        siteName: "Loading...",
+      },
+  }
+);
+
+const loadingLogoSrc = computed(() => {
+  // First priority: Quick loading data if available
+  if (quickLoadingData.value?.siteLoadingLogo) {
+    return quickLoadingData.value.siteLoadingLogo;
+  }
+
+  // Second priority: Full site settings if loaded
+  if (!siteSettingsLoading.value && siteSettings.value.siteLoadingLogo) {
+    return siteSettings.value.siteLoadingLogo;
+  }
+
+  // Fallback: Default logo
+  return "/img/logo/corradAF-logo.svg";
+});
+
+// Get site name with fallback
+const getSiteName = () => {
+  // First priority: Quick loading data
+  if (quickLoadingData.value?.siteName) {
+    return quickLoadingData.value.siteName;
+  }
+
+  // Second priority: Full site settings
+  if (!siteSettingsLoading.value && siteSettings.value.siteName) {
+    return siteSettings.value.siteName;
+  }
+
+  // Fallback
+  return "Loading...";
+};
+</script>
+
+<template>
+  <div class="rs-loading bg-white absolute z-50 top-0 left-0 w-full h-full">
+    <div class="flex justify-center text-center items-center h-screen">
+      <div>
+        <div class="img-container flex justify-center items-center mb-5">
+          <!-- Use custom loading logo if available, otherwise show single default logo -->
+          <img
+            src="@/assets/img/logo/lzs-logo.png"
+            class="max-w-[180px] max-h-[60px] object-contain"
+          />
+        </div>
+
+        <div
+          class="flex justify-center items-center"
+          aria-label="Loading..."
+          role="status"
+        >
+          <svg class="h-14 w-14 animate-spin" viewBox="3 3 18 18">
+            <path
+              class="fill-[#00A59A]/10"
+              d="M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"
+            ></path>
+            <path
+              class="fill-[#00A59A]"
+              d="M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
+            ></path>
+          </svg>
+        </div>
+        <div v-if="showMessage" class="my-10 text-gray-500 font-medium">
+          If loading takes too long,
+          <br />
+          please click
+          <button @click="refreshPage">
+            <span class="text-[#F3586A]">here</span>
+          </button>
+          or hard refresh your browser.
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/components/RSCalendar.vue b/components/RSCalendar.vue
new file mode 100644
index 0000000..3bf6d40
--- /dev/null
+++ b/components/RSCalendar.vue
@@ -0,0 +1,243 @@
+<script setup>
+import { DateTime } from "luxon";
+
+const props = defineProps({
+  events: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const dateNow = ref(DateTime.now());
+const arrDate = ref([]);
+
+const dayInWeek = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+
+const monthInYear = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December",
+];
+
+const label = (date) => {
+  //   console.log(date.toString());
+  return date.toFormat("d");
+};
+
+const nextMonth = () => {
+  dateNow.value = DateTime.local(
+    dateNow.value.year,
+    dateNow.value.month,
+    dateNow.value.day
+  ).plus({
+    months: 1,
+  });
+};
+
+const prevMonth = () => {
+  dateNow.value = DateTime.local(
+    dateNow.value.year,
+    dateNow.value.month,
+    dateNow.value.day
+  ).minus({
+    months: 1,
+  });
+};
+
+const getDateInMonth = () => {
+  const date = DateTime.local(dateNow.value.year, dateNow.value.month);
+  const dayInMonth = date.daysInMonth;
+
+  arrDate.value = [];
+
+  for (let i = 0; i < dayInMonth; i++) {
+    const day = i + 1;
+    const date = DateTime.local(dateNow.value.year, dateNow.value.month, day);
+    const toDay = date.toFormat("ccc");
+    // Start of the Date
+    if (i == 0) {
+      const toDayIndex = dayInWeek.indexOf(toDay);
+
+      for (let i = 0; i < toDayIndex; i++) {
+        const dayBefore = toDayIndex - i;
+        const dateBefore = date.minus({ days: dayBefore });
+
+        updateArrDate(dateBefore, false, false);
+      }
+      if (DateTime.now().toISODate() == date.toISODate())
+        updateArrDate(date, true, true);
+      else updateArrDate(date, true, false);
+    }
+    // End of the Date
+    else if (i == dayInMonth - 1) {
+      const toDayIndex = dayInWeek.length - dayInWeek.indexOf(toDay) - 1;
+
+      if (DateTime.now().toISODate() == date.toISODate())
+        updateArrDate(date, true, true);
+      else updateArrDate(date, true, false);
+
+      for (let i = 0; i < toDayIndex; i++) {
+        const dayAfter = i + 1;
+        const dateAfter = date.plus({ days: dayAfter });
+
+        updateArrDate(dateAfter, false, false);
+      }
+    } else {
+      if (DateTime.now().toISODate() == date.toISODate())
+        updateArrDate(date, true, true);
+      else updateArrDate(date, true, false);
+    }
+  }
+
+  // console.log(arrDate.value);
+};
+
+const updateArrDate = (date, currentMonth, isToday) => {
+  arrDate.value.push({
+    date: date,
+    isCurrentMonth: currentMonth,
+    isToday: isToday,
+    event: checkEvent(date),
+  });
+};
+
+// Check props.event start and end date with date given
+const checkEvent = (date) => {
+  let result = false;
+  props.events.forEach((event) => {
+    if (event.startDate) {
+      let startDate = "";
+      let endDate = "";
+      startDate = DateTime.fromISO(event.startDate);
+      if (event.endDate) {
+        endDate = DateTime.fromISO(event.endDate);
+      }
+      if (date.toISODate() == startDate.toISODate())
+        result = [
+          {
+            position: "start",
+            title: event.title,
+          },
+        ];
+      else if (
+        date.toISODate() > startDate.toISODate() &&
+        date.toISODate() < endDate.toISODate()
+      )
+        result = [
+          {
+            position: "between",
+            title: event.title,
+          },
+        ];
+      else if (date.toISODate() == endDate.toISODate())
+        result = [
+          {
+            position: "end",
+            title: event.title,
+          },
+        ];
+      else result = false;
+    }
+  });
+  return result; // return result
+};
+
+onMounted(() => {
+  getDateInMonth();
+});
+
+watch(dateNow, () => {
+  getDateInMonth();
+});
+</script>
+
+<template>
+  <div class="calendar">
+    <div class="calendar-header">
+      <!-- <div class="flex">1</div> -->
+      <div class="flex justify-between items-center my-4">
+        <h5>
+          {{ date.toFormat("LLLL yyyy") }}
+        </h5>
+        <div class="flex gap-5">
+          <button
+            @click="prevMonth"
+            class="flex items-center px-2 py-2 rounded-md shadow-md bg-white text-primary hover:bg-primary/80 hover:text-white"
+          >
+            <Icon size="20px" name="ic:round-keyboard-arrow-left"></Icon>
+          </button>
+          <button
+            @click="nextMonth"
+            class="flex items-center px-2 py-2 rounded-md shadow-md bg-white text-primary hover:bg-primary/80 hover:text-white"
+          >
+            <Icon size="20px" name="ic:round-keyboard-arrow-right"></Icon>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div class="calendar-body rounded-md border border-primary/20">
+      <div class="calendar-body-header max-w-full">
+        <ul
+          class="grid grid-cols-7 list-none bg-primary/50 text-primary rounded-t-md"
+        >
+          <li
+            class="flex justify-center items-center p-5"
+            v-for="(val, index) in dayInWeek"
+            :key="index"
+          >
+            <span class="font-semibold text-base">{{ val }}</span>
+          </li>
+        </ul>
+      </div>
+      <div class="calendar-body-content">
+        <ul class="grid grid-cols-7 list-none">
+          <li
+            class="relative flex justify-center items-center h-30 border border-primary/10 whitespace-nowrap"
+            :class="{
+              'bg-primary/5': val.isToday,
+            }"
+            v-for="(val, index) in allDate"
+            :key="index"
+          >
+            <div class="flex-1">
+              <label
+                class="absolute top-2 right-3 font-semibold"
+                :class="{
+                  'text-primary/20': !val.isCurrentMonth,
+                  'text-primary/70': val.isCurrentMonth,
+                }"
+                for="day"
+                >{{ label(val.date) }}</label
+              >
+              <div class="event" v-if="val.event">
+                <div
+                  class="font-semibold p-5 bg-primary text-white rounded-md"
+                  style="min-height: 5rem"
+                  :class="{
+                    'rounded-r-none ml-5': event.position === 'start',
+                    'rounded-r-none rounded-l-none':
+                      event.position === 'between',
+                    'rounded-l-none mr-5': event.position === 'end',
+                  }"
+                  v-for="(event, index) in val.event"
+                  :key="index"
+                >
+                  {{ event.position == "start" ? event.title : " " }}
+                </div>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/components/RsAlert.vue b/components/RsAlert.vue
new file mode 100644
index 0000000..4cc0dba
--- /dev/null
+++ b/components/RsAlert.vue
@@ -0,0 +1,67 @@
+<script setup>
+const props = defineProps({
+  variant: {
+    type: String,
+    default: "primary",
+  },
+  icon: {
+    type: String,
+    default: null,
+  },
+  dismissible: {
+    type: Boolean,
+    default: false,
+  },
+  show: {
+    type: Boolean,
+    default: true,
+  },
+  autoDismiss: {
+    type: Boolean,
+    default: false,
+  },
+  timer: {
+    type: Number,
+    default: 1000,
+  },
+});
+
+const showComponent = ref(props.show);
+
+const autoDismiss = () => {
+  setTimeout(() => {
+    showComponent.value = false;
+  }, props.timer);
+};
+
+onMounted(() => {
+  if (props.autoDismiss) {
+    autoDismiss();
+  }
+});
+</script>
+
+<template>
+  <Transition name="fade-up">
+    <div
+      v-if="showComponent"
+      class="alert"
+      :class="{
+        'alert-primary': variant === 'primary',
+        'alert-secondary': variant === 'secondary',
+        'alert-info': variant === 'info',
+        'alert-success': variant === 'success',
+        'alert-warning': variant === 'warning',
+        'alert-danger': variant === 'danger',
+      }"
+    >
+      <div class="flex items-center gap-2">
+        <Icon v-if="icon" :name="icon" />
+        <slot />
+      </div>
+      <button @click="showComponent = false">
+        <Icon name="ic:baseline-close" size="14"></Icon>
+      </button>
+    </div>
+  </Transition>
+</template>
diff --git a/components/RsApiTester.vue b/components/RsApiTester.vue
new file mode 100644
index 0000000..4ee9d3b
--- /dev/null
+++ b/components/RsApiTester.vue
@@ -0,0 +1,145 @@
+<script setup>
+const props = defineProps({
+  url: {
+    type: String,
+    required: true,
+  },
+});
+
+const url = ref(window.location.origin + props.url);
+const params = ref([
+  {
+    key: "",
+    value: "",
+  },
+]);
+
+const method = ref("POST");
+const dropdownMethods = ref([
+  {
+    label: "GET",
+    value: "GET",
+  },
+  {
+    label: "POST",
+    value: "POST",
+  },
+  {
+    label: "PUT",
+    value: "PUT",
+  },
+  {
+    label: "DELETE",
+    value: "DELETE",
+  },
+]);
+
+const bodyJson = ref("{}");
+
+const response = ref("");
+
+watch(
+  params,
+  () => {
+    const urlParams = new URLSearchParams();
+    params.value.forEach((param) => {
+      if (param.key !== "") {
+        urlParams.append(param.key, param.value);
+      }
+    });
+    url.value = window.location.origin + props.url + "?" + urlParams.toString();
+  },
+  { deep: true }
+);
+
+const addParam = () => {
+  params.value.push({
+    key: "",
+    value: "",
+  });
+};
+
+const removeParam = (index) => {
+  if (params.value.length === 1) return;
+  params.value.splice(index, 1);
+};
+
+const hitAPI = async () => {
+  const res = await useFetch(url.value, {
+    method: method.value,
+    initialCache: false,
+    body: JSON.stringify(bodyJson.value),
+  });
+
+  response.value = JSON.stringify(res.data.value, null, 2);
+};
+</script>
+
+<template>
+  <div>
+    <FormKit type="text" label="URL" v-model="url" disabled />
+    <FormKit
+      type="select"
+      label="Method"
+      :options="dropdownMethods"
+      v-model="method"
+    />
+
+    <label
+      class="formkit-label text-gray-700 dark:text-gray-200 mb-2 font-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger flex justify-between items-center"
+      for="input_8"
+      >Parameter
+      <rs-button size="sm" @click="addParam()"> Add</rs-button>
+    </label>
+    <div class="dynamic-params grid grid-cols-3 gap-4">
+      <div v-for="(val, index) in params">
+        <FormKit type="text" placeholder="Key" v-model="val.key" />
+        <FormKit type="text" placeholder="Value" v-model="val.value" />
+        <rs-button @click="removeParam(index)"> Remove</rs-button>
+      </div>
+    </div>
+
+    <br />
+
+    <label
+      class="formkit-label text-gray-700 dark:text-gray-200 mb-2 font-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger flex justify-between items-center"
+      for="input_8"
+      >Body
+    </label>
+
+    <ClientOnly>
+      <rs-code-mirror v-model="bodyJson" mode="application/json" height="300px">
+      </rs-code-mirror>
+    </ClientOnly>
+
+    <br />
+    <label
+      class="formkit-label text-gray-700 dark:text-gray-200 mb-2 font-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger flex justify-between items-center"
+      for="input_8"
+      >Response
+    </label>
+
+    <!-- <ClientOnly>
+      <rs-code-mirror v-model="response" height="300px" readonly="nocursor">
+      </rs-code-mirror>
+    </ClientOnly> -->
+
+    <FormKit
+      type="textarea"
+      :classes="{
+        input: '!bg-[#272822] text-white dark:bg-gray-800 dark:text-gray-200',
+      }"
+      rows="10"
+      v-model="response"
+      disabled
+    ></FormKit>
+
+    <br />
+
+    <div class="flex justify-end">
+      <rs-button @click="hitAPI"> Test</rs-button>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/components/RsBadge.vue b/components/RsBadge.vue
new file mode 100644
index 0000000..e94fff3
--- /dev/null
+++ b/components/RsBadge.vue
@@ -0,0 +1,34 @@
+<script setup>
+const props = defineProps({
+  variant: {
+    type: String,
+    default: "primary",
+  },
+  icon: {
+    type: String,
+    default: "",
+  },
+  iconSize: {
+    type: String,
+    default: "18",
+  },
+});
+</script>
+
+<template>
+  <div
+    class="badge capitalize"
+    :class="{
+      'badge-primary': variant === 'primary',
+      'badge-secondary': variant === 'secondary',
+      'badge-info': variant === 'info',
+      'badge-success': variant === 'success',
+      'badge-warning': variant === 'warning',
+      'badge-danger': variant === 'danger',
+      'badge-disabled': variant === 'disabled',
+    }"
+  >
+    <Icon v-if="icon" :name="icon" :size="iconSize"></Icon>
+    <slot />
+  </div>
+</template>
diff --git a/components/RsButton.vue b/components/RsButton.vue
new file mode 100644
index 0000000..19beb81
--- /dev/null
+++ b/components/RsButton.vue
@@ -0,0 +1,58 @@
+<script setup>
+const props = defineProps({
+  type: {
+    type: String,
+    default: "fill",
+  },
+  variant: {
+    type: String,
+    default: "primary",
+  },
+  size: {
+    type: String,
+    default: "md",
+  },
+  btnType: {
+    type: String,
+    default: "button",
+  },
+});
+</script>
+
+<template>
+  <button
+    class="button"
+    :type="btnType"
+    :class="{
+      'button-sm': size === 'sm',
+      'button-md': size === 'md',
+      'button-lg': size === 'lg',
+
+      // Filled Button
+      'button-primary': variant === 'primary',
+      'button-secondary': variant === 'secondary',
+      'button-info': variant === 'info',
+      'button-success': variant === 'success',
+      'button-warning': variant === 'warning',
+      'button-danger': variant === 'danger',
+
+      // Outline Button
+      'outline-primary': variant === 'primary-outline',
+      'outline-secondary': variant === 'secondary-outline',
+      'outline-info': variant === 'info-outline',
+      'outline-success': variant === 'success-outline',
+      'outline-warning': variant === 'warning-outline',
+      'outline-danger': variant === 'danger-outline',
+
+      //Text Button
+      'texts-primary': variant === 'primary-text',
+      'texts-secondary': variant === 'secondary-text',
+      'texts-info': variant === 'info-text',
+      'texts-success': variant === 'success-text',
+      'texts-warning': variant === 'warning-text',
+      'texts-danger': variant === 'danger-text',
+    }"
+  >
+    <slot />
+  </button>
+</template>
diff --git a/components/RsCard.vue b/components/RsCard.vue
new file mode 100644
index 0000000..d811bbe
--- /dev/null
+++ b/components/RsCard.vue
@@ -0,0 +1,16 @@
+<script setup></script>
+
+<template>
+  <div class="card">
+    <header v-if="!!$slots.header" class="card-header">
+      <slot name="header" />
+    </header>
+    <main><slot></slot></main>
+    <div v-if="!!$slots.body" class="card-body">
+      <slot name="body" />
+    </div>
+    <footer v-if="!!$slots.footer" class="card-footer">
+      <slot name="footer" />
+    </footer>
+  </div>
+</template>
diff --git a/components/RsCodeMirror.vue b/components/RsCodeMirror.vue
new file mode 100644
index 0000000..70b1516
--- /dev/null
+++ b/components/RsCodeMirror.vue
@@ -0,0 +1,223 @@
+<script setup>
+import { useThemeStore } from "~/stores/theme";
+
+import { vue } from "@codemirror/lang-vue";
+import { javascript } from "@codemirror/lang-javascript";
+
+import { oneDark } from "@codemirror/theme-one-dark";
+import { amy, ayuLight, barf, clouds, cobalt, dracula } from "thememirror";
+
+const props = defineProps({
+  options: {
+    type: Object,
+    default: () => ({}),
+  },
+  mode: {
+    type: String,
+    default: "vue",
+  },
+  height: {
+    type: String,
+    default: "70vh",
+  },
+  modelValue: {
+    type: String,
+    default: "",
+  },
+  theme: {
+    type: String,
+    default: "oneDark",
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const emits = defineEmits(["update:modelValue"]);
+
+const themeStore = useThemeStore();
+const editorTheme = ref(themeStore.codeTheme);
+
+const dropdownThemes = ref([
+  {
+    label: "default",
+    value: "clouds",
+  },
+  {
+    label: "oneDark",
+    value: "oneDark",
+  },
+  {
+    label: "amy",
+    value: "amy",
+  },
+  {
+    label: "ayu",
+    value: "ayuLight",
+  },
+  {
+    label: "barf",
+    value: "barf",
+  },
+  {
+    label: "cobalt",
+    value: "cobalt",
+  },
+  {
+    label: "dracula",
+    value: "dracula",
+  },
+]);
+
+const value = ref(props.modelValue);
+const extensions = ref([]);
+if (props.mode == "vue") {
+  extensions.value = [vue(), oneDark];
+} else {
+  extensions.value = [javascript(), oneDark];
+}
+
+const totalLines = ref(0);
+const totalLength = ref(0);
+
+// Codemirror EditorView instance ref
+const view = shallowRef();
+const handleReady = (payload) => {
+  view.value = payload.view;
+  totalLines.value = view.value.state.doc.lines;
+  totalLength.value = view.value.state.doc.length;
+};
+
+watch(
+  () => editorTheme.value,
+  (themeVal) => {
+    // themeStore.setCodeTheme(newValue.value);
+
+    if (props.mode == "vue") {
+      extensions.value = [
+        vue(),
+        themeVal === "oneDark"
+          ? oneDark
+          : themeVal === "amy"
+          ? amy
+          : themeVal === "ayuLight"
+          ? ayuLight
+          : themeVal === "barf"
+          ? barf
+          : themeVal === "cobalt"
+          ? cobalt
+          : themeVal === "dracula"
+          ? dracula
+          : clouds,
+      ];
+    } else {
+      extensions.value = [
+        javascript(),
+        themeVal === "oneDark"
+          ? oneDark
+          : themeVal === "amy"
+          ? amy
+          : themeVal === "ayuLight"
+          ? ayuLight
+          : themeVal === "barf"
+          ? barf
+          : themeVal === "cobalt"
+          ? cobalt
+          : themeVal === "dracula"
+          ? dracula
+          : clouds,
+      ];
+    }
+  }
+);
+
+// Status is available at all times via Codemirror EditorView
+const getCodemirrorStates = () => {
+  const state = view.value.state;
+  const ranges = state.selection.ranges;
+  const selected = ranges.reduce((r, range) => r + range.to - range.from, 0);
+  const cursor = ranges[0].anchor;
+  const length = state.doc.length;
+  const lines = state.doc.lines;
+
+  console.log("state", view.value.state);
+};
+
+const onChange = (value) => {
+  // console.log("onChange", value);
+  emits("update:modelValue", value);
+  totalLines.value = view.value.state.doc.lines;
+  totalLength.value = view.value.state.doc.length;
+};
+
+const onFocus = (value) => {
+  // console.log("onFocus", value);
+};
+
+const onBlur = (value) => {
+  // console.log("onBlur", value);
+};
+
+const onUpdate = (value) => {
+  // console.log("onUpdate", value);
+};
+
+function numberComma(x) {
+  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+</script>
+
+<template>
+  <div
+    class="flex justify-between items-center gap-2 p-2 bg-[#282C34] text-[#abb2bf]"
+  >
+    <div class="flex items-center gap-2">
+      Theme:
+      <FormKit
+        v-model="editorTheme"
+        type="select"
+        placeholder="Select Themes"
+        :options="dropdownThemes"
+        :classes="{
+          input:
+            '!bg-[#282C34] !text-[#abb2bf] !border-[#abb2bf] hover:cursor-pointer h-6 w-[100px]',
+          inner: ' !rounded-none !mb-0',
+          outer: '!mb-0',
+        }"
+      />
+    </div>
+    <!-- <rs-button
+      class="!p-2"
+      variant="primary-outline"
+      @click="getCodemirrorStates"
+    >
+      Get state</rs-button
+    > -->
+  </div>
+  <client-only>
+    <CodeMirror
+      v-model="value"
+      placeholder="Code goes here..."
+      :style="{ height: height }"
+      :autofocus="true"
+      :indent-with-tab="true"
+      :tab-size="2"
+      :extensions="extensions"
+      :disabled="disabled"
+      @ready="handleReady"
+      @change="onChange($event)"
+      @focus="onFocus($event)"
+      @blur="onBlur($event)"
+      @update="onUpdate($event)"
+    />
+  </client-only>
+  <div
+    class="footer flex justify-end items-center gap-2 p-2 bg-[#282C34] text-[#abb2bf]"
+  >
+    <span class="">Lines: {{ numberComma(totalLines) }}</span>
+    <span class="">Length: {{ numberComma(totalLength) }}</span>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/components/RsCollapse.vue b/components/RsCollapse.vue
new file mode 100644
index 0000000..dd60650
--- /dev/null
+++ b/components/RsCollapse.vue
@@ -0,0 +1,24 @@
+<script setup>
+const props = defineProps({
+  accordion: {
+    type: Boolean,
+    default: false,
+  },
+  type: {
+    type: String,
+    default: "default",
+  },
+});
+</script>
+
+<template>
+  <div
+    class="accordion"
+    :class="{
+      'accordion-border': type === 'border',
+    }"
+    v-uid
+  >
+    <slot />
+  </div>
+</template>
diff --git a/components/RsCollapseItem.vue b/components/RsCollapseItem.vue
new file mode 100644
index 0000000..54d24ca
--- /dev/null
+++ b/components/RsCollapseItem.vue
@@ -0,0 +1,94 @@
+<script setup>
+const props = defineProps({
+  title: {
+    type: String,
+    required: false,
+  },
+});
+const collapseGroup = ref(null);
+const parentID = ref(null);
+
+const instance = getCurrentInstance();
+
+const isAccordion = instance.parent.props.accordion;
+const type = ref(instance.parent.props.type);
+const height = ref(0);
+const maxHeight = ref(60);
+
+//watch intance type
+watch(
+  () => instance.parent.props.type,
+  (newValue) => {
+    type.value = newValue;
+  },
+  { deep: true }
+);
+
+const onClick = () => {
+  const parentElement = document.querySelector(`#${collapseGroup.value.id}`);
+  parentID.value = parentElement.parentElement.id;
+
+  const scrollHeight = parentElement.scrollHeight;
+  const targetOpenCollapse = parentElement.classList.contains(
+    "accordion-group--open"
+  );
+  const openCollapse = document.querySelector(
+    `#${parentID.value} .accordion-group--open`
+  );
+
+  if (isAccordion) {
+    if (openCollapse) {
+      const openCollapseHeader = document.querySelector(
+        `#${parentID.value} .accordion-group--open .accordion-header`
+      );
+      openCollapse.style.maxHeight = `${openCollapseHeader.scrollHeight}px`;
+      openCollapse.classList.remove("accordion-group--open");
+    }
+  }
+  if (targetOpenCollapse) {
+    parentElement.style.maxHeight = maxHeight.value + "px";
+    parentElement.classList.remove("accordion-group--open");
+  } else {
+    parentElement.style.maxHeight = scrollHeight + "px";
+    parentElement.classList.add("accordion-group--open");
+  }
+};
+
+// On mounted get height collapse header
+onMounted(() => {
+  try {
+    const parentElement = document.querySelector(
+      `#${collapseGroup.value.id} .accordion-header`
+    );
+    
+    const scrollHeight = parentElement.scrollHeight;
+    maxHeight.value = scrollHeight;
+    height.value = scrollHeight;
+  } catch (error) {
+    // console.log(error);
+    return;
+  }
+});
+</script>
+
+<template>
+  <div
+    v-uid
+    ref="collapseGroup"
+    class="accordion-group"
+    :class="{
+      'accordion-default': type === 'default',
+      'accordion-border': type === 'border',
+      'accordion-card': type === 'card',
+    }"
+    :style="`max-height: ${maxHeight}px; transition-property: max-height`"
+  >
+    <div class="accordion-header" @click="onClick">
+      <slot v-if="!!$slots.title" name="title"></slot>
+      <span v-else> {{ title }}</span>
+    </div>
+    <div class="accordion-body">
+      <slot />
+    </div>
+  </div>
+</template>
diff --git a/components/RsDropdown.vue b/components/RsDropdown.vue
new file mode 100644
index 0000000..a6d223d
--- /dev/null
+++ b/components/RsDropdown.vue
@@ -0,0 +1,222 @@
+<script setup>
+import { directive as vClickAway } from "vue3-click-away";
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: "Default",
+  },
+  variant: {
+    type: String,
+    default: "primary",
+  },
+  position: {
+    type: String,
+    default: "bottom",
+  },
+  textAlign: {
+    type: String,
+    default: "left",
+  },
+  size: {
+    type: String,
+    default: "md",
+  },
+  itemSize: {
+    type: String,
+    default: "10rem",
+  },
+});
+
+const isOpen = ref(false);
+const dropdownRef = ref(null);
+
+let originalPosition = null; // Store the original position of the dropdown
+let lastKnownPosition = null; // Store the last known position of the dropdown
+
+const toggle = (event) => {
+  isOpen.value = !isOpen.value;
+};
+
+const closeMenu = (event) => {
+  isOpen.value = false;
+};
+
+// Add a watcher for isOpen to reposition the dropdown when it's open
+watch(isOpen, (newValue) => {
+  if (newValue) {
+    positionDropdown();
+  }
+});
+
+// Helper function to position the dropdown relative to the viewport
+const positionDropdown = () => {
+  const dropdownElement = dropdownRef.value;
+  const dropdownSection = dropdownElement.querySelector(".dropdown-section");
+
+  if (!dropdownElement || !dropdownSection) return;
+
+  // Get the bounding rect of the dropdown and its section
+  const dropdownRect = dropdownElement.getBoundingClientRect();
+  const dropdownSectionRect = dropdownSection.getBoundingClientRect();
+
+  // Get the viewport dimensions
+  const viewportWidth = window.innerWidth;
+  const viewportHeight = window.innerHeight;
+
+  // Check if the dropdown overflows the right or left side of the viewport
+  const rightOverflow =
+    dropdownRect.right + dropdownSectionRect.width - viewportWidth;
+  const leftOverflow = dropdownRect.left - dropdownSectionRect.width;
+
+  if (rightOverflow > 0) {
+    dropdownSection.style.right = "0";
+    dropdownSection.style.left = "unset";
+  } else if (leftOverflow < 0) {
+    dropdownSection.style.left = "0";
+    dropdownSection.style.right = "unset";
+  }
+
+  // Check if the dropdown overflows the bottom or top of the viewport
+  const bottomOverflow =
+    dropdownRect.bottom + dropdownSectionRect.height - viewportHeight;
+  const topOverflow = dropdownRect.top - dropdownSectionRect.height;
+
+  if (bottomOverflow > 0) {
+    dropdownSection.style.bottom = "100%";
+    dropdownSection.style.top = "unset";
+  } else if (topOverflow < 0) {
+    dropdownSection.style.top = "100%";
+    dropdownSection.style.bottom = "unset";
+  }
+
+  // Check if the position changed and update the lastKnownPosition
+  const newPosition = dropdownSection.getBoundingClientRect();
+  if (
+    !lastKnownPosition ||
+    JSON.stringify(lastKnownPosition) !== JSON.stringify(newPosition)
+  ) {
+    lastKnownPosition = newPosition;
+  }
+
+  // Check if the dropdown is out of the viewport and reset its position to original
+  if (
+    isOpen.value &&
+    originalPosition &&
+    isOutOfViewport(dropdownSection, originalPosition)
+  ) {
+    dropdownSection.style.top = originalPosition.top + "px";
+    dropdownSection.style.left = originalPosition.left + "px";
+    lastKnownPosition = originalPosition;
+  }
+};
+
+// Check if the element is out of the viewport
+const isOutOfViewport = (element, position) => {
+  const viewportWidth = window.innerWidth;
+  const viewportHeight = window.innerHeight;
+  return (
+    position.left < 0 ||
+    position.right > viewportWidth ||
+    position.top < 0 ||
+    position.bottom > viewportHeight
+  );
+};
+
+// Watch for viewport size changes (e.g., window resize) to reposition the dropdown
+const handleResize = () => {
+  if (isOpen.value) {
+    positionDropdown();
+  }
+};
+
+// Watch for scrolling to reposition the dropdown
+const handleScroll = () => {
+  if (isOpen.value) {
+    positionDropdown();
+  }
+};
+
+onMounted(() => {
+  // Add a listener for window resize to reposition the dropdown
+  window.addEventListener("resize", handleResize);
+  window.addEventListener("scroll", handleScroll);
+});
+
+onUnmounted(() => {
+  // Remove the window resize listener when the component is unmounted
+  window.removeEventListener("resize", handleResize);
+  window.removeEventListener("scroll", handleScroll);
+});
+</script>
+
+<template>
+  <div class="dropdown" ref="dropdownRef" v-click-away="closeMenu">
+    <button
+      @click="toggle"
+      class="button"
+      :class="{
+        'button-sm': size === 'sm',
+        'button-md': size === 'md',
+        'button-lg': size === 'lg',
+
+        // Filled Button
+        'button-primary': variant === 'primary',
+        'button-secondary': variant === 'secondary',
+        'button-info': variant === 'info',
+        'button-success': variant === 'success',
+        'button-warning': variant === 'warning',
+        'button-danger': variant === 'danger',
+
+        // Outline Button
+        'outline-primary': variant === 'primary-outline',
+        'outline-secondary': variant === 'secondary-outline',
+        'outline-info': variant === 'info-outline',
+        'outline-success': variant === 'success-outline',
+        'outline-warning': variant === 'warning-outline',
+        'outline-danger': variant === 'danger-outline',
+
+        //Text Button
+        'texts-primary': variant === 'primary-text',
+        'texts-secondary': variant === 'secondary-text',
+        'texts-info': variant === 'info-text',
+        'texts-success': variant === 'success-text',
+        'texts-warning': variant === 'warning-text',
+        'texts-danger': variant === 'danger-text',
+      }"
+      type="button"
+    >
+      <slot v-if="$slots.title" name="title"></slot>
+      <span v-else>{{ props.title }}</span>
+      <Icon
+        v-if="position === 'bottom'"
+        name="ic:outline-keyboard-arrow-down"
+      />
+      <Icon
+        v-else-if="position === 'top'"
+        name="ic:outline-keyboard-arrow-up"
+      />
+      <Icon v-else-if="position === 'left'" name="ic:outline-chevron-left" />
+      <Icon v-else-if="position === 'right'" name="ic:outline-chevron-right" />
+    </button>
+    <section
+      class="dropdown-section"
+      :class="{
+        'list-bottom-sm': position == 'bottom' && size == 'sm',
+        'list-bottom-md': position == 'bottom' && size == 'md',
+        'list-bottom-lg': position == 'bottom' && size == 'lg',
+        'list-top-sm': position == 'top' && size == 'sm',
+        'list-top-md': position == 'top' && size == 'md',
+        'list-top-lg': position == 'top' && size == 'lg',
+        'list-left': position == 'left',
+        'list-right': position == 'right',
+        'list-align-right':
+          (position == 'bottom' || position == 'top') && textAlign == 'right',
+      }"
+      :style="`min-width: ${itemSize}`"
+      v-show="isOpen"
+    >
+      <slot></slot>
+    </section>
+  </div>
+</template>
diff --git a/components/RsDropdownItem.vue b/components/RsDropdownItem.vue
new file mode 100644
index 0000000..6d715ee
--- /dev/null
+++ b/components/RsDropdownItem.vue
@@ -0,0 +1,21 @@
+<script setup>
+const emits = defineEmits(["click"]);
+
+const props = defineProps({
+  divider: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const clickEvent = () => {
+  emits("click");
+};
+</script>
+
+<template>
+  <hr v-if="divider" />
+  <div @click="clickEvent" class="dropdown-item">
+    <slot></slot>
+  </div>
+</template>
diff --git a/components/RsFieldset.vue b/components/RsFieldset.vue
new file mode 100644
index 0000000..dba5bd9
--- /dev/null
+++ b/components/RsFieldset.vue
@@ -0,0 +1,45 @@
+<script setup>
+// const props = defineProps({
+//   context: Object,
+// });
+
+// const label = props.context.label || "";
+// const border = props.context.border || true;
+// const borderColour = props.context.borderColour || "gray";
+// const borderWidth = props.context.borderWidth || "1px";
+// const borderRadius = props.context.borderRadius || "0.375rem";
+
+const props = defineProps({
+  label: String,
+  border: {
+    type: Boolean,
+    default: true,
+  },
+  borderColour: {
+    type: String,
+    default: "rgb(226 232 240)",
+  },
+  borderWidth: {
+    type: String,
+    default: "1px",
+  },
+  borderRadius: {
+    type: String,
+    default: "0.375rem",
+  },
+});
+</script>
+
+<template>
+  <fieldset
+    class="p-3"
+    :style="{
+      border: border ? '1px solid ' + borderColour : 'none',
+      borderRadius: borderRadius,
+      borderWidth: borderWidth,
+    }"
+  >
+    <legend class="font-bold text-sm">{{ label }}</legend>
+    <slot></slot>
+  </fieldset>
+</template>
diff --git a/components/RsModal.vue b/components/RsModal.vue
new file mode 100644
index 0000000..c3d8471
--- /dev/null
+++ b/components/RsModal.vue
@@ -0,0 +1,149 @@
+<script setup>
+const emits = defineEmits(["update:modelValue"]);
+const props = defineProps({
+  title: {
+    type: String,
+    default: "",
+  },
+  size: {
+    type: String,
+    default: "md",
+  },
+  dialogClass: {
+    type: String,
+    default: "",
+  },
+  modelValue: {
+    type: Boolean,
+    default: false,
+  },
+  position: {
+    type: String,
+    default: "top",
+  },
+  hideOverlay: {
+    type: Boolean,
+    default: false,
+  },
+  okOnly: {
+    type: Boolean,
+    default: false,
+  },
+  okTitle: {
+    type: String,
+    default: "OK",
+  },
+  cancelOnly: {
+    type: Boolean,
+    default: false,
+  },
+  cancelTitle: {
+    type: String,
+    default: "Cancel",
+  },
+  okCallback: {
+    type: Function,
+    default: () => {},
+  },
+  cancelCallback: {
+    type: Function,
+    default: () => {},
+  },
+  hideFooter: {
+    type: Boolean,
+    default: false,
+  },
+  overlayClose: {
+    type: Boolean,
+    default: true,
+  },
+  height: {
+    type: String,
+    default: "70vh",
+  },
+});
+
+const closeModal = () => {
+  emits("update:modelValue", false);
+};
+
+const validateCancelCallback = () => {
+  if (props.cancelCallback == "() => {}") closeModal();
+  else props.cancelCallback();
+};
+
+watch(
+  () => props.modelValue,
+  (val) => {
+    if (val) document.body.style.overflow = "hidden";
+    else document.body.style.overflow = "auto";
+  }
+);
+</script>
+
+<template>
+  <Teleport to="body">
+    <transition-group name="fade">
+      <div
+        v-if="modelValue"
+        @click.self="overlayClose ? closeModal() : ''"
+        class="modal"
+        style="z-index: 1000"
+        :class="{
+          'modal-top': position == 'top',
+          'modal-center': position == 'center',
+          'modal-end': position == 'bottom',
+          'modal-hide-overlay': hideOverlay,
+        }"
+      >
+        <div
+          v-show="modelValue"
+          class="modal-dialog"
+          :class="dialogClass"
+          :style="{
+            width: size == 'sm' ? '300px' : size == 'md' ? '500px' : '800px',
+          }"
+        >
+          <div class="modal-content">
+            <div class="modal-header">
+              <h4 v-if="!$slots.header">
+                {{ title }}
+              </h4>
+              <slot name="header"></slot>
+              <Icon
+                @click="closeModal"
+                class="hover:text-gray-800 cursor-pointer"
+                name="ic:round-close"
+              ></Icon>
+            </div>
+            <div class="modal-body">
+              <NuxtScrollbar
+                :style="{
+                  'max-height': height,
+                }"
+              >
+                <slot name="body"></slot>
+                <slot v-if="!$slots.body"></slot>
+              </NuxtScrollbar>
+            </div>
+            <div v-if="!hideFooter" class="modal-footer">
+              <slot name="footer"></slot>
+              <rs-button
+                v-if="!$slots.footer && !okOnly"
+                @click="validateCancelCallback"
+                variant="primary-text"
+              >
+                {{ cancelTitle }}</rs-button
+              >
+              <rs-button
+                v-if="!$slots.footer && !cancelOnly"
+                @click="okCallback"
+                >{{ okTitle }}</rs-button
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </transition-group>
+  </Teleport>
+</template>
diff --git a/components/RsProgressBar.vue b/components/RsProgressBar.vue
new file mode 100644
index 0000000..3d7053a
--- /dev/null
+++ b/components/RsProgressBar.vue
@@ -0,0 +1,63 @@
+<script setup>
+const props = defineProps({
+  label: {
+    type: String,
+    default: "",
+  },
+  value: {
+    type: Number,
+    default: 0,
+  },
+  max: {
+    type: Number,
+    default: 100,
+  },
+  variant: {
+    type: String,
+    default: "primary",
+  },
+  size: {
+    type: String,
+    default: "md",
+  },
+  showValue: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>
+
+<template>
+  <div class="progress-wrapper">
+    <div class="progress-label">{{ label }}</div>
+    <div
+      class="progress"
+      :class="{
+        'progress-sm': size === 'sm',
+        'progress-md': size === 'md',
+        'progress-lg': size === 'lg',
+        'progress-primary': variant == 'primary',
+        'progress-secondary': variant == 'secondary',
+        'progress-success': variant == 'info',
+        'progress-info': variant == 'success',
+        'progress-warning': variant == 'warning',
+        'progress-danger': variant == 'danger',
+      }"
+    >
+      <div
+        class="progress-bar"
+        :class="{
+          primary: variant == 'primary',
+          secondary: variant == 'secondary',
+          info: variant == 'info',
+          success: variant == 'success',
+          warning: variant == 'warning',
+          danger: variant == 'danger',
+        }"
+        :style="{ width: (value / max) * 100 + '%' }"
+      >
+        <span class="text-xs" v-if="showValue">{{ value }}</span>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/components/RsTab.vue b/components/RsTab.vue
new file mode 100644
index 0000000..8990aa3
--- /dev/null
+++ b/components/RsTab.vue
@@ -0,0 +1,230 @@
+<script setup>
+const props = defineProps({
+  variant: {
+    type: String,
+    default: "primary",
+  },
+  type: {
+    type: String,
+    default: "default",
+  },
+  vertical: {
+    type: Boolean,
+    default: false,
+  },
+  fill: {
+    type: Boolean,
+    default: false,
+  },
+  justify: {
+    type: String,
+    default: "left",
+  },
+});
+
+// Slots
+const slots = useSlots();
+
+const tabs = ref(slots.default()?.map((tab) => tab.props).filter(props => props && props.title) || []);
+const selectedTitle = ref(tabs.value.length > 0 ? tabs.value[0]["title"] : "");
+
+tabs.value.forEach((tab) => {
+  if (typeof tab.active !== "undefined" && tab.active) {
+    selectedTitle.value = tab.title;
+  }
+});
+
+provide("selectedTitle", selectedTitle);
+</script>
+
+<template>
+  <client-only>
+    <div
+      class="tab"
+      :class="{
+        vertical: vertical,
+        'tab-card': type === 'card' && !vertical,
+        'card-vertical': type === 'card' && vertical,
+        'card-primary': type === 'card' && variant === 'primary',
+        'card-secondary': type === 'card' && variant === 'secondary',
+        'card-success': type === 'card' && variant === 'success',
+        'card-danger': type === 'card' && variant === 'danger',
+        'card-warning': type === 'card' && variant === 'warning',
+        'card-info': type === 'card' && variant === 'info',
+      }"
+    >
+      <ul
+        class="tab-nav"
+        :class="{
+          'tab-nav-card': type === 'card' && !vertical,
+          'tab-nav-card card-vertical': type === 'card' && vertical,
+          vertical: vertical,
+          'vertical-fill': vertical && fill,
+        }"
+      >
+        <li
+          class="tab-item"
+          :class="{
+            fill: fill,
+            border: type === 'border',
+            'border-horizontal': type === 'border' && !vertical,
+            'border-horizontal-active':
+              selectedTitle === val.title && type === 'border' && !vertical,
+            'border-vertical': type === 'border' && vertical,
+            'border-vertical-active':
+              selectedTitle === val.title && type === 'border' && vertical,
+
+            // Variant Color for Border Type
+            'border-hover-primary': type === 'border' && variant == 'primary',
+            'border-hover-secondary':
+              type === 'border' && variant == 'secondary',
+            'border-hover-info': type === 'border' && variant == 'info',
+            'border-hover-success': type === 'border' && variant == 'success',
+            'border-hover-warning': type === 'border' && variant == 'warning',
+            'border-hover-danger': type === 'border' && variant == 'danger',
+
+            // Variant Color for Border Type Active
+            'border-active-primary':
+              selectedTitle === val.title &&
+              type === 'border' &&
+              variant == 'primary',
+            'border-active-secondary':
+              selectedTitle === val.title &&
+              type === 'border' &&
+              variant == 'secondary',
+            'border-active-info':
+              selectedTitle === val.title &&
+              type === 'border' &&
+              variant == 'info',
+            'border-active-success':
+              selectedTitle === val.title &&
+              type === 'border' &&
+              variant == 'success',
+            'border-active-warning':
+              selectedTitle === val.title &&
+              type === 'border' &&
+              variant == 'warning',
+            'border-active-danger':
+              selectedTitle === val.title &&
+              type === 'border' &&
+              variant == 'danger',
+          }"
+          role="presentation"
+          v-for="(val, index) in tabs"
+          :key="index"
+          @click="selectedTitle = val.title"
+        >
+          <a
+            class="tab-item-link"
+            :class="{
+              default: type === 'default' && !vertical,
+              'default-vertical': type === 'default' && vertical,
+              'default-active':
+                selectedTitle === val.title && type === 'default' && !vertical,
+              'default-vertical-active':
+                selectedTitle === val.title && type === 'default' && vertical,
+
+              // Variant hover for default type
+              'default-hover-primary':
+                type === 'default' && variant == 'primary',
+              'default-hover-secondary':
+                type === 'default' && variant == 'secondary',
+              'default-hover-info': type === 'default' && variant == 'info',
+              'default-hover-success':
+                type === 'default' && variant == 'success',
+              'default-hover-warning':
+                type === 'default' && variant == 'warning',
+              'default-hover-danger': type === 'default' && variant == 'danger',
+
+              // Variant Color for default type Active
+              'default-primary':
+                selectedTitle === val.title &&
+                type === 'default' &&
+                variant == 'primary',
+              'default-secondary':
+                selectedTitle === val.title &&
+                type === 'default' &&
+                variant == 'secondary',
+              'default-info':
+                selectedTitle === val.title &&
+                type === 'default' &&
+                variant == 'info',
+              'default-success':
+                selectedTitle === val.title &&
+                type === 'default' &&
+                variant == 'success',
+              'default-warning':
+                selectedTitle === val.title &&
+                type === 'default' &&
+                variant == 'warning',
+              'default-danger':
+                selectedTitle === val.title &&
+                type === 'default' &&
+                variant == 'danger',
+
+              'link-card': type === 'card' && !vertical,
+              'link-card-vertical': type === 'card' && vertical,
+
+              // Variant Color for card type
+              'link-card-primary': type === 'card' && variant == 'primary',
+              'link-card-secondary': type === 'card' && variant == 'secondary',
+              'link-card-info': type === 'card' && variant == 'info',
+              'link-card-success': type === 'card' && variant == 'success',
+              'link-card-warning': type === 'card' && variant == 'warning',
+              'link-card-danger': type === 'card' && variant == 'danger',
+
+              // Variant Color for card type Active
+              'link-card-primary-active':
+                selectedTitle === val.title &&
+                type === 'card' &&
+                variant == 'primary',
+              'link-card-secondary-active':
+                selectedTitle === val.title &&
+                type === 'card' &&
+                variant == 'secondary',
+              'link-card-info-active':
+                selectedTitle === val.title &&
+                type === 'card' &&
+                variant == 'info',
+              'link-card-success-active':
+                selectedTitle === val.title &&
+                type === 'card' &&
+                variant == 'success',
+              'link-card-warning-active':
+                selectedTitle === val.title &&
+                type === 'card' &&
+                variant == 'warning',
+              'link-card-danger-active':
+                selectedTitle === val.title &&
+                type === 'card' &&
+                variant == 'danger',
+
+              'link-justify-left': justify == 'left',
+              'link-justify-center': justify == 'center',
+              'link-justify-right': justify == 'right',
+            }"
+            >{{ val.title }}</a
+          >
+        </li>
+      </ul>
+      <div
+        class="tab-content"
+        :class="{
+          'content-vertical': vertical && !fill,
+          'content-vertical-fill': vertical && fill,
+          'content-border': type === 'border' && !vertical,
+          'content-border-vertical': type === 'border' && vertical,
+          'content-border-primary': type === 'border' && variant === 'primary',
+          'content-border-secondary':
+            type === 'border' && variant === 'secondary',
+          'content-border-info': type === 'border' && variant === 'info',
+          'content-border-success': type === 'border' && variant === 'success',
+          'content-border-warning': type === 'border' && variant === 'warning',
+          'content-border-danger': type === 'border' && variant === 'danger',
+        }"
+      >
+        <slot></slot>
+      </div>
+    </div>
+  </client-only>
+</template>
diff --git a/components/RsTabItem.vue b/components/RsTabItem.vue
new file mode 100644
index 0000000..a0eec26
--- /dev/null
+++ b/components/RsTabItem.vue
@@ -0,0 +1,20 @@
+<script setup>
+const props = defineProps({
+  title: {
+    type: String,
+    required: true,
+  },
+  active: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const selectedTitle = inject("selectedTitle");
+</script>
+
+<template>
+  <div class="tab-pane" v-if="selectedTitle === title">
+    <slot></slot>
+  </div>
+</template>
diff --git a/components/RsTable.vue b/components/RsTable.vue
new file mode 100644
index 0000000..057ba28
--- /dev/null
+++ b/components/RsTable.vue
@@ -0,0 +1,808 @@
+<script setup>
+import { useLayoutStore } from "~/stores/layout";
+import { useWindowSize } from "vue-window-size";
+
+const layoutStore = useLayoutStore();
+const mobileWidth = layoutStore.mobileWidth;
+
+const { width } = useWindowSize();
+const windowWidth = ref(width);
+
+const props = defineProps({
+  field: {
+    type: Array,
+    default: () => [],
+  },
+  data: {
+    type: Array,
+    default: () => [],
+  },
+  basic: {
+    type: Boolean,
+    default: true,
+  },
+  advanced: {
+    type: Boolean,
+    default: false,
+  },
+  options: {
+    type: Object,
+    default: () => ({
+      variant: "default",
+      striped: false,
+      bordered: false,
+      borderless: false,
+      hover: false,
+    }),
+  },
+  optionsAdvanced: {
+    type: Object,
+    default: () => ({
+      sortable: true,
+      filterable: true,
+      responsive: false,
+      outsideBorder: false,
+    }),
+  },
+  grid: {
+    type: Boolean,
+    default: false,
+  },
+  pageSize: {
+    type: Number,
+    default: 5,
+  },
+  sort: {
+    type: Object,
+    default: () => ({
+      column: "",
+      direction: "asc",
+    }),
+  },
+});
+
+// Default varaiable
+const columnTitle = ref([]);
+const dataTable = ref([]);
+const dataTitle = ref([]);
+const dataLength = ref(0);
+
+// Advanced Option Variable
+const currentSort = ref(0);
+const currentSortDir = ref("asc");
+const currentPage = ref(1);
+const pageSize = ref(props.pageSize);
+const maxPageShown = ref(3);
+
+// Searching Variable
+const keyword = ref("");
+
+// Filtering Variable
+const filter = ref([]);
+const openFilter = ref(false);
+
+const hideTable = ref(false);
+
+// Other Variable
+const sortColumnFirstTime = ref(false);
+
+const isDesktop = computed(() => {
+  return windowWidth.value >= mobileWidth ? true : false;
+});
+
+if (props.optionsAdvanced.responsive) {
+  if (isDesktop.value) {
+    hideTable.value = false;
+  } else {
+    hideTable.value = true;
+  }
+}
+
+const camelCasetoTitle = (str, exclusions = []) => {
+  if (exclusions.includes(str)) {
+    return str.replace(/([A-Z])/g, " $1").trim();
+  } else if (/\(.*\)/.test(str)) {
+    return str; // if the string contains parentheses, return the original string
+  } else {
+    return str.replace(/([A-Z])/g, " $1").replace(/^./, (str) => {
+      return str.toUpperCase();
+    });
+  }
+};
+
+const spacingCharactertoCamelCase = (array) => {
+  // Loop array string and convert to camel case
+
+  let result = [];
+
+  array.forEach((element) => {
+    // Handle both string elements and object elements with key property
+    const stringElement = typeof element === 'string' ? element : element.key;
+    
+    if (stringElement && stringElement.charAt(0) == stringElement.charAt(0).toUpperCase()) {
+      // Camelcase the string and remove spacing
+      // and if there is () in the string, do Uppercase inside the () and dont spacing it
+
+      let camelCase = stringElement
+        .replace(/([A-Z])/g, " $1")
+        .replace(/^./, (str) => {
+          return str.toUpperCase();
+        })
+        .replace(/\s/g, "");
+
+      let resultCamelCase = camelCase.replace(/\(([^)]+)\)/, (str) => {
+        return str.toUpperCase();
+      });
+
+      result.push(resultCamelCase);
+    } else {
+      result.push(stringElement);
+    }
+  });
+
+  // console.log(result);
+  return result;
+};
+
+// watch props.data change and redo all the data
+watch(
+  () => [props.data, props.field],
+  () => {
+    if (props.data && props.data.length > 0) {
+      dataTable.value = props.data;
+      dataLength.value = props.data.length;
+      if (props.field && props.field.length > 0) {
+        columnTitle.value = spacingCharactertoCamelCase(props.field);
+        dataTitle.value = spacingCharactertoCamelCase(props.field);
+      } else {
+        columnTitle.value = Object.keys(dataTable.value[0]);
+        dataTitle.value = Object.keys(dataTable.value[0]);
+      }
+    } else {
+      dataTable.value = [];
+      dataLength.value = 0;
+      columnTitle.value = [];
+      dataTitle.value = [];
+    }
+  },
+  { immediate: true }
+);
+
+const setColumnTitle = (data) => {
+  try {
+    if (props.field && props.field.length == 0) {
+      columnTitle.value = Object.keys(data);
+    } else {
+      columnTitle.value = spacingCharactertoCamelCase(props.field);
+    }
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+const filteredDatabyTitle = (data, title) => {
+  let result = "";
+  try {
+    if (props.field && props.field.length == 0) {
+      Object.entries(data).forEach(([key, value]) => {
+        if (key === title) {
+          result = value;
+          return;
+        }
+      });
+    } else {
+      // Get index title from columnTitle
+      let index = columnTitle.value.indexOf(title);
+
+      // Convert data json to array
+      let arr = Object.values(data);
+
+      result = arr[index];
+    }
+    if (result === "" || result === null) result = "-";
+    return result;
+  } catch (error) {
+    console.log(error);
+    return "-";
+  }
+};
+
+onMounted(() => {
+  if (dataTable.value.length > 0) {
+    setColumnTitle(dataTable.value[0]);
+  }
+});
+
+// Computed data
+const computedData = computed(() => {
+  let result = [];
+  let totalData = 0;
+  result = dataTable.value
+    .slice()
+    .sort((a, b) => {
+      let modifier = 1;
+
+      columnTitle.value.forEach((title, index) => {
+        // console.log(title, props.sort.column);
+        // First sort by column title
+        if (title === props.sort.column && !sortColumnFirstTime.value) {
+          currentSort.value = index;
+          currentSortDir.value = props.sort.direction;
+          sortColumnFirstTime.value = true;
+        }
+      });
+
+      // Check if column title is number or string and convert spacing to camelcase
+      let a1 = filteredDatabyTitle(a, columnTitle.value[currentSort.value]);
+      let b1 = filteredDatabyTitle(b, columnTitle.value[currentSort.value]);
+
+      if (typeof a1 === "string") a1 = a1.toLowerCase();
+      if (typeof b1 === "string") b1 = b1.toLowerCase();
+
+      // Convert string to number if possible
+      if (isNumeric(a1)) a1 = parseFloat(a1);
+      if (isNumeric(b1)) b1 = parseFloat(b1);
+
+      if (currentSortDir.value === "desc") modifier = -1;
+      if (a1 < b1) return -1 * modifier;
+      if (a1 > b1) return 1 * modifier;
+      return 0;
+    })
+    .filter((row) => {
+      // Search all json object if keyword not equal null
+      if (keyword.value === "") return true;
+      let result = false;
+      Object.entries(row).forEach(([key, value]) => {
+        try {
+          if (
+            value.toString().toLowerCase().includes(keyword.value.toLowerCase())
+          ) {
+            result = true;
+            currentPage.value = 1;
+          }
+        } catch (error) {
+          result = false;
+        }
+      });
+      return result;
+    })
+    .filter((_, index) => {
+      let start = (currentPage.value - 1) * pageSize.value;
+      let end = currentPage.value * pageSize.value;
+      totalData++;
+      if (index >= start && index < end) return true;
+    });
+  dataLength.value = totalData;
+  return result;
+});
+
+const isNumeric = (n) => {
+  return !isNaN(parseFloat(n)) && isFinite(n);
+};
+
+const totalEntries = computed(() => {
+  return dataLength.value;
+});
+
+const sort = (index) => {
+  if (index === currentSort.value) {
+    currentSortDir.value = currentSortDir.value === "asc" ? "desc" : "asc";
+  } else if (index !== currentSort.value && currentSortDir.value == "desc") {
+    currentSortDir.value = "asc";
+  }
+  currentSort.value = index;
+};
+
+const pages = computed(() => {
+  let totalPG = Math.ceil(dataLength.value / pageSize.value);
+  const numShown = Math.min(maxPageShown.value, totalPG);
+  let first = currentPage.value - Math.floor(numShown / 2);
+  first = Math.max(first, 1);
+  first = Math.min(first, totalPG - numShown + 1);
+  return [...Array(numShown)].map((k, i) => i + first);
+});
+
+const totalPage = computed(() => {
+  return Math.ceil(dataLength.value / pageSize.value);
+});
+
+const pageChange = (page) => {
+  currentPage.value = page;
+};
+
+const nextPage = () => {
+  if (currentPage.value * pageSize.value < dataLength.value)
+    currentPage.value++;
+};
+const prevPage = () => {
+  if (currentPage.value > 1) currentPage.value--;
+};
+
+const firstPage = () => {
+  currentPage.value = 1;
+};
+
+const lastPage = () => {
+  currentPage.value = totalPage.value;
+};
+
+const hideColumn = (key) => {
+  if (!getFilter(key)) {
+    // insert into filter variable to tell there is a change in filter
+    setFilter(key, "hide", true);
+  } else {
+    // update filter variable to tell there is a change in filter
+    setFilter(key, "hide", false);
+  }
+};
+
+const setFilter = (key, action, condition) => {
+  // Check if key exist inside filter
+  let index = filter.value.findIndex((item) => item.key === key);
+
+  if (index == -1) {
+    // If key not exist, insert new filter
+    filter.value.push({
+      key: key,
+      action: {
+        [action]: condition,
+      },
+    });
+  } else {
+    // If key exist, update filter
+    filter.value[index].action[action] = condition;
+    // console.log(filter.value);
+  }
+};
+
+const getFilter = (key) => {
+  let result = false;
+  filter.value.forEach((item) => {
+    if (item.key === key) {
+      result = item.action.hide;
+    }
+  });
+  return result;
+};
+
+// Watch filter.value
+watch(
+  () => filter.value,
+  () => {
+    // console.log(filter.value);
+    // Loop json object filter.value
+    filter.value.forEach((item) => {
+      // Hide Column
+      if (item.action.hide) {
+        // Get index title from columnTitle
+        let index = columnTitle.value.indexOf(item.key);
+
+        if (index !== -1) {
+          // Remove column from columnTitle
+          columnTitle.value.splice(index, 1);
+        }
+      } else if (!item.action.hide) {
+        // Get index title from dataTitle
+        let indexData = dataTitle.value.indexOf(item.key);
+
+        if (!columnTitle.value.includes(item.key)) {
+          // Add Column back to its original position
+          columnTitle.value.splice(indexData, 0, item.key);
+
+          // Sort the columnTitle like dataTitle
+          columnTitle.value.sort((a, b) => {
+            let indexA = dataTitle.value.indexOf(a);
+            let indexB = dataTitle.value.indexOf(b);
+            return indexA - indexB;
+          });
+        }
+      }
+    });
+  },
+  { deep: true }
+);
+
+const filterComputed = computed(() => {
+  let result = [];
+  let i = 0;
+  filter.value.forEach((item) => {
+    if (item.action.hide) {
+      result.push({
+        title: item.key,
+        hide: item.action.hide,
+      });
+    }
+    i++;
+  });
+  // console.log(result);
+  return result;
+});
+
+// watch pinia getter windowWidth
+watch(
+  () => windowWidth.value,
+  () => {
+    if (props.optionsAdvanced.responsive) {
+      if (windowWidth.value <= mobileWidth) {
+        hideTable.value = true;
+      } else {
+        hideTable.value = false;
+      }
+    }
+  },
+  { deep: true }
+);
+</script>
+
+<template>
+  <div
+    v-if="dataTable && dataTable.length > 0"
+    class="table-wrapper"
+    :class="{
+      '!border': advanced && !hideTable && optionsAdvanced.outsideBorder,
+    }"
+  >
+    <div
+      class="table-header"
+      :class="{
+        open: openFilter,
+        '!max-h-full': !optionsAdvanced.filterable,
+      }"
+      v-if="advanced"
+    >
+      <div
+        class="table-header-filter"
+        :class="{
+          '!items-center !gap-3': !optionsAdvanced.filterable,
+        }"
+      >
+        <div>
+          <div class="flex gap-x-2">
+            <FormKit
+              v-model="keyword"
+              type="search"
+              placeholder="Search..."
+              outer-class="mb-0"
+            />
+            <rs-button
+              v-if="optionsAdvanced.filterable"
+              class="!px-3 sm:!px-6"
+              @click="openFilter ? (openFilter = false) : (openFilter = true)"
+            >
+              <Icon
+                name="ic:outline-filter-alt"
+                class="mr-0 md:mr-1"
+                size="1rem"
+              />
+              <span class="hidden sm:block">Filter</span>
+            </rs-button>
+          </div>
+        </div>
+        <div class="flex justify-center items-center gap-x-2">
+          <span class="text-[rgb(var(--text-color))]">Result per page:</span>
+          <FormKit
+            type="select"
+            v-model="pageSize"
+            :options="[5, 10, 25, 100]"
+            outer-class="mb-0"
+          />
+        </div>
+      </div>
+      <div
+        class="flex flex-wrap items-center justify-start gap-x-3"
+        v-if="optionsAdvanced.filterable"
+      >
+        <rs-dropdown
+          :title="camelCasetoTitle(val)"
+          size="sm"
+          class="mt-3"
+          v-for="(val, index) in dataTitle"
+          :key="index"
+        >
+          <rs-dropdown-item @click="hideColumn(val)">
+            {{ getFilter(val) ? "Show Column" : "Hide Column" }}
+            <Icon
+              :name="getFilter(val) ? 'mdi:eye-outline' : 'mdi:eye-off-outline'"
+              size="1rem"
+              class="ml-auto"
+            ></Icon>
+          </rs-dropdown-item>
+        </rs-dropdown>
+      </div>
+    </div>
+    <div
+      v-if="filterComputed.length > 0"
+      class="table-header-filter-list w-full m-4"
+    >
+      <div class="flex flex-wrap items-center justify-start gap-x-2">
+        <div
+          class="flex items-center justify-center gap-x-2 border border-primary text-primary rounded-lg py-1 px-2"
+          v-for="(val, index) in filterComputed"
+          :key="index"
+        >
+          {{ val ? camelCasetoTitle(val.title) : "" }}
+          <Icon
+            name="ic:round-close"
+            class="mr-0 md:mr-1 hover:text-red-500 cursor-pointer"
+            size="1rem"
+            @click="hideColumn(val.title)"
+          ></Icon>
+        </div>
+      </div>
+    </div>
+    <div class="w-full overflow-x-auto">
+      <client-only>
+        <table
+          v-if="!hideTable"
+          class="table-content"
+          :class="{
+            '!border-y !border-0 border-[rgb(var(--bg-1))]': advanced,
+            'table-fixed': options.fixed,
+            'table-auto': !options.fixed,
+          }"
+        >
+          <thead
+            class="text-left border-[rgb(var(--border-color))]"
+            :class="{
+              'border-y': !options.borderless,
+              'border-[rgb(var(--border-color))] bg-[rgb(var(--bg-2))]':
+                options.variant === 'default',
+              'border-primary/50 bg-primary text-white':
+                options.variant === 'primary',
+              'border-secondary/50 bg-secondary text-white':
+                options.variant === 'secondary',
+              'border-info/50 bg-info text-white ': options.variant === 'info',
+              'border-success/50 bg-success text-white':
+                options.variant === 'success',
+              'border-warning/50 bg-warning text-white':
+                options.variant === 'warning',
+              'border-danger/50 bg-danger text-white':
+                options.variant === 'danger',
+            }"
+          >
+            <tr>
+              <th
+                class="relative py-3 pl-5 pr-8 whitespace-nowrap"
+                :class="{
+                  'border-r last:border-l last:border-r-0':
+                    options.bordered && !options.borderless,
+                  'border-[rgb(var(--border-color))]':
+                    options.variant === 'default',
+                  'border-primary/80': options.variant === 'primary',
+                  'border-secondary/80': options.variant === 'secondary',
+                  'border-info/80': options.variant === 'info',
+                  'border-success/80': options.variant === 'success',
+                  'border-warning/80': options.variant === 'warning',
+                  'border-danger/80': options.variant === 'danger',
+                  'w-36': options.fixed,
+                  'cursor-pointer': optionsAdvanced.sortable && advanced,
+                }"
+                style="min-width: 100px"
+                @click="
+                  optionsAdvanced.sortable && advanced ? sort(index) : null
+                "
+                v-for="(val, index) in columnTitle"
+                :key="index"
+              >
+                {{ camelCasetoTitle(val) }}
+                <div
+                  v-if="optionsAdvanced.sortable && advanced"
+                  class="sortable"
+                >
+                  <Icon
+                    class="absolute top-3 right-2 opacity-20"
+                    size="1.25rem"
+                    name="carbon:chevron-sort"
+                  />
+                  <Icon
+                    v-if="currentSort == index && currentSortDir == 'asc'"
+                    class="absolute top-3 right-2 opacity-50"
+                    size="1.25rem"
+                    name="carbon:chevron-sort-up"
+                  />
+                  <Icon
+                    v-else-if="currentSort == index && currentSortDir == 'desc'"
+                    class="absolute top-3 right-2 opacity-50"
+                    size="1.25rem"
+                    name="carbon:chevron-sort-down"
+                  />
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr
+              :class="{
+                'border-y border-[rgb(var(--border-color))]':
+                  !options.bordered && !options.borderless,
+                'border-b': options.bordered && !options.borderless,
+                'border-b-0': options.borderless,
+                'border-[rgb(var(--border-color))] odd:bg-[rgb(var(--bg-1))] even:bg-[rgb(var(--bg-2))]':
+                  options.variant === 'default' && options.striped,
+                'border-primary/20 odd:bg-white even:bg-primary/5':
+                  options.variant === 'primary' && options.striped,
+                'border-secondary/20 odd:bg-white even:bg-secondary/5':
+                  options.variant === 'secondary' && options.striped,
+                'border-info/20 odd:bg-white even:bg-info/5':
+                  options.variant === 'info' && options.striped,
+                'border-success/20 odd:bg-white even:bg-success/5':
+                  options.variant === 'success' && options.striped,
+                'border-warning/20 odd:bg-white even:bg-warning/5':
+                  options.variant === 'warning' && options.striped,
+                'border-danger/20 odd:bg-white even:bg-danger/5':
+                  options.variant === 'danger' && options.striped,
+                'cursor-pointer hover:bg-slate-300':
+                  options.hover && options.variant === 'default',
+                'cursor-pointer hover:bg-primary/5':
+                  options.hover && options.variant === 'primary',
+                'cursor-pointer hover:bg-secondary/5':
+                  options.hover && options.variant === 'secondary',
+                'cursor-pointer hover:bg-info/5':
+                  options.hover && options.variant === 'info',
+                'cursor-pointer hover:bg-success/5':
+                  options.hover && options.variant === 'success',
+                'cursor-pointer hover:bg-warning/5':
+                  options.hover && options.variant === 'warning',
+                'cursor-pointer hover:bg-danger/5':
+                  options.hover && options.variant === 'danger',
+              }"
+              v-for="(val1, index1) in computedData"
+              :key="index1"
+            >
+              <td
+                class="p-4 pl-5 break-words"
+                :class="{
+                  'border-r last:border-l last:border-r-0':
+                    options.bordered && !options.borderless,
+                  'border-[rgb(var(--border-color))]':
+                    options.variant === 'default',
+                  'border-primary/20': options.variant === 'primary',
+                  'border-secondary/20': options.variant === 'secondary',
+                  'border-info/20': options.variant === 'info',
+                  'border-success/20': options.variant === 'success',
+                  'border-warning/20': options.variant === 'warning',
+                  'border-danger/20': options.variant === 'danger',
+                }"
+                v-for="(val2, index2) in columnTitle"
+                :key="index2"
+              >
+                <slot
+                  :name="val2"
+                  :text="filteredDatabyTitle(val1, val2)"
+                  :value="val1"
+                >
+                  {{ filteredDatabyTitle(val1, val2) }}
+                </slot>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <div v-else>
+          <rs-collapse v-if="computedData.length > 0" accordion>
+            <rs-collapse-item v-for="(val, index) in computedData" :key="index">
+              <template #title>
+                <div class="grid grid-cols-2">
+                  <div class="flex flex-col col-span-1">
+                    <span class="font-semibold leading-tight">
+                      {{ Object.values(val)[0] }}
+                    </span>
+                    <span class="text-sm"> {{ Object.values(val)[1] }} </span>
+                  </div>
+                  <div class="flex justify-end items-center col-span-1">
+                    <div class="mr-4">
+                      {{ Object.values(val)[computedData.length] }}
+                    </div>
+                  </div>
+                </div>
+              </template>
+              <template #default>
+                <div
+                  class="flex justify-between items-center even:bg-inherit odd:bg-[rgb(var(--bg-1))] rounded-lg p-3"
+                  v-for="(val1, index1) in Object.entries(val).slice(
+                    2,
+                    Object.entries(val).length
+                  )"
+                  :key="index1"
+                >
+                  <span>
+                    {{ camelCasetoTitle(val1[0]) }}
+                  </span>
+                  <span>
+                    {{ val1[1] }}
+                  </span>
+                </div>
+              </template>
+            </rs-collapse-item>
+          </rs-collapse>
+        </div>
+      </client-only>
+    </div>
+    <div v-if="advanced" class="table-footer">
+      <div class="flex justify-center items-center gap-x-2">
+        <span class="text-sm text-[rgb(var(--text-color))] hidden md:block"
+          >Showing {{ pageSize * currentPage - pageSize + 1 }} to
+          {{ pageSize * currentPage }} of {{ totalEntries }} entries</span
+        >
+      </div>
+      <div class="table-footer-page">
+        <rs-button
+          :variant="`${
+            options.variant == 'default' ? 'primary' : options.variant
+          }-outline`"
+          class="!rounded-full !p-1 !w-8 !h-8"
+          @click="firstPage"
+          :disabled="currentPage == 1"
+        >
+          <Icon name="ic:round-keyboard-double-arrow-left" size="1rem"></Icon>
+        </rs-button>
+        <rs-button
+          :variant="`${
+            options.variant == 'default' ? 'primary' : options.variant
+          }-outline`"
+          class="!rounded-full !p-1 !w-8 !h-8"
+          @click="prevPage"
+          :disabled="currentPage == 1"
+        >
+          <Icon name="ic:round-keyboard-arrow-left" size="1rem"></Icon>
+        </rs-button>
+        <rs-button
+          :variant="`${
+            currentPage == val && options.variant != 'default'
+              ? options.variant
+              : currentPage == val && options.variant == 'default'
+              ? 'primary'
+              : options.variant == 'default'
+              ? 'primary-outline'
+              : options.variant + '-outline'
+          }`"
+          class="!rounded-full !p-1 !w-8 !h-8"
+          v-for="(val, index) in pages"
+          :key="index"
+          @click="pageChange(val)"
+        >
+          {{ val }}
+        </rs-button>
+        <rs-button
+          :variant="`${
+            options.variant == 'default' ? 'primary' : options.variant
+          }-outline`"
+          class="!rounded-full !p-1 !w-8 !h-8"
+          @click="nextPage"
+          :disabled="currentPage == totalPage"
+        >
+          <Icon name="ic:round-keyboard-arrow-right" size="1rem"></Icon>
+        </rs-button>
+        <rs-button
+          :variant="`${
+            options.variant == 'default' ? 'primary' : options.variant
+          }-outline`"
+          class="!rounded-full !p-1 !w-8 !h-8"
+          @click="lastPage"
+          :disabled="currentPage == totalPage"
+        >
+          <Icon name="ic:round-keyboard-double-arrow-right" size="1rem"></Icon>
+        </rs-button>
+      </div>
+    </div>
+  </div>
+  <div v-else class="table-wrapper p-4">
+    <div
+      class="border border-[rgb(var(--border-color))] rounded-lg overflow-hidden"
+    >
+      <div
+        class="bg-[rgb(var(--bg-2))] p-4 border-b border-[rgb(var(--border-color))]"
+      >
+        <h3 class="text-lg font-semibold text-[rgb(var(--text-color))]"></h3>
+      </div>
+      <div class="p-8 text-center">
+        <Icon name="mdi:table-off" class="text-gray-300 mb-4" size="48px" />
+        <p class="text-[rgb(var(--text-color))] text-lg font-medium">
+          Tiada data
+        </p>
+        <p class="text-gray-500 mt-2">
+          Tiada entri untuk dipaparkan pada masa ini.
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/components/RsWizard.vue b/components/RsWizard.vue
new file mode 100644
index 0000000..86ffb1b
--- /dev/null
+++ b/components/RsWizard.vue
@@ -0,0 +1,228 @@
+<script setup>
+import { getNode, createMessage } from "@formkit/core";
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: "top",
+  },
+  steps: {
+    type: Array,
+    default: () => ["Default"],
+  },
+  currentStep: {
+    type: String,
+    default: "",
+  },
+  form: {
+    type: Boolean,
+    default: false,
+  },
+  formSubmit: {
+    type: Function,
+    default: () => {},
+  },
+  formAction: {
+    type: Boolean,
+    default: true,
+  },
+  formStepRequired: {
+    type: Boolean,
+    default: true,
+  },
+  formStepBack: {
+    type: Boolean,
+    default: false,
+  },
+  formNavigate: {
+    type: Boolean,
+    default: true,
+  },
+  formErrorCounter: {
+    type: Boolean,
+    default: true,
+  },
+});
+
+const step = reactive({});
+const activeStep = ref(props.currentStep);
+const stepNames = ref(props.steps);
+const visitedSteps = ref([]);
+
+const toLowerCase = (str) => str.toLowerCase().replace(/\s/g, "");
+const stepIndex = (stepName) => stepNames.value.indexOf(stepName);
+
+watch(activeStep, (newStep, oldStep) => {
+  if (oldStep && !visitedSteps.value.includes(oldStep)) {
+    visitedSteps.value.push(oldStep);
+  }
+
+  // NEW: trigger showing validation on fields
+  // within all visited steps
+  visitedSteps.value.forEach((step) => {
+    const node = getNode(step);
+    if (node != undefined)
+      node.walk((n) => {
+        n.store.set(
+          createMessage({
+            key: "submitted",
+            value: true,
+            visible: false,
+          })
+        );
+      });
+  });
+});
+
+const nextStep = (stepName) => {
+  const stepNames = Object.keys(step);
+  const currentIndex = stepNames.indexOf(activeStep.value);
+  const nextIndex = stepNames.indexOf(stepName);
+
+  if (props.formStepRequired) {
+    if (!props.formStepBack) {
+      if (nextIndex > currentIndex) {
+        if (step[activeStep.value].valid) {
+          activeStep.value = stepName;
+        } else {
+          const node = getNode(activeStep.value);
+          if (node)
+            node.walk((n) => {
+              n.store.set(
+                createMessage({
+                  key: "submitted",
+                  value: true,
+                  visible: false,
+                })
+              );
+            });
+        }
+      }
+    } else {
+      if (step[activeStep.value].valid || currentIndex > nextIndex) {
+        activeStep.value = stepName;
+      } else {
+        const node = getNode(activeStep.value);
+        if (node)
+          node.walk((n) => {
+            n.store.set(
+              createMessage({
+                key: "submitted",
+                value: true,
+                visible: false,
+              })
+            );
+          });
+      }
+    }
+  } else {
+    activeStep.value = stepName;
+  }
+};
+
+const setStep = (delta) => {
+  const stepNames = Object.keys(step);
+  const currentIndex = stepNames.indexOf(activeStep.value);
+  nextStep(stepNames[currentIndex + delta]);
+};
+
+const stepPlugin = (node) => {
+  if (node.props.type == "group") {
+    // builds an object of the top-level groups
+    step[node.name] = step[node.name] || {};
+
+    node.on("created", () => {
+      // use 'on created' to ensure context object is available
+      step[node.name].valid = toRef(node.context.state, "valid");
+    });
+
+    // listen for changes in error count and store it
+    node.on("count:errors", ({ payload: count }) => {
+      step[node.name].errorCount = count;
+    });
+
+    // listen for changes in count of blocking validations messages
+    node.on("count:blocking", ({ payload: count }) => {
+      step[node.name].blockingCount = count;
+    });
+
+    // set the active tab to the 1st tab
+    if (activeStep.value === "") {
+      activeStep.value = node.name;
+    }
+
+    // Stop plugin inheritance to descendant nodes
+    return false;
+  }
+};
+
+const checkStepValidity = (stepName) => {
+  if (step[stepName]) {
+    return (
+      (step[stepName].errorCount > 0 || step[stepName].blockingCount > 0) &&
+      visitedSteps.value.includes(stepName)
+    );
+  }
+};
+</script>
+
+<template>
+  <FormKit
+    type="form"
+    :plugins="[stepPlugin]"
+    :actions="formAction ? true : false"
+    @submit="formSubmit ? formSubmit() : ''"
+    :form-class="{ 'top-form': type == 'top', 'left-form': type == 'left' }"
+  >
+    <ul :class="{ 'top-steps': type == 'top', 'left-steps': type == 'left' }">
+      <li
+        v-for="(stepName, index) in stepNames"
+        :key="index"
+        :class="['step', { 'has-errors': checkStepValidity(stepName) }]"
+        @click="nextStep(stepName)"
+        :data-step-active="activeStep === stepName"
+        :data-step-completed="stepIndex(stepName) < stepIndex(activeStep)"
+      >
+        <div class="counter">{{ index + 1 }}.</div>
+        {{ stepName }}
+        <span
+          v-show="formErrorCounter"
+          v-if="checkStepValidity(stepName)"
+          class="step--errors"
+          v-text="step[stepName].errorCount + step[stepName].blockingCount"
+        />
+        <div class="progress"></div>
+      </li>
+    </ul>
+
+    <div class="form-wizard">
+      <section
+        v-for="(stepName, index) in stepNames"
+        :key="index"
+        v-show="activeStep === stepName"
+      >
+        <FormKit type="group" :id="stepName" :name="stepName">
+          <slot
+            :name="stepName === 'Default' ? 'default' : toLowerCase(stepName)"
+          >
+          </slot>
+        </FormKit>
+      </section>
+    </div>
+    <div v-if="formNavigate" class="flex justify-between">
+      <FormKit
+        type="button"
+        :disabled="stepIndex(activeStep) == 0"
+        @click="setStep(-1)"
+        v-text="'Previous step'"
+      />
+      <FormKit
+        type="button"
+        :disabled="stepIndex(activeStep) == stepNames.length - 1"
+        class="next"
+        @click="setStep(1)"
+        v-text="'Next step'"
+      />
+    </div>
+  </FormKit>
+</template>
diff --git a/components/VoiceReader.vue b/components/VoiceReader.vue
new file mode 100644
index 0000000..8fe3d04
--- /dev/null
+++ b/components/VoiceReader.vue
@@ -0,0 +1,35 @@
+<template>
+  <div class="voice-reader">
+    <rs-button
+      @click="toggleReading"
+      :variant="isReading ? 'danger' : 'primary'"
+      class="p-2 rounded-full"
+    >
+      <Icon
+        :name="isReading ? 'ph:ear' : 'ph:ear-slash'"
+        :class="['text-2xl', { 'animate-pulse text-white': isReading }]"
+      />
+    </rs-button>
+    <span ref="announceElement" class="sr-only" aria-live="polite"></span>
+  </div>
+</template>
+
+<script setup>
+import { useVoiceReader } from "~/composables/useVoiceReader";
+
+const { isReading, toggleReading, announceElement } = useVoiceReader();
+</script>
+
+<style scoped>
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+</style>
diff --git a/components/draggable/nested.vue b/components/draggable/nested.vue
new file mode 100644
index 0000000..1d0239e
--- /dev/null
+++ b/components/draggable/nested.vue
@@ -0,0 +1,33 @@
+<script setup>
+import DraggableNested from "~/components/draggable/nested.vue";
+const props = defineProps({
+  tasks: {
+    required: true,
+    type: Array,
+  },
+});
+</script>
+
+<template>
+  <draggable
+    class="dragArea"
+    tag="ul"
+    :list="tasks"
+    :group="{ name: 'g1' }"
+    item-key="name"
+  >
+    <template #item="{ element }">
+      <li>
+        <p>{{ element.name }}</p>
+        <DraggableNested :tasks="element.tasks" />
+      </li>
+    </template>
+  </draggable>
+</template>
+
+<style scoped>
+.dragArea {
+  min-height: 50px;
+  outline: 1px dashed;
+}
+</style>
diff --git a/components/draggable/sideMenuNested.vue b/components/draggable/sideMenuNested.vue
new file mode 100644
index 0000000..0596c5b
--- /dev/null
+++ b/components/draggable/sideMenuNested.vue
@@ -0,0 +1,533 @@
+<script setup>
+import DraggableSideMenuNested from "~/components/draggable/sideMenuNested.vue";
+const props = defineProps({
+  menus: {
+    required: true,
+    type: Array,
+  },
+  count: {
+    required: false,
+    default: 0,
+    type: Number,
+  },
+  parentMenu: {
+    required: false,
+    default: [],
+    type: Array,
+  },
+});
+
+const emits = defineEmits(["changeSideMenu"]);
+
+const showModal = ref(false);
+const type = ref(null);
+const formMenu = ref({
+  index: null,
+  name: null,
+  title: null,
+  path: null,
+  icon: null,
+});
+
+const formHeader = ref({
+  index: null,
+  header: null,
+  description: null,
+});
+
+const viewPermissionType = ref([
+  {
+    label: "All",
+    value: "all",
+  },
+  {
+    label: "User",
+    value: "user",
+  },
+  {
+    label: "Role",
+    value: "role",
+  },
+]);
+const viewPermissionTypeRadio = ref("");
+const roleList = ref([]);
+const userList = ref([]);
+
+const selectListValue = ref([]);
+
+const checkAll = ref(false);
+
+//  watch viewPermissionTypeRadio
+watch(
+  viewPermissionTypeRadio,
+  async (val) => {
+    if (val == "") viewPermissionTypeRadio.value = "all";
+    else if (val == "user") await getUserList();
+    else if (val == "role") await getRoleList();
+
+    // Check if selectListValue doesnt match with user or role list then reset selectListValue
+    if (val == "user") {
+      selectListValue.value = selectListValue.value.filter((item) => {
+        return userList.value.some((user) => user.value == item.value);
+      });
+    } else if (val == "role") {
+      selectListValue.value = selectListValue.value.filter((item) => {
+        return roleList.value.some((role) => role.value == item.value);
+      });
+    }
+
+    checkAll.value = false;
+  },
+  { immediate: true }
+);
+
+// watch checkAll
+watch(
+  checkAll,
+  (val) => {
+    if (val) {
+      if (viewPermissionTypeRadio.value == "user") {
+        selectListValue.value = userList.value.map((user) => {
+          return {
+            label: user.label,
+            value: user.value,
+          };
+        });
+      } else if (viewPermissionTypeRadio.value == "role") {
+        selectListValue.value = roleList.value.map((role) => {
+          return {
+            label: role.label,
+            value: role.value,
+          };
+        });
+      }
+    } else {
+      selectListValue.value = [];
+    }
+  },
+  { immediate: true }
+);
+
+const getUserList = async () => {
+  const { data } = await useFetch("/api/devtool/menu/user-list");
+  if (data.value?.statusCode === 200) {
+    userList.value = data.value.data.map((user) => {
+      return {
+        label: user.userUsername,
+        value: user.userUsername,
+      };
+    });
+  }
+};
+
+const getRoleList = async () => {
+  const { data } = await useFetch("/api/devtool/menu/role-list");
+
+  if (data.value?.statusCode === 200) {
+    roleList.value = data.value.data.map((role) => {
+      return {
+        label: role.roleName,
+        value: role.roleName,
+      };
+    });
+  }
+};
+
+const clone = (obj) => {
+  return JSON.parse(JSON.stringify(obj));
+};
+
+// Modal functions
+const openModal = () => {
+  showModal.value = true;
+};
+
+const assignDataMenu = (menu) => {
+  formMenu.value = {
+    index: menu.index,
+    name: menu.name,
+    title: menu.title,
+    path: menu.path,
+    icon: menu.icon,
+  };
+
+  if (menu.meta?.auth?.user) {
+    viewPermissionTypeRadio.value = "user";
+    selectListValue.value = menu.meta.auth.user.map((user) => {
+      return {
+        label: user,
+        value: user,
+      };
+    });
+  } else if (menu.meta?.auth?.role) {
+    viewPermissionTypeRadio.value = "role";
+    selectListValue.value = menu.meta.auth.role.map((role) => {
+      return {
+        label: role,
+        value: role,
+      };
+    });
+  } else {
+    viewPermissionTypeRadio.value = "all";
+  }
+};
+
+const assignDataHeader = (header) => {
+  formHeader.value = {
+    index: props.menus.indexOf(header),
+    header: header.header,
+    description: header.description,
+  };
+
+  if (header.meta?.auth?.user) {
+    viewPermissionTypeRadio.value = "user";
+    selectListValue.value = header.meta.auth.user.map((user) => {
+      return {
+        label: user,
+        value: user,
+      };
+    });
+  } else if (header.meta?.auth?.role) {
+    viewPermissionTypeRadio.value = "role";
+    selectListValue.value = header.meta.auth.role.map((role) => {
+      return {
+        label: role,
+        value: role,
+      };
+    });
+  } else {
+    viewPermissionTypeRadio.value = "all";
+  }
+};
+
+const clickOK = () => {
+  showModal.value = false;
+};
+
+const clickCancel = () => {
+  showModal.value = false;
+};
+
+// Update the menus
+const updateMenus = (menus) => {
+  emits("changeSideMenu", menus);
+};
+
+// Save the menu
+const saveEditChanges = () => {
+  let newMenu = props.menus;
+
+  if (type.value == "menu") {
+    // Overwrite the props menus
+    props.menus.map((menu) => {
+      if (menu.path == formMenu.value.path) {
+        menu.title = formMenu.value.title;
+        menu.icon = formMenu.value.icon;
+        menu.meta = {};
+
+        // Add the meta auth based on viewPermissionTypeRadio
+        if (viewPermissionTypeRadio.value == "user") {
+          menu.meta.auth = {
+            user: selectListValue.value.map((user) => {
+              return user.value;
+            }),
+          };
+        } else if (viewPermissionTypeRadio.value == "role") {
+          menu.meta.auth = {
+            role: selectListValue.value.map((role) => {
+              return role.value;
+            }),
+          };
+        }
+      }
+    });
+
+    newMenu = props.parentMenu;
+  } else if (type.value == "header") {
+    // Overwrite the props menus
+    newMenu = props.menus.map((header, index) => {
+      if (index == formHeader.value.index) {
+        header.header = formHeader.value.header;
+        header.description = formHeader.value.description;
+        header.meta = {};
+
+        // Add the meta auth based on viewPermissionTypeRadio
+        if (viewPermissionTypeRadio.value == "user") {
+          header.meta.auth = {
+            user: selectListValue.value.map((user) => {
+              return user.value;
+            }),
+          };
+        } else if (viewPermissionTypeRadio.value == "role") {
+          header.meta.auth = {
+            role: selectListValue.value.map((role) => {
+              return role.value;
+            }),
+          };
+        }
+      }
+      return header;
+    });
+  }
+
+  // Update the menus
+  updateMenus(newMenu);
+  showModal.value = false;
+};
+
+const removeChild = (type, data) => {
+  // console.log(data);
+  // console.log(type);
+  let newMenu = props.menus;
+  if (type == "menu") {
+    let parentMenu = props.parentMenu;
+
+    // Overwrite the props menus
+    newMenu = props.menus.filter((menu) => {
+      return menu.path == data;
+    });
+
+    // Remove the newMenu from the parentMenu child
+    parentMenu = parentMenu.filter((menu) => {
+      // Level 1
+      if (menu.child) {
+        menu.child.forEach((el) => {
+          // Level 2
+          if (el.child) {
+            el.child = el.child.filter((child) => {
+              return child.path != data;
+            });
+          }
+
+          if (el.path == data) {
+            menu.child.splice(menu.child.indexOf(el), 1);
+          }
+        });
+      }
+      return menu;
+    });
+
+    newMenu = parentMenu;
+  } else if (type == "header") {
+    // Remove the object array from the props menus
+    newMenu = props.menus.filter((header, index) => {
+      return index != data;
+    });
+  }
+
+  // Update the menus
+  updateMenus(newMenu);
+};
+</script>
+
+<template>
+  <div>
+    <draggable
+      class="dragArea"
+      tag="div"
+      :list="menus"
+      :group="{ name: 'menu', put: props.count == 0 ? false : true }"
+      :clone="clone"
+      item-key="id"
+    >
+      <template #item="{ element }">
+        <rs-card
+          class="p-4 !my-4 mx-0 mb-0 relative border-2 border-[rgb(var(--border-color))]"
+          :class="{
+            'py-6': count > 0,
+          }"
+        >
+          <div class="flex justify-between items-center">
+            <div class="text-left font-normal text-xs mb-2">
+              <span class="uppercase text-primary dark:text-primary">{{
+                count == 0 && element.header
+                  ? element.header
+                  : count === 0
+                  ? "(No Header)"
+                  : ""
+              }}</span>
+              <p class="text-gray-500 dark:text-gray-500">
+                {{
+                  count == 0 && element.description
+                    ? element.description
+                    : count === 0
+                    ? "There will be no header shown"
+                    : ""
+                }}
+              </p>
+            </div>
+            <div v-if="count == 0">
+              <Icon
+                name="material-symbols:edit-outline-rounded"
+                class="text-primary hover:text-primary/90 cursor-pointer"
+                size="20"
+                @click="
+                  type = 'header';
+                  assignDataHeader(element);
+                  openModal();
+                "
+              ></Icon>
+              <Icon
+                name="material-symbols:close-rounded"
+                class="text-primary hover:text-primary/90 cursor-pointer"
+                size="20"
+                @click="removeChild('header', menus.indexOf(element))"
+              ></Icon>
+            </div>
+          </div>
+          <div class="flex justify-between items-center">
+            <p class="flex items-center gap-2">
+              <Icon v-if="element.icon" :name="element.icon" size="22"></Icon>
+              {{ element.title }}
+            </p>
+            <div v-if="count > 0">
+              <Icon
+                name="material-symbols:edit-outline-rounded"
+                class="text-primary hover:text-primary/90 cursor-pointer"
+                size="20"
+                @click="
+                  type = 'menu';
+                  assignDataMenu(element);
+                  openModal();
+                "
+              ></Icon>
+              <Icon
+                name="material-symbols:close-rounded"
+                class="text-primary hover:text-primary/90 cursor-pointer"
+                size="20"
+                @click="removeChild('menu', element.path)"
+              ></Icon>
+            </div>
+          </div>
+          <div v-if="element?.meta?.auth" class="authuser-wrapper mt-3">
+            <div class="flex">
+              <div v-for="(val, index) in element.meta.auth.user">
+                <rs-badge
+                  v-if="index < 5"
+                  variant="danger"
+                  class="mr-1 text-sm"
+                >
+                  {{ val }}
+                </rs-badge>
+              </div>
+            </div>
+
+            <div class="flex">
+              <div v-for="(val, index) in element.meta.auth.role">
+                <rs-badge
+                  v-if="index < 5"
+                  variant="warning"
+                  class="mr-1 text-sm"
+                >
+                  {{ val }}
+                </rs-badge>
+              </div>
+            </div>
+          </div>
+
+          <DraggableSideMenuNested
+            :menus="element?.child ? element.child : []"
+            :count="count + 1"
+            :parentMenu="
+              props.parentMenu && props.parentMenu.length > 0
+                ? props.parentMenu
+                : props.menus
+            "
+            @changeSideMenu="updateMenus"
+          />
+        </rs-card>
+      </template>
+    </draggable>
+
+    <rs-modal
+      :title="type == 'header' ? 'Edit Header' : 'Edit Menu'"
+      v-model="showModal"
+      ok-title="Confirm"
+      :ok-callback="saveEditChanges"
+      :cancel-callback="clickCancel"
+    >
+      <div v-if="type == 'header'">
+        <FormKit
+          type="hidden"
+          label="Index"
+          v-model="formHeader.index"
+        ></FormKit>
+        <FormKit type="text" label="Name" v-model="formHeader.header"></FormKit>
+        <FormKit
+          type="text"
+          label="Description"
+          v-model="formHeader.description"
+        ></FormKit>
+      </div>
+      <div v-else-if="type == 'menu'">
+        <FormKit type="text" label="Title" v-model="formMenu.title"></FormKit>
+        <FormKit
+          type="text"
+          label="Path"
+          v-model="formMenu.path"
+          readonly
+        ></FormKit>
+        <FormKit type="text" label="Icon" v-model="formMenu.icon"></FormKit>
+        <div class="mb-4 text-sm">
+          <p class="font-semibold mb-2">
+            Preview Icon (<a
+              href="https://icones.js.org/collection/all"
+              class="text-primary hover:underline"
+              target="_blank"
+              >https://icones.js.org/collection/all</a
+            >)
+          </p>
+          <Icon v-if="formMenu.icon" :name="formMenu.icon"></Icon>
+        </div>
+      </div>
+      <hr class="mb-4" />
+      <h4 class="text-semibold mb-4">Menu Permission</h4>
+      <FormKit
+        type="radio"
+        label="View Type"
+        v-model="viewPermissionTypeRadio"
+        :classes="{
+          fieldset: 'border-0 !p-0',
+          legend: '!font-semibold !text-sm mb-0',
+          options: '!flex !flex-row gap-4 mt-3',
+        }"
+        :options="viewPermissionType"
+      />
+      <div
+        v-if="viewPermissionTypeRadio && viewPermissionTypeRadio != 'all'"
+        class="form-wrapper"
+      >
+        <div class="flex justify-between items-center mb-2">
+          <label
+            class="formkit-label flex items-center gap-x-4 font-semibold text-gray-700 dark:text-gray-200 blockfont-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger"
+            for="input_4"
+          >
+            {{ viewPermissionTypeRadio == "user" ? "User" : "Role" }}
+          </label>
+        </div>
+        <v-select
+          class="formkit-vselect"
+          :options="
+            viewPermissionTypeRadio == 'user'
+              ? userList
+              : viewPermissionTypeRadio == 'role'
+              ? roleList
+              : []
+          "
+          v-model="selectListValue"
+          multiple
+        ></v-select>
+        <FormKit
+          type="checkbox"
+          v-model="checkAll"
+          :label="
+            viewPermissionTypeRadio == 'user'
+              ? 'Check All User'
+              : 'Check All Role'
+          "
+          input-class="icon-check"
+        />
+      </div>
+    </rs-modal>
+  </div>
+</template>
diff --git a/components/formkit/DateTimePicker.vue b/components/formkit/DateTimePicker.vue
new file mode 100644
index 0000000..6737d41
--- /dev/null
+++ b/components/formkit/DateTimePicker.vue
@@ -0,0 +1,13 @@
+<script setup>
+const props = defineProps({
+  context: Object,
+});
+
+function handleInput(e) {
+  props.context.node.input(e.target.value);
+}
+</script>
+
+<template>
+  <input @input="handleInput" :value="props.context._value" />
+</template>
diff --git a/components/formkit/FileDropzone.vue b/components/formkit/FileDropzone.vue
new file mode 100644
index 0000000..57743b7
--- /dev/null
+++ b/components/formkit/FileDropzone.vue
@@ -0,0 +1,139 @@
+<script setup>
+/* eslint-disable */
+import { useDropzone } from "vue3-dropzone";
+
+const props = defineProps({
+  context: Object,
+});
+
+const fileBase64 = ref([]);
+const files = ref([]);
+let err = ref(false);
+let errmsg = ref("");
+
+const accept = props.context.accept;
+const multiple = props.context.multiple;
+const maxSize = props.context.maxSize;
+const minSize = props.context.minSize;
+const maxFiles = props.context.maxFiles;
+const disabled = props.context.disabled;
+
+const toBase64 = (file) =>
+  new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = (error) => reject(error);
+  });
+
+async function onDrop(fileList, fileError, event) {
+  if (fileError.length == 0) {
+    err.value = false;
+    errmsg.value = "";
+    for (let i = 0; i < fileList.length; i++) {
+      const base64 = await toBase64(fileList[i]);
+      fileBase64.value.push({ data: fileList[i], base64 });
+      files.value.push([fileList[i]]);
+    }
+  } else {
+    err.value = true;
+    errmsg.value = fileError[0].errors[0].message;
+  }
+
+  updateNodeValue();
+}
+
+async function removeFiles(index) {
+  fileBase64.value.splice(index, 1);
+  files.value.splice(index, 1);
+  updateNodeValue();
+}
+
+function updateNodeValue() {
+  props.context.node.input(files.value);
+}
+
+const { getRootProps, getInputProps, isDragActive } = useDropzone({
+  onDrop,
+  accept,
+  multiple: multiple === "true" ? true : false,
+  maxSize: maxSize ? parseInt(maxSize) : Infinity,
+  minSize: minSize ? parseInt(minSize) : 0,
+  maxFiles: maxFiles ? parseInt(maxFiles) : 0,
+  disabled: disabled === "true" ? true : false,
+});
+</script>
+
+<template>
+  <!-- eslint-disable -->
+
+  <div :class="context.classes.dropzone">
+    <div v-bind="getRootProps()" class="cursor-pointer">
+      <input v-bind="getInputProps()" />
+      <div class="flex items-center justify-center h-36">
+        <div>
+          <Icon
+            class="!block m-auto mb-3"
+            size="30px"
+            name="ic:outline-upload-file"
+          />
+          <p class="text-center" v-if="isDragActive">Drop the files here ...</p>
+          <p v-else>Drop files or click here to upload files</p>
+        </div>
+      </div>
+    </div>
+    <div
+      id="fileList"
+      class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4"
+      v-auto-animate
+    >
+      <div
+        v-for="(file, index) in fileBase64"
+        class="relative overflow-hidden w-full h-20 md:h-36 rounded-lg border-2 border-[rgb(var(--border-color))]"
+        v-auto-animate
+      >
+        <img
+          v-if="file.data.type.includes('image')"
+          :src="file.base64"
+          class="w-full h-20 md:h-36 object-cover object-center rounded-lg"
+        />
+        <div
+          v-else
+          class="h-full flex items-center justify-center opacity-50 text-primary font-semibold uppercase text-xl whitespace-nowrap"
+        >
+          {{
+            file.data.name.slice(
+              ((file.data.name.lastIndexOf(".") - 1) >>> 0) + 2
+            )
+          }}
+        </div>
+        <Icon
+          name="ic:round-close"
+          @click="removeFiles(index)"
+          class="cursor-pointer absolute top-1 right-1 text-[rgb(var(--text-color))] bg-[rgb(var(--bg-2))] p-1 rounded-full"
+          size="18"
+        />
+        <div
+          class="absolute bottom-1 right-1 bg-[rgb(var(--bg-2))] px-2 rounded-lg"
+        >
+          <span class="font-semibold text-xs text-[rgb(var(--text-color))]">
+            {{ file.data.path }}
+          </span>
+        </div>
+      </div>
+    </div>
+    <ul
+      v-if="err"
+      class="formkit-messages list-none p-0 mt-1 mb-0 relative -bottom-5 -left-2"
+      aria-live="polite"
+    >
+      <li
+        class="formkit-message text-red-500 mb-1 text-xs formkit-invalid:text-red-500 dark:formkit-invalid:text-danger"
+        id="input_9-rule_required"
+        data-message-type="validation"
+      >
+        {{ errmsg }}
+      </li>
+    </ul>
+  </div>
+</template>
diff --git a/components/formkit/OneTimePassword.vue b/components/formkit/OneTimePassword.vue
new file mode 100644
index 0000000..f141fde
--- /dev/null
+++ b/components/formkit/OneTimePassword.vue
@@ -0,0 +1,83 @@
+<script setup>
+/* eslint-disable */
+
+const props = defineProps({
+  context: Object,
+});
+
+const digits = Number(props.context.digits);
+const tmp = ref(props.context.value || "");
+
+/**
+ * Handle input, advancing or retreating focus.
+ */
+function handleInput(index, e) {
+  const prev = tmp.value;
+
+  if (tmp.value.length <= index) {
+    // If this is a new digit
+    tmp.value = "" + tmp.value + e.target.value;
+  } else {
+    // If this digit is in the middle somewhere, cut the string into two
+    // pieces at the index, and insert our new digit in.
+    tmp.value =
+      "" +
+      tmp.value.substr(0, index) +
+      e.target.value +
+      tmp.value.substr(index + 1);
+  }
+
+  // Get all the digit inputs
+  const inputs = e.target.parentElement.querySelectorAll("input");
+
+  if (index < digits - 1 && tmp.value.length >= prev.length) {
+    // If this is a new input and not at the end, focus the next input
+    inputs.item(index + 1).focus();
+  } else if (index > 0 && tmp.value.length < prev.length) {
+    // in this case we deleted a value, focus backwards
+    inputs.item(index - 1).focus();
+  }
+
+  if (tmp.value.length === digits) {
+    // If our input is complete, commit the value.
+    props.context.node.input(tmp.value);
+  } else if (tmp.value.length < digits && props.context.value !== "") {
+    // If our input is incomplete, it should have no value.
+    props.context.node.input("");
+  }
+}
+
+/**
+ * On focus, select the text in our input.
+ */
+function handleFocus(e) {
+  e.target.select();
+}
+
+/**
+ * Handle the paste event.
+ */
+function handlePaste(e) {
+  const paste = e.clipboardData.getData("text");
+  if (typeof paste === "string") {
+    // If it is the right length, paste it.
+    tmp.value = paste.substr(0, digits);
+    const inputs = e.target.parentElement.querySelectorAll("input");
+    // Focus on the last character
+    inputs.item(tmp.value.length - 1).focus();
+  }
+}
+</script>
+
+<template>
+  <!-- eslint-disable -->
+  <input
+    v-for="index in digits"
+    maxlength="1"
+    :class="context.classes.digit"
+    :value="tmp[index - 1] || ''"
+    @input="handleInput(index - 1, $event)"
+    @focus="handleFocus"
+    @paste="handlePaste"
+  />
+</template>
diff --git a/components/formkit/TextMask.vue b/components/formkit/TextMask.vue
new file mode 100644
index 0000000..55a1be8
--- /dev/null
+++ b/components/formkit/TextMask.vue
@@ -0,0 +1,23 @@
+<script setup>
+/* eslint-disable */
+const props = defineProps({
+  context: Object,
+});
+
+const mask = String(props.context.mask);
+// console.log(props.context);
+
+function handleInput(e) {
+  props.context.node.input(e.target.value);
+}
+</script>
+
+<template>
+  <input
+    @input="handleInput"
+    :class="context.classes.input"
+    :value="props.context._value"
+    :placeholder="props.context.attrs.placeholder"
+    v-maska="mask"
+  />
+</template>
diff --git a/components/formkit/Toggle.vue b/components/formkit/Toggle.vue
new file mode 100644
index 0000000..3faee73
--- /dev/null
+++ b/components/formkit/Toggle.vue
@@ -0,0 +1,36 @@
+<script setup>
+const props = defineProps({
+  context: Object,
+});
+
+function handleChange(event) {
+  props.context.node.input(event.target.checked);
+}
+</script>
+
+<template>
+  <label
+    :class="context.classes.toggle"
+    class="inline-flex items-center mb-5 cursor-pointer mt-1"
+  >
+    <input
+      type="checkbox"
+      :checked="context.value"
+      :disabled="context.disabled"
+      class="sr-only peer"
+      @change="handleChange"
+    />
+    <div
+      class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:w-5 after:h-5 after:transition-all peer-checked:bg-blue-600"
+    ></div>
+    <span class="ms-3 text-sm font-medium text-gray-900">
+      {{
+        context.onLabel || context.offLabel
+          ? context.value
+            ? context.onLabel
+            : context.offLabel
+          : context.label
+      }}
+    </span>
+  </label>
+</template>
diff --git a/components/layouts/Breadcrumb.vue b/components/layouts/Breadcrumb.vue
new file mode 100644
index 0000000..76fc646
--- /dev/null
+++ b/components/layouts/Breadcrumb.vue
@@ -0,0 +1,88 @@
+<script setup>
+const route = useRoute();
+
+// Get breadcrumb from page meta
+const breadcrumb = computed(() => {
+  let breadcrumb = null;
+  const matched = route.matched;
+
+  if (matched[matched.length - 1].meta?.breadcrumb) {
+    breadcrumb = matched[matched.length - 1].meta.breadcrumb;
+  } else {
+    // if no breadcrumb in page meta, get breadcrumb from route matched
+    breadcrumb = matched.map((item) => {
+      return {
+        name: item.name,
+        path: item.path,
+      };
+    });
+
+    return breadcrumb;
+  }
+
+  // if type current overwrite path to its own path
+  if (breadcrumb) {
+    breadcrumb.forEach((item) => {
+      if (item.type == "current") {
+        item.path = route.path;
+      } else if (item.type == "parent") {
+        item.path = route.path.split("/").slice(0, -item.parentNo).join("/");
+      }
+    });
+  }
+  return breadcrumb;
+});
+
+// Get title from page meta
+const title = computed(() => {
+  const matched = route.matched;
+  const title = matched[matched.length - 1].name;
+  return title;
+});
+
+async function navigateMenu(path) {
+  try {
+    await navigateTo(path);
+  } catch (e) {
+    return;
+  }
+}
+</script>
+
+<template>
+  <div v-if="breadcrumb" class="mb-6">
+    <nav aria-label="Breadcrumb" class="mb-4">
+      <ol class="flex items-center text-sm">
+        <li class="flex items-center">
+          <NuxtLink to="/" class="text-gray-500 hover:text-gray-700">
+            <Icon name="mdi:home" size="16" />
+          </NuxtLink>
+        </li>
+        <li v-for="(item, index) in breadcrumb" :key="index" class="flex items-center">
+          <Icon
+            name="mdi:chevron-right"
+            size="16"
+            class="mx-2 text-gray-400"
+            aria-hidden="true"
+          />
+          <a
+            @click="navigateMenu(item.path)"
+            class="cursor-pointer capitalize"
+            :class="{
+              'text-gray-500 hover:text-gray-700': index !== breadcrumb.length - 1,
+              'text-primary font-medium': index === breadcrumb.length - 1,
+            }"
+            :aria-current="index === breadcrumb.length - 1 ? 'page' : undefined"
+          >
+            {{ item.name }}
+          </a>
+        </li>
+      </ol>
+    </nav>
+
+    <!-- <div class="flex justify-between items-center">
+      <h1 class="text-2xl font-semibold text-gray-800">{{ title }}</h1>
+      <slot name="right"></slot>
+    </div> -->
+  </div>
+</template>
diff --git a/components/layouts/BreadcrumbV2.vue b/components/layouts/BreadcrumbV2.vue
new file mode 100644
index 0000000..268a040
--- /dev/null
+++ b/components/layouts/BreadcrumbV2.vue
@@ -0,0 +1,98 @@
+<script setup>
+const route = useRoute();
+
+// Get breadcrumb from page meta
+const breadcrumb = computed(() => {
+  let breadcrumb = null;
+  const matched = route.matched;
+
+  if (matched[matched.length - 1].meta?.breadcrumb) {
+    breadcrumb = matched[matched.length - 1].meta.breadcrumb;
+  } else {
+    // if no breadcrumb in page meta, get breadcrumb from route matched
+    breadcrumb = matched.map((item) => {
+      return {
+        name: item.meta.title,
+        path: item.path,
+      };
+    });
+
+    return breadcrumb;
+  }
+
+  // if type current overwrite path to its own path
+  if (breadcrumb) {
+    breadcrumb.forEach((item) => {
+      if (item.type == "current") {
+        item.path = route.path;
+      } else if (item.type == "parent") {
+        item.path = route.path.split("/").slice(0, -item.parentNo).join("/");
+      }
+    });
+  }
+  return breadcrumb;
+});
+
+// Get title from page meta
+const title = computed(() => {
+  const matched = route.matched;
+  const title = matched[matched.length - 1].meta.title;
+  return title;
+});
+
+async function navigateMenu(path) {
+  try {
+    await navigateTo(path);
+  } catch (e) {
+    return;
+  }
+}
+</script>
+
+<template>
+  <div v-if="breadcrumb">
+    <div class="flex flex-col md:flex-row items-stretch justify-between">
+      <div
+        class="flex items-center"
+        v-if="breadcrumb && breadcrumb.length != 0"
+      >
+        <span
+          v-for="(item, index) in breadcrumb"
+          :key="index"
+          class="flex items-center text-primary"
+        >
+          <Icon
+            v-if="index != 0"
+            name="ic:round-chevron-right"
+            size="14"
+            class="mr-1 text-gray-500"
+          ></Icon>
+          <a
+            @click="navigateMenu(item.path)"
+            class="cursor-pointer hover:underline pr-1 font-normal text-sm text-gray-500"
+            :class="{
+              '!text-primary': breadcrumb.length - 1 == index,
+            }"
+            >{{ item.name }}</a
+          >
+        </span>
+      </div>
+
+      <slot name="right"></slot>
+    </div>
+
+    <div class="relative flex flex-col min-w-0 lg:mb-0 break-words w-full">
+      <div class="rounded-t mb-5">
+        <div class="flex flex-wrap items-center">
+          <div>
+            <div>
+              <span class="text-xl font-semibold text-gray-600">
+                {{ title }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/components/layouts/FormHeader.vue b/components/layouts/FormHeader.vue
new file mode 100644
index 0000000..9f11cbf
--- /dev/null
+++ b/components/layouts/FormHeader.vue
@@ -0,0 +1,20 @@
+<script setup></script>
+
+<template>
+  <div>
+    <div
+      class="w-full h-14 z-20 bg-white dark:bg-slate-800 fixed top-0 right-0 px-5 py-3 duration-300 shadow-md shadow-slate-200 dark:shadow-slate-900"
+    >
+      <div class="flex justify-between">
+        <div>
+          <h1 class="text-2xl font-semibold text-gray-800 dark:text-white">
+            <Icon
+              name="material-symbols:chevron-left-rounded"
+              class="inline-block w-6 h-6 mr-2"
+            />
+          </h1>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/components/layouts/Header.vue b/components/layouts/Header.vue
new file mode 100644
index 0000000..02f3678
--- /dev/null
+++ b/components/layouts/Header.vue
@@ -0,0 +1,327 @@
+<script setup>
+const isVertical = ref(true);
+const isDesktop = ref(true);
+
+const emit = defineEmits(["toggleMenu"]);
+
+// Use site settings composable
+const { siteSettings, setTheme, getCurrentTheme } = useSiteSettings();
+
+// const { locale } = useI18n();
+// const colorMode = useColorMode();
+const langList = languageList();
+
+const locale = ref("en");
+
+const themes = themeList();
+const themes2 = themeList2();
+
+function setThemeLocal(theme) {
+  setTheme(theme); // Use the site settings setTheme function
+}
+
+function rgbToHex(rgbString) {
+  // Split the input string into an array of components
+  const rgbArray = rgbString.split(",");
+
+  // Convert each component to its numeric value
+  const r = parseInt(rgbArray[0].trim(), 10);
+  const g = parseInt(rgbArray[1].trim(), 10);
+  const b = parseInt(rgbArray[2].trim(), 10);
+
+  // Convert the numeric RGB values to hexadecimal
+  const rHex = r.toString(16).padStart(2, "0");
+  const gHex = g.toString(16).padStart(2, "0");
+  const bHex = b.toString(16).padStart(2, "0");
+
+  // Concatenate the components and return the final hexadecimal color code
+  return `#${rHex}${gHex}${bHex}`;
+}
+
+// Toggle Open/Close menu
+const toggleMenu = (event) => {
+  emit("toggleMenu", event);
+};
+
+// Focus on search input
+function toggleSearch() {
+  document.getElementById("header-search").value = "";
+  document.getElementById("header-search").focus();
+}
+
+// Change language
+const changeLanguage = (lang) => {
+  locale.value = lang;
+};
+
+const languageNow = computed(() => {
+  return langList.find((lang) => lang.value == locale.value);
+});
+
+// Get current theme icon
+const currentThemeIcon = computed(() => {
+  const theme = getCurrentTheme();
+  return theme === "dark" ? "ic:outline-dark-mode" : "ic:outline-light-mode";
+});
+
+onMounted(() => {
+  // If mobile toggleMenu
+  if (window.innerWidth < 768) {
+    emit("toggleMenu", true);
+  }
+
+  // Load site settings on mount and ensure they're properly populated
+  const { loadSiteSettings } = useSiteSettings();
+  loadSiteSettings().then(() => {
+    nextTick(() => {
+      // console.log('[Header.vue] Site settings loaded. Name:', siteSettings.value?.siteName, 'ShowInHeader:', siteSettings.value?.showSiteNameInHeader, 'Logo:', siteSettings.value?.siteLogo);
+    });
+  });
+});
+
+// Add computed to ensure logo reactivity
+const currentLogo = computed(() => {
+  const logoUrl = siteSettings.value?.siteLogo;
+  if (logoUrl && logoUrl.trim() !== "") {
+    return logoUrl; // Use logo from settings if available and not empty
+  }
+  return "/img/logo/corradAF-logo.svg"; // Ultimate fallback
+});
+</script>
+
+<template>
+  <div class="w-header">
+    <div class="flex items-stretch justify-between">
+      <div v-if="isVertical" class="flex">
+        <span class="flex items-center justify-center">
+          <button class="icon-btn h-10 w-10 rounded-full" @click="toggleMenu">
+            <Icon name="ic:round-menu" class="" />
+          </button>
+        </span>
+        <!-- Site logo and name for vertical layout - only show if explicitly enabled -->
+        <div
+          v-if="siteSettings?.value?.showSiteNameInHeader"
+          class="flex items-center ml-4"
+        >
+          <img
+            :src="currentLogo"
+            :alt="siteSettings?.value?.siteName || 'Site Logo'"
+            class="h-8 block"
+            @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+          />
+          <span
+            v-if="siteSettings?.value?.siteName"
+            class="text-lg font-semibold"
+            :class="{ 'ml-3': siteSettings?.value?.siteLogo }"
+            :style="{
+              fontSize: (siteSettings?.value?.siteNameFontSize || 18) + 'px',
+            }"
+          >
+            {{ siteSettings?.value?.siteName }}
+          </span>
+        </div>
+      </div>
+      <div class="flex" v-else>
+        <nuxt-link to="/">
+          <div class="flex flex-auto gap-3 justify-center items-center">
+            <img
+              :src="currentLogo"
+              :alt="siteSettings?.value?.siteName || 'Site Logo'"
+              class="h-8 block"
+              @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+            />
+            <span
+              v-if="
+                siteSettings?.value?.siteName && siteSettings?.value?.showSiteNameInHeader
+              "
+              class="text-lg font-semibold"
+              :style="{
+                fontSize: (siteSettings?.value?.siteNameFontSize || 18) + 'px',
+              }"
+            >
+              {{ siteSettings?.value?.siteName }}
+            </span>
+          </div>
+        </nuxt-link>
+      </div>
+
+      <div class="flex gap-2 item-center justify-items-end">
+        <VoiceReader class="ml-4" />
+
+        <!-- New dropdown for themeList.js -->
+        <VDropdown placement="bottom-end" distance="13" name="theme">
+          <button class="icon-btn h-10 w-10 rounded-full">
+            <Icon size="22px" name="ph:paint-brush-broad" />
+          </button>
+          <template #popper>
+            <ul class="header-dropdown w-full md:w-52">
+              <li v-for="(val, index) in themes" :key="index">
+                <a
+                  @click="setThemeLocal(val.theme)"
+                  class="flex justify-between items-center cursor-pointer py-2 px-4 hover:bg-[rgb(var(--bg-1))]"
+                >
+                  <span class="capitalize"> {{ val.theme }} </span>
+                  <div class="flex items-center gap-x-1">
+                    <div
+                      v-for="(color, colorIndex) in val.colors"
+                      :key="colorIndex"
+                      class="h-[25px] w-[10px] rounded-lg"
+                      :style="{
+                        backgroundColor: rgbToHex(color.value),
+                      }"
+                    ></div>
+                  </div>
+                </a>
+              </li>
+            </ul>
+          </template>
+        </VDropdown>
+
+        <!-- New dropdown for themeList2.js -->
+        <VDropdown placement="bottom-end" distance="13" name="theme2">
+          <button class="icon-btn h-10 w-10 rounded-full">
+            <Icon size="22px" name="ph:wheelchair" />
+          </button>
+          <template #popper>
+            <ul class="header-dropdown w-full md:w-52">
+              <li v-for="(val, index) in themes2" :key="index">
+                <a
+                  @click="setThemeLocal(val.theme)"
+                  class="flex justify-between items-center cursor-pointer py-2 px-4 hover:bg-[rgb(var(--bg-1))]"
+                >
+                  <span class="capitalize"> {{ val.theme }} </span>
+                  <div class="flex items-center gap-x-1">
+                    <div
+                      v-for="(color, colorIndex) in val.colors"
+                      :key="colorIndex"
+                      class="h-[25px] w-[10px] rounded-lg"
+                      :style="{
+                        backgroundColor: rgbToHex(color.value),
+                      }"
+                    ></div>
+                  </div>
+                </a>
+              </li>
+            </ul>
+          </template>
+        </VDropdown>
+
+        <VDropdown placement="bottom-end" distance="13" name="notification">
+          <button class="relative icon-btn h-10 w-10 rounded-full">
+            <span class="w-3 h-3 absolute top-1 right-2 rounded-full bg-primary"></span>
+            <Icon name="ic:round-notifications-none" class="" />
+          </button>
+          <template #popper>
+            <ul class="header-dropdown w-full md:w-80 text-[#4B5563]">
+              <li class="d-head flex items-center justify-between py-2 px-4">
+                <span class="font-semibold">Notification</span>
+                <div
+                  class="flex items-center text-primary cursor-pointer hover:underline"
+                >
+                  <a class="ml-2">View All</a>
+                </div>
+              </li>
+              <NuxtScrollbar>
+                <li>
+                  <div class="bg-[rgb(var(--bg-1))] py-2 px-4">Today</div>
+                  <a class="py-2 px-4 block">
+                    <div class="flex items-center">
+                      <Icon name="ic:outline-circle" class="text-primary flex-none" />
+                      <span class="mx-2"
+                        >Terdapat Satu Pembayaran yang berlaku menggunakan bil Kuih Raya
+                        Cik Kiah</span
+                      >
+                      <div class="w-12 h-12 rounded-full ml-auto flex-none">
+                        <img class="rounded-full" src="@/assets/img/user/default.svg" />
+                      </div>
+                    </div>
+                  </a>
+                  <a class="py-2 px-4 block">
+                    <div class="flex items-center">
+                      <Icon name="ic:outline-circle" class="text-primary flex-none" />
+                      <span class="mx-2"
+                        >Terdapat Satu Pembayaran yang berlaku menggunakan bil
+                        Mercun</span
+                      >
+                      <div class="w-12 h-12 rounded-full ml-auto flex-none">
+                        <img
+                          class="rounded-full"
+                          src="@/assets/img/user/default.svg"
+                          alt=""
+                        />
+                      </div>
+                    </div>
+                  </a>
+                </li>
+              </NuxtScrollbar>
+            </ul>
+          </template>
+        </VDropdown>
+
+        <VDropdown
+          placement="bottom-end"
+          distance="13"
+          name="profile"
+          class="flex justify-center item-center"
+        >
+          <button class="icon-btn profile px-2">
+            <img
+              class="w-8 h-8 object-cover rounded-full"
+              src="@/assets/img/user/default.svg"
+            />
+            <div v-if="isDesktop" class="grid grid-cols-1 text-left ml-3 flex-none">
+              <p class="font-semibold text-sm truncate w-24 mb-0">Johan</p>
+            </div>
+            <Icon name="ic:outline-keyboard-arrow-down" class="ml-3" />
+          </button>
+          <template #popper>
+            <ul class="header-dropdown w-full md:w-52">
+              <li>
+                <a
+                  href="/logout"
+                  class="flex items-center cursor-pointer py-2 px-4 hover:bg-[rgb(var(--bg-1))]"
+                >
+                  <Icon name="ic:outline-logout" class="mr-2" />
+                  Logout
+                </a>
+              </li>
+            </ul>
+          </template>
+        </VDropdown>
+      </div>
+    </div>
+  </div>
+
+  <!-- Search Nav for Layout Vertical -->
+  <div tabindex="0" class="w-header-search">
+    <Icon name="ic:outline-search" class="mr-3" />
+    <FormKit
+      id="header-search"
+      :classes="{
+        outer: 'mb-0 flex-1',
+      }"
+      type="search"
+      placeholder="Search..."
+    />
+  </div>
+</template>
+
+<style scoped>
+:deep(.popper) {
+  background: #e92791;
+  padding: 20px;
+  border-radius: 20px;
+  color: #fff;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
+:deep(.popper #arrow::before) {
+  background: #e92791;
+}
+
+:deep(.popper:hover),
+:deep(.popper:hover > #arrow::before) {
+  background: #e92791;
+}
+</style>
diff --git a/components/layouts/configmenu/index.vue b/components/layouts/configmenu/index.vue
new file mode 100644
index 0000000..acc60ec
--- /dev/null
+++ b/components/layouts/configmenu/index.vue
@@ -0,0 +1,241 @@
+<script setup>
+import { useThemeStore } from "~/stores/theme";
+
+const colorMode = useColorMode();
+const themeStore = useThemeStore();
+
+const hideConfigMenu = ref(true);
+const rgbColor = ref({});
+
+const hexToRgb = (hex) => {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return `${r}, ${g}, ${b}`;
+};
+
+const setThemeColor = (type, color) => {
+  themeStore.setThemeColor(type, color);
+
+  // Remove Color form type string
+  const colorType = type.replace("Color", "").toLowerCase();
+  document.documentElement.style.setProperty(
+    `--color-${colorType}`,
+    hexToRgb(color)
+  );
+};
+
+function setColorMode() {
+  if (colorMode.preference == "light") {
+    colorMode.preference = "dark";
+
+    document.documentElement.classList.remove("light");
+    document.documentElement.classList.add("dark");
+  } else {
+    colorMode.preference = "light";
+
+    document.documentElement.classList.remove("dark");
+    document.documentElement.classList.add("light");
+  }
+}
+
+const setThemeGlobal = () => {
+  rgbColor.value.primary = themeStore.primaryColor;
+  rgbColor.value.secondary = themeStore.secondaryColor;
+  rgbColor.value.info = themeStore.infoColor;
+  rgbColor.value.success = themeStore.successColor;
+  rgbColor.value.warning = themeStore.warningColor;
+  rgbColor.value.danger = themeStore.dangerColor;
+
+  document.documentElement.style.setProperty(
+    "--color-primary",
+    hexToRgb(themeStore.primaryColor)
+  );
+  document.documentElement.style.setProperty(
+    "--color-secondary",
+    hexToRgb(themeStore.secondaryColor)
+  );
+  document.documentElement.style.setProperty(
+    "--color-info",
+    hexToRgb(themeStore.infoColor)
+  );
+  document.documentElement.style.setProperty(
+    "--color-success",
+    hexToRgb(themeStore.successColor)
+  );
+  document.documentElement.style.setProperty(
+    "--color-warning",
+    hexToRgb(themeStore.warningColor)
+  );
+  document.documentElement.style.setProperty(
+    "--color-danger",
+    hexToRgb(themeStore.dangerColor)
+  );
+};
+
+onMounted(() => {
+  setThemeGlobal();
+});
+
+const resetTheme = () => {
+  themeStore.resetThemeColor();
+  setThemeGlobal();
+};
+</script>
+
+<template>
+  <div>
+    <div
+      :class="{
+        'right-[-300px]': hideConfigMenu,
+      }"
+      class="h-full w-[300px] bg-white dark:bg-slate-800 fixed top-0 right-0 z-20 shadow-md shadow-slate-200 dark:shadow-slate-900 duration-300"
+    >
+      <div
+        @click="hideConfigMenu = !hideConfigMenu"
+        class="py-3 px-4 bg-primary text-white rounded-l-lg absolute bottom-1 left-[-53px] cursor-pointer hover:bg-primary/90 hidden md:block"
+      >
+        <Icon name="fluent:paint-brush-16-regular" size="22px" />
+      </div>
+      <div class="p-4 flex font-normal border-b">
+        <p class="flex-1">
+          <span class="font-bold text-base text-gray-600 dark:text-white"
+            >Theme Customizer</span
+          >
+          <br />
+          <span class="text-sm text-gray-500 dark:text-gray-300">
+            Customize Theme Real Time
+          </span>
+        </p>
+        <div class="flex justify-center items-center">
+          <Icon
+            @click="hideConfigMenu = !hideConfigMenu"
+            class="cursor-pointer"
+            name="material-symbols:close-rounded"
+          />
+        </div>
+      </div>
+      <div class="p-4">
+        <p class="text-sm mb-3 font-bold">Color Mode</p>
+        <FormKit
+          v-model="colorMode.value"
+          type="radio"
+          label="Theme"
+          :options="[
+            {
+              label: 'Light',
+              value: 'light',
+            },
+            {
+              label: 'Dark',
+              value: 'dark',
+            },
+          ]"
+          :classes="{
+            fieldset: 'border-0 !p-0',
+            legend: '!font-medium !text-sm mb-0',
+            options: '!flex !flex-row gap-4 mt-2',
+            input: '!rounded-full',
+          }"
+          @change="setColorMode"
+        />
+        <div class="flex justify-between">
+          <p class="text-sm mb-3 font-bold">Theming</p>
+          <a
+            @click="resetTheme"
+            class="underline text-blue-600 cursor-pointer hover:text-blue-400"
+            >Reset</a
+          >
+        </div>
+
+        <div class="grid grid-cols-2">
+          <FormKit
+            type="color"
+            v-model="rgbColor.primary"
+            label="Primary"
+            :classes="{
+              label: '!font-medium !text-sm mb-0',
+              outer: '!mb-0',
+            }"
+            @input="setThemeColor('primaryColor', rgbColor.primary)"
+          />
+
+          <FormKit
+            type="color"
+            v-model="rgbColor.secondary"
+            label="Secondary"
+            :classes="{
+              label: '!font-medium !text-sm mb-0',
+              outer: '!mb-0',
+            }"
+            @input="setThemeColor('secondaryColor', rgbColor.secondary)"
+          />
+
+          <FormKit
+            type="color"
+            v-model="rgbColor.info"
+            label="Info"
+            :classes="{
+              label: '!font-medium !text-sm mb-0',
+              outer: '!mb-0',
+            }"
+            @input="setThemeColor('infoColor', rgbColor.info)"
+          />
+
+          <FormKit
+            type="color"
+            v-model="rgbColor.success"
+            label="Success"
+            :classes="{
+              label: '!font-medium !text-sm mb-0',
+              outer: '!mb-0',
+            }"
+            @input="setThemeColor('successColor', rgbColor.success)"
+          />
+
+          <FormKit
+            type="color"
+            v-model="rgbColor.warning"
+            label="Warning"
+            :classes="{
+              label: '!font-medium !text-sm mb-0',
+              outer: '!mb-0',
+            }"
+            @input="setThemeColor('warningColor', rgbColor.warning)"
+          />
+
+          <FormKit
+            type="color"
+            v-model="rgbColor.danger"
+            label="Danger"
+            :classes="{
+              label: '!font-medium !text-sm mb-0',
+              outer: '!mb-0',
+            }"
+            @input="setThemeColor('dangerColor', rgbColor.danger)"
+          />
+        </div>
+        <hr class="my-4" />
+        <p class="text-sm mb-3 font-bold">Preview</p>
+        <rs-button variant="primary" class="w-full mb-4 cursor-default">
+          Primary Color
+        </rs-button>
+        <rs-button variant="secondary" class="w-full mb-4 cursor-default">
+          Secondary Color
+        </rs-button>
+        <rs-button variant="info" class="w-full mb-4 cursor-default">
+          Info Color
+        </rs-button>
+        <rs-button variant="success" class="w-full mb-4 cursor-default">
+          Success Color
+        </rs-button>
+        <rs-button variant="warning" class="w-full mb-4 cursor-default">
+          Warning Color
+        </rs-button>
+        <rs-button variant="danger" class="w-full mb-4 cursor-default">
+          Danger Color
+        </rs-button>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/components/layouts/horizontal/index.vue b/components/layouts/horizontal/index.vue
new file mode 100644
index 0000000..4322d41
--- /dev/null
+++ b/components/layouts/horizontal/index.vue
@@ -0,0 +1,7 @@
+<script setup>
+</script>
+
+<template>
+  <div></div>
+</template>
+
diff --git a/components/layouts/index.vue b/components/layouts/index.vue
new file mode 100644
index 0000000..c6e9aa9
--- /dev/null
+++ b/components/layouts/index.vue
@@ -0,0 +1,25 @@
+<script setup>
+import { useThemeStore } from "~/stores/theme";
+
+// Import Layout Components
+import RSVertical from "~/components/layouts/vertical/index.vue";
+import RSHorizontal from "~/components/layouts/horizontal/index.vue";
+
+const themeStore = useThemeStore();
+const layoutType = themeStore.layoutType;
+</script>
+
+<template>
+  <div class="layout-wrapper">
+    <div v-if="layoutType === 'vertical'" class="v-layout h-100">
+      <RSVertical>
+        <slot />
+      </RSVertical>
+    </div>
+    <div v-if="layoutType === 'horizontal'" class="h-layout h-100">
+      <RSHorizontal>
+        <slot />
+      </RSHorizontal>
+    </div>
+  </div>
+</template>
diff --git a/components/layouts/sidemenu/Item.vue b/components/layouts/sidemenu/Item.vue
new file mode 100644
index 0000000..f155f84
--- /dev/null
+++ b/components/layouts/sidemenu/Item.vue
@@ -0,0 +1,166 @@
+<script setup>
+import { useLayoutStore } from "~/stores/layout";
+import { useWindowSize } from "vue-window-size";
+import RSChildItem from "~/components/layouts/sidemenu/ItemChild.vue";
+import { useUserStore } from "~/stores/user";
+
+const layoutStore = useLayoutStore();
+const mobileWidth = layoutStore.mobileWidth;
+const { width } = useWindowSize();
+
+const user = useUserStore();
+const route = useRoute();
+const props = defineProps({
+  items: {
+    type: Array,
+    default: () => [],
+    required: true,
+  },
+});
+
+const username = user.username;
+const roles = user.roles;
+
+const menuItem = props.items ? props.items : [];
+
+// validate userExist on meta.auth.user
+function userExist(item) {
+  if (item.meta?.auth?.user) {
+    if (item.meta?.auth?.user.some((e) => e === username)) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+  return true;
+}
+
+// validate roleExist on meta.auth.role
+function roleExist(item) {
+  if (item.meta?.auth?.role) {
+    if (item.meta?.auth?.role.some((e) => roles?.includes(e))) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+  return true;
+}
+
+// Toggle show and hide menu content
+function openMenu(event) {
+  const target = event.currentTarget;
+  try {
+    target.querySelector("a").classList.toggle("nav-open");
+    target.querySelector("ul").classList.toggle("hide");
+  } catch (e) {
+    // console.log(e);
+    return;
+  }
+}
+
+// Active menu
+function activeMenu(routePath) {
+  return route.path == routePath
+    ? `bg-[rgb(var(--color-primary))] font-normal text-white active-menu`
+    : `font-light text-white/90 md:transition-all md:duration-200 hover:md:ml-2`;
+}
+
+function toggleMenu() {
+  document.querySelector(".v-layout").classList.toggle("menu-hide");
+  document.getElementsByClassName("menu-overlay")[0].classList.toggle("hide");
+}
+
+function navigationPage(path, external) {
+  if (width.value <= mobileWidth) toggleMenu();
+  navigateTo(path, {
+    external: external,
+  });
+}
+</script>
+
+<template>
+  <div v-for="(item, index) in menuItem" :key="index">
+    <div
+      v-if="
+        !item.meta || !item.meta?.auth || (userExist(item) && roleExist(item))
+      "
+      class="navigation-wrapper"
+    >
+      <div
+        v-if="item.header"
+        class="text-left font-normal text-xs mx-6 mt-5 mb-2"
+      >
+        <span class="uppercase text-gray-400">
+          {{ item.header ? item.header : "" }}
+        </span>
+        <p class="text-gray-400">
+          {{ item.description ? item.description : "" }}
+        </p>
+      </div>
+      <ul class="navigation-menu">
+        <li
+          class="navigation-item"
+          v-for="(item2, index2) in item.child"
+          :key="index2"
+          @click.stop="
+            item2.child !== undefined ||
+            (item2.child && item2.child.length !== 0)
+              ? openMenu($event)
+              : ''
+          "
+        >
+          <div
+            v-if="
+              !item2.meta ||
+              !item2.meta?.auth ||
+              (userExist(item2) && roleExist(item2))
+            "
+            class="navigation-item-wrapper"
+          >
+            <NuxtLink
+              v-if="
+                item2.child === undefined ||
+                (item2.child && item2.child.length === 0)
+              "
+              class="flex items-center px-6 py-3 cursor-pointer"
+              @click="navigationPage(item2.path, item2.external)"
+              :class="activeMenu(item2.path)"
+            >
+              <Icon v-if="item2.icon" :name="item2.icon" size="18"></Icon>
+              <Icon v-else name="mdi:circle-slice-8" size="18"></Icon>
+              <span class="mx-3 font-normal">{{ item2.title }}</span>
+              <Icon
+                v-if="item2.child && item2.child.length > 0"
+                class="ml-auto side-menu-arrow"
+                name="material-symbols:chevron-right-rounded"
+                size="18"
+              ></Icon>
+            </NuxtLink>
+            <a
+              v-else
+              class="flex items-center px-6 py-3 rounded-lg cursor-pointer"
+              :class="activeMenu(item2.path)"
+            >
+              <Icon v-if="item2.icon" :name="item2.icon" size="18"></Icon>
+              <Icon v-else name="mdi:circle-slice-8" size="18"></Icon>
+              <span class="mx-3 font-normal">{{ item2.title }}</span>
+              <Icon
+                v-if="item2.child && item2.child.length > 0"
+                class="ml-auto side-menu-arrow"
+                name="material-symbols:chevron-right-rounded"
+                size="18"
+              ></Icon>
+            </a>
+            <RSChildItem
+              v-if="item2.child"
+              :items="item2.child"
+              @openMenu="openMenu"
+              @activeMenu="activeMenu"
+            ></RSChildItem>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
diff --git a/components/layouts/sidemenu/ItemChild.vue b/components/layouts/sidemenu/ItemChild.vue
new file mode 100644
index 0000000..a642f36
--- /dev/null
+++ b/components/layouts/sidemenu/ItemChild.vue
@@ -0,0 +1,145 @@
+<script setup>
+import { useLayoutStore } from "~/stores/layout";
+import { useWindowSize } from "vue-window-size";
+import RSChildItem from "~/components/layouts/sidemenu/ItemChild.vue";
+import { useUserStore } from "~/stores/user";
+
+const layoutStore = useLayoutStore();
+const mobileWidth = layoutStore.mobileWidth;
+const { width } = useWindowSize();
+
+const user = useUserStore();
+const route = useRoute();
+const props = defineProps({
+  items: {
+    type: Array,
+    required: true,
+  },
+  indent: {
+    type: Number,
+    default: 0.5,
+  },
+});
+const emit = defineEmits(["openMenu"]);
+
+const indent = ref(props.indent);
+
+const menuItem = props.items ? props.items : [];
+
+const username = user.username;
+const roles = user.roles;
+
+// validate userExist on meta.auth.user
+function userExist(item) {
+  if (item.meta?.auth?.user) {
+    if (item.meta?.auth?.user.includes(username)) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+  return true;
+}
+
+// validate roleExist on meta.auth.role
+function roleExist(item) {
+  if (item.meta?.auth?.role) {
+    if (item.meta?.auth?.role.some((r) => roles.includes(r))) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+  return true;
+}
+
+// Toggle Open/Close menu
+function openMenu(event) {
+  emit("openMenu", event);
+}
+
+// Active menu
+function activeMenu(routePath) {
+  return route.path == routePath
+    ? `bg-[rgb(var(--color-primary))] font-normal text-white active-menu`
+    : `font-light text-white/90 md:transition-all md:duration-200 hover:md:ml-2`;
+}
+
+function toggleMenu() {
+  document.querySelector(".v-layout").classList.toggle("menu-hide");
+  document.getElementsByClassName("menu-overlay")[0].classList.toggle("hide");
+}
+
+function navigationPage(path, external) {
+  if (width.value <= mobileWidth) toggleMenu();
+  navigateTo(path, {
+    external: external,
+  });
+}
+
+const indentStyle = computed(() => {
+  return { "background-color": `rgba(var(--sidebar-menu), ${indent.value})` };
+});
+</script>
+
+<template>
+  <ul
+    class="menu-content hide transition-all duration-300"
+    :style="indentStyle"
+  >
+    <li
+      v-for="(item, index) in menuItem"
+      :key="index"
+      @click.stop="
+        item.child !== undefined || (item.child && item.child.length !== 0)
+          ? openMenu($event)
+          : ''
+      "
+    >
+      <div
+        v-if="
+          !item.meta || !item.meta?.auth || (userExist(item) && roleExist(item))
+        "
+        class="navigation-item-wrapper"
+      >
+        <NuxtLink
+          v-if="
+            item.child === undefined || (item.child && item.child.length === 0)
+          "
+          class="flex items-center px-6 py-3 cursor-pointer"
+          @click="navigationPage(item.path, item.external)"
+          :class="activeMenu(item.path)"
+        >
+          <Icon v-if="item.icon" :name="item.icon" size="18"></Icon>
+          <span class="mx-4 font-normal">{{ item.title }}</span>
+          <Icon
+            v-if="item.child && item.child.length > 0"
+            class="ml-auto side-menu-arrow"
+            name="material-symbols:chevron-right-rounded"
+            size="18"
+          ></Icon>
+        </NuxtLink>
+        <a
+          v-else
+          class="flex items-center px-6 py-3 rounded-lg cursor-pointer"
+          :class="activeMenu(item.path)"
+        >
+          <span class="mx-3 font-normal">{{ item.title }}</span>
+          <Icon
+            v-if="item.child && item.child.length > 0"
+            class="ml-auto side-menu-arrow"
+            name="material-symbols:chevron-right-rounded"
+            size="18"
+          ></Icon>
+        </a>
+        <RSChildItem
+          v-if="item.child"
+          :items="item.child"
+          :indent="indent + 0.1"
+          @openMenu="openMenu"
+          @activeMenu="activeMenu"
+        ></RSChildItem>
+      </div>
+    </li>
+  </ul>
+</template>
diff --git a/components/layouts/sidemenu/index.vue b/components/layouts/sidemenu/index.vue
new file mode 100644
index 0000000..e9e7d2a
--- /dev/null
+++ b/components/layouts/sidemenu/index.vue
@@ -0,0 +1,72 @@
+<script setup>
+import Menu from "~/navigation/index.js";
+import RSItem from "~/components/layouts/sidemenu/Item.vue";
+
+// Use site settings composable
+const { siteSettings } = useSiteSettings();
+
+// Add computed to ensure logo reactivity
+const logoToShow = computed(() => {
+  // Always try to use the siteLogo from settings first
+  if (siteSettings.value?.siteLogo && siteSettings.value.siteLogo.trim() !== "") {
+    return siteSettings.value.siteLogo;
+  }
+  // Fallback to default logo if siteLogo is not set
+  return "/img/logo/corradAF-logo.svg";
+});
+
+const siteNameToShow = computed(() => {
+  return siteSettings.value.siteName || "Jabatan Imigresen Malaysia";
+});
+
+// const menuItem = Menu;
+
+const props = defineProps({
+  menuItem: {
+    type: Array,
+    default: () => Menu,
+    required: false,
+  },
+  sidebarToggle: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+onMounted(() => {
+  try {
+    const el = document.querySelector(".active-menu").closest(".menu-content");
+    const elParent = el.parentElement.parentElement;
+
+    if (elParent) {
+      elParent.classList.remove("hide");
+      elParent.querySelector("a").classList.add("nav-open");
+    }
+    if (el) el.classList.remove("hide");
+  } catch (e) {
+    // console.log(e);
+    return;
+  }
+});
+</script>
+
+<template>
+  <div class="vertical-menu">
+    <div class="py-2 px-4 bg-[rgb(var(--header))]">
+      <nuxt-link to="/">
+        <div class="flex flex-auto gap-3 justify-center items-center h-[48px]">
+          <div
+            class="app-logo text-center h-20 flex justify-center items-center gap-3 px-4"
+          >
+            <nuxt-link to="/" class="flex items-center justify-center">
+              <img src="@/assets/img/logo/lzs-logo.png" class="h-12" alt="logo" />
+            </nuxt-link>
+          </div>
+        </div>
+      </nuxt-link>
+    </div>
+    <NuxtScrollbar class="flex flex-col justify-between my-6" style="max-height: 82dvh">
+      <RSItem :items="menuItem"></RSItem>
+    </NuxtScrollbar>
+  </div>
+</template>
diff --git a/components/layouts/vertical/index.vue b/components/layouts/vertical/index.vue
new file mode 100644
index 0000000..8983836
--- /dev/null
+++ b/components/layouts/vertical/index.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { useLayoutStore } from "~/stores/layout";
+
+import RSHeader from "~/components/layouts/Header.vue";
+import RSSideMenu from "~~/components/layouts/sidemenu/index.vue";
+// import RSConfigMenu from "~~/components/layouts/configmenu/index.vue";
+// import RSFooter from "~/components/layouts/Footer.vue";
+import { useWindowSize } from "vue-window-size";
+
+const { width } = useWindowSize();
+const layoutStore = useLayoutStore();
+const mobileWidth = layoutStore.mobileWidth;
+
+// watch for window size changes
+watch(
+  () => [width.value],
+  ([width]) => {
+    if (width <= mobileWidth) {
+      document.querySelector(".v-layout").classList.add("menu-hide");
+      document.getElementsByClassName("menu-overlay")[0].classList.add("hide");
+    } else document.querySelector(".v-layout").classList.remove("menu-hide");
+  }
+);
+
+function toggleMenu(event) {
+  document.querySelector(".v-layout").classList.toggle("menu-hide");
+  document.getElementsByClassName("menu-overlay")[0].classList.toggle("hide");
+}
+</script>
+
+<template>
+  <RSHeader @toggleMenu="toggleMenu" />
+  <RSSideMenu />
+  <div class="content-page duration-300">
+    <slot />
+  </div>
+  <!-- <RSConfigMenu /> -->
+  <div @click="toggleMenu" class="menu-overlay"></div>
+
+  <!-- <RSFooter /> -->
+</template>
diff --git a/composables/codemirrorThemes.js b/composables/codemirrorThemes.js
new file mode 100644
index 0000000..3cb5ef5
--- /dev/null
+++ b/composables/codemirrorThemes.js
@@ -0,0 +1,284 @@
+export default function () {
+  return [
+    {
+      name: "3024-day",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/3024-day.png",
+    },
+    {
+      name: "3024-night",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/3024-night.png",
+    },
+    {
+      name: "abcdef",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/abcdef.png",
+    },
+    {
+      name: "ambiance-mobile",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/ambiance-mobile.png",
+    },
+    {
+      name: "ambiance",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/ambiance.png",
+    },
+    {
+      name: "ayu-dark",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/ayu-dark.png",
+    },
+    {
+      name: "ayu-mirage",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/ayu-mirage.png",
+    },
+    {
+      name: "base16-dark",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/base16-dark.png",
+    },
+    {
+      name: "base16-light",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/base16-light.png",
+    },
+    {
+      name: "bespin",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/bespin.png",
+    },
+    {
+      name: "blackboard",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/blackboard.png",
+    },
+    {
+      name: "cobalt",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/cobalt.png",
+    },
+    {
+      name: "colorforth",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/colorforth.png",
+    },
+    {
+      name: "dracula",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/dracula.png",
+    },
+    {
+      name: "duotone-dark",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/duotone-dark.png",
+    },
+    {
+      name: "duotone-light",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/duotone-light.png",
+    },
+    {
+      name: "eclipse",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/eclipse.png",
+    },
+    {
+      name: "elegant",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/elegant.png",
+    },
+    {
+      name: "erlang-dark",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/erlang-dark.png",
+    },
+    {
+      name: "gruvbox-dark",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/gruvbox-dark.png",
+    },
+    {
+      name: "hopscotch",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/hopscotch.png",
+    },
+    {
+      name: "icecoder",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/icecoder.png",
+    },
+    {
+      name: "idea",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/idea.png",
+    },
+    {
+      name: "isotope",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/isotope.png",
+    },
+    {
+      name: "lesser-dark",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/lesser-dark.png",
+    },
+    {
+      name: "liquibyte",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/liquibyte.png",
+    },
+    {
+      name: "lucario",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/lucario.png",
+    },
+    {
+      name: "material",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/material.png",
+    },
+    {
+      name: "mbo",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/mbo.png",
+    },
+    {
+      name: "mdn-like",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/mdn-like.png",
+    },
+    {
+      name: "midnight",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/midnight.png",
+    },
+    {
+      name: "monokai",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/monokai.png",
+    },
+    {
+      name: "neat",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/neat.png",
+    },
+    {
+      name: "neo",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/neo.png",
+    },
+    {
+      name: "night",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/night.png",
+    },
+    {
+      name: "oceanic-next",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/oceanic-next.png",
+    },
+    {
+      name: "panda-syntax",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/panda-syntax.png",
+    },
+    {
+      name: "paraiso-dark",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/paraiso-dark.png",
+    },
+    {
+      name: "paraiso-light",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/paraiso-light.png",
+    },
+    {
+      name: "pastel-on-dark",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/pastel-on-dark.png",
+    },
+    {
+      name: "railscasts",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/railscasts.png",
+    },
+    {
+      name: "rubyblue",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/rubyblue.png",
+    },
+    {
+      name: "seti",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/seti.png",
+    },
+    {
+      name: "shadowfox",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/shadowfox.png",
+    },
+    {
+      name: "solarized",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/solarized.png",
+    },
+    {
+      name: "the-matrix",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/the-matrix.png",
+    },
+    {
+      name: "tomorrow-night-bright",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/tomorrow-night-bright.png",
+    },
+    {
+      name: "tomorrow-night-eighties",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/tomorrow-night-eighties.png",
+    },
+    {
+      name: "ttcn",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/ttcn.png",
+    },
+    {
+      name: "twilight",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/twilight.png",
+    },
+    {
+      name: "vibrant-ink",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/vibrant-ink.png",
+    },
+    {
+      name: "xq-dark",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/xq-dark.png",
+    },
+    {
+      name: "xq-light",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/xq-light.png",
+    },
+    {
+      name: "yeti",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/yeti.png",
+    },
+    {
+      name: "yonce",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/yonce.png",
+    },
+    {
+      name: "zenburn",
+      image:
+        "https://raw.githubusercontent.com/codemirror/CodeMirror/master/theme/zenburn.png",
+    },
+  ];
+}
diff --git a/composables/languageList.js b/composables/languageList.js
new file mode 100644
index 0000000..3c14fa7
--- /dev/null
+++ b/composables/languageList.js
@@ -0,0 +1,20 @@
+export default function () {
+  return [
+    {
+      name: "English",
+      value: "en",
+      flagCode: "GB",
+      default: true,
+    },
+    {
+      name: "Malay",
+      value: "ms",
+      flagCode: "MY",
+    },
+    {
+      name: "Chinese",
+      value: "cn",
+      flagCode: "CN",
+    }
+  ];
+}
diff --git a/composables/themeList.js b/composables/themeList.js
new file mode 100644
index 0000000..3779de1
--- /dev/null
+++ b/composables/themeList.js
@@ -0,0 +1,55 @@
+export default function () {
+  return [
+    {
+      theme: "biasa",
+      colors: [
+        {
+          name: "primary",
+          value: "243, 88, 106",
+        },
+        {
+          name: "secondary",
+          value: "240, 122, 37",
+        },
+        {
+          name: "accent",
+          value: "243, 244, 246",
+        },
+      ],
+    },
+    {
+      theme: "gelap",
+      colors: [
+        {
+          name: "primary",
+          value: "243, 88, 106",
+        },
+        {
+          name: "secondary",
+          value: "240, 122, 37",
+        },
+        {
+          name: "accent",
+          value: "15, 23, 42",
+        },
+      ],
+    },
+    {
+      theme: "LZS",
+      colors: [
+        {
+          name: "primary",
+          value: "0, 90, 173", // #005AAD - Blue
+        },
+        {
+          name: "secondary",
+          value: "141, 199, 61", // #8DC73D - Green
+        },
+        {
+          name: "accent",
+          value: "255, 242, 0", // #FFF200 - Yellow
+        },
+      ],
+    },
+  ];
+}
diff --git a/composables/themeList2.js b/composables/themeList2.js
new file mode 100644
index 0000000..26230d5
--- /dev/null
+++ b/composables/themeList2.js
@@ -0,0 +1,129 @@
+export default function () {
+  return [
+    {
+      theme: "biru",
+      colors: [
+        {
+          name: "primary",
+          value: "0, 102, 204", // Strong blue
+        },
+        {
+          name: "secondary",
+          value: "51, 153, 255", // Lighter blue
+        },
+        {
+          name: "accent",
+          value: "255, 204, 0", // Gold
+        },
+        {
+          name: "background",
+          value: "240, 248, 255", // Alice blue
+        },
+        {
+          name: "text",
+          value: "0, 0, 0", // Black
+        },
+      ],
+    },
+    {
+      theme: "merah",
+      colors: [
+        {
+          name: "primary",
+          value: "204, 0, 0", // Strong red
+        },
+        {
+          name: "secondary",
+          value: "255, 102, 102", // Lighter red
+        },
+        {
+          name: "accent",
+          value: "255, 255, 153", // Light yellow
+        },
+        {
+          name: "background",
+          value: "255, 240, 240", // Very light pink
+        },
+        {
+          name: "text",
+          value: "0, 0, 0", // Black
+        },
+      ],
+    },
+    {
+      theme: "ungu",
+      colors: [
+        {
+          name: "primary",
+          value: "75, 0, 130", // Indigo
+        },
+        {
+          name: "secondary",
+          value: "138, 43, 226", // Blue violet
+        },
+        {
+          name: "accent",
+          value: "255, 215, 0", // Gold
+        },
+        {
+          name: "background",
+          value: "240, 248, 255", // Alice blue
+        },
+        {
+          name: "text",
+          value: "0, 0, 0", // Black
+        },
+      ],
+    },
+    {
+      theme: "oren",
+      colors: [
+        {
+          name: "primary",
+          value: "255, 103, 0", // Dark orange
+        },
+        {
+          name: "secondary",
+          value: "255, 159, 64", // Lighter orange
+        },
+        {
+          name: "accent",
+          value: "0, 128, 128", // Teal
+        },
+        {
+          name: "background",
+          value: "255, 250, 240", // Floral white
+        },
+        {
+          name: "text",
+          value: "0, 0, 0", // Black
+        },
+      ],
+    },
+    {
+      theme: "LZS",
+      colors: [
+        {
+          name: "primary",
+          value: "0, 90, 173", // #005AAD - Blue
+        },
+        {
+          name: "secondary",
+          value: "141, 199, 61", // #8DC73D - Green
+        },
+        {
+          name: "accent",
+          value: "255, 242, 0", // #FFF200 - Yellow
+        },
+        {
+          name: "background",
+          value: "245, 250, 255", // Very light blue background
+        },
+        {
+          name: "text",
+          value: "0, 0, 0", // Black
+        },
+      ],
+    },
+  ];
+}
diff --git a/composables/useDebounceFn.js b/composables/useDebounceFn.js
new file mode 100644
index 0000000..b26c57b
--- /dev/null
+++ b/composables/useDebounceFn.js
@@ -0,0 +1,87 @@
+import { ref, onUnmounted } from 'vue';
+
+/**
+ * Creates a debounced version of a function
+ * @param {Function} fn - The function to debounce
+ * @param {number} delay - The delay in milliseconds
+ * @returns {Function} - The debounced function
+ */
+export const useDebounceFn = (fn, delay = 300) => {
+  if (typeof fn !== 'function') {
+    throw new Error('First argument must be a function');
+  }
+  
+  // Store the timeout ID for cleanup
+  const timeoutId = ref(null);
+  
+  // Clean up any pending timeouts when the component is unmounted
+  onUnmounted(() => {
+    if (timeoutId.value) {
+      clearTimeout(timeoutId.value);
+    }
+  });
+  
+  // Return the debounced function
+  return (...args) => {
+    // Clear previous timeout if exists
+    if (timeoutId.value) {
+      clearTimeout(timeoutId.value);
+    }
+    
+    // Set a new timeout
+    timeoutId.value = setTimeout(() => {
+      fn(...args);
+      timeoutId.value = null;
+    }, delay);
+  };
+};
+
+/**
+ * Creates a throttled version of a function
+ * @param {Function} fn - The function to throttle
+ * @param {number} delay - The delay in milliseconds
+ * @returns {Function} - The throttled function
+ */
+export const useThrottleFn = (fn, delay = 300) => {
+  if (typeof fn !== 'function') {
+    throw new Error('First argument must be a function');
+  }
+  
+  // Store the last execution time
+  const lastExecution = ref(0);
+  // Store the timeout ID for cleanup
+  const timeoutId = ref(null);
+  
+  // Clean up any pending timeouts when the component is unmounted
+  onUnmounted(() => {
+    if (timeoutId.value) {
+      clearTimeout(timeoutId.value);
+    }
+  });
+  
+  // Return the throttled function
+  return (...args) => {
+    const now = Date.now();
+    const elapsed = now - lastExecution.value;
+    
+    // Clear any existing timeout
+    if (timeoutId.value) {
+      clearTimeout(timeoutId.value);
+    }
+    
+    // If enough time has passed, execute immediately
+    if (elapsed >= delay) {
+      lastExecution.value = now;
+      fn(...args);
+    } else {
+      // Otherwise, schedule execution for when the delay has passed
+      timeoutId.value = setTimeout(() => {
+        lastExecution.value = Date.now();
+        fn(...args);
+        timeoutId.value = null;
+      }, delay - elapsed);
+    }
+  };
+};
+
+export default useDebounceFn; 
\ No newline at end of file
diff --git a/composables/useNotificationDelivery.js b/composables/useNotificationDelivery.js
new file mode 100644
index 0000000..e5f1b8c
--- /dev/null
+++ b/composables/useNotificationDelivery.js
@@ -0,0 +1,411 @@
+import { ref } from "vue";
+
+export const useNotificationDelivery = () => {
+  const isLoading = ref(false);
+  const error = ref(null);
+  const deliveryStats = ref(null);
+  const emailConfig = ref(null);
+  const pushConfig = ref(null);
+  const smsConfig = ref(null);
+  const deliverySettings = ref(null);
+  const deliveryProviders = ref([]);
+  const deliveryMetrics = ref({
+    sent: 0,
+    delivered: 0,
+    failed: 0,
+    pending: 0
+  });
+  
+  // Reset error state
+  const resetError = () => {
+    error.value = null;
+  };
+
+  // Fetch delivery statistics
+  const fetchDeliveryStats = async () => {
+    isLoading.value = true;
+    error.value = null;
+
+    try {
+      const response = await $fetch("/api/notifications/delivery/stats");
+      
+      if (response.success) {
+        deliveryStats.value = response.data;
+        
+        // Update metrics from stats
+        deliveryMetrics.value = {
+          sent: response.data.totalSent || 0,
+          delivered: response.data.totalDelivered || 0,
+          failed: response.data.totalFailed || 0,
+          pending: response.data.totalPending || 0
+        };
+        
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to fetch delivery stats");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to fetch delivery stats";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Fetch email configuration
+  const fetchEmailConfig = async () => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/email-config");
+      
+      if (response.success) {
+        emailConfig.value = response.data;
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to fetch email configuration");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to fetch email configuration";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Fetch push notification configuration
+  const fetchPushConfig = async () => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/push-config");
+      
+      if (response.success) {
+        pushConfig.value = response.data;
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to fetch push configuration");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to fetch push configuration";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Fetch SMS configuration
+  const fetchSmsConfig = async () => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/sms-config");
+      
+      if (response.success) {
+        smsConfig.value = response.data;
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to fetch SMS configuration");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to fetch SMS configuration";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Fetch delivery settings
+  const fetchDeliverySettings = async () => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/settings");
+      
+      if (response.success) {
+        deliverySettings.value = response.data;
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to fetch delivery settings");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to fetch delivery settings";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  
+  // Fetch all delivery providers
+  const fetchDeliveryProviders = async () => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/providers");
+      
+      if (response.success) {
+        deliveryProviders.value = response.data;
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to fetch delivery providers");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to fetch delivery providers";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Fetch delivery performance metrics
+  const fetchDeliveryPerformance = async (period = 'last_30_days') => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch(`/api/notifications/delivery/performance?period=${period}`);
+      
+      if (response.success) {
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to fetch delivery performance");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to fetch delivery performance";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  
+  // Test delivery configuration
+  const testDeliveryConfig = async (channel, config) => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/test", {
+        method: "POST",
+        body: {
+          channel,
+          config
+        }
+      });
+      
+      if (response.success) {
+        return {
+          success: true,
+          message: response.message || "Test successful"
+        };
+      } else {
+        throw new Error(response.message || `Failed to test ${channel} configuration`);
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || `Failed to test ${channel} configuration`;
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Update email configuration
+  const updateEmailConfig = async (config) => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/email-config", {
+        method: "PUT",
+        body: config,
+      });
+      
+      if (response.success) {
+        // Update local state
+        emailConfig.value = response.data;
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to update email configuration");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to update email configuration";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Update push notification configuration
+  const updatePushConfig = async (config) => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/push-config", {
+        method: "PUT",
+        body: config,
+      });
+      
+      if (response.success) {
+        // Update local state
+        pushConfig.value = response.data;
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to update push configuration");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to update push configuration";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Update SMS configuration
+  const updateSmsConfig = async (config) => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/sms-config", {
+        method: "PUT",
+        body: config,
+      });
+      
+      if (response.success) {
+        // Update local state
+        smsConfig.value = response.data;
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to update SMS configuration");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to update SMS configuration";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Update delivery settings
+  const updateDeliverySettings = async (settings) => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const response = await $fetch("/api/notifications/delivery/settings", {
+        method: "PUT",
+        body: settings,
+      });
+      
+      if (response.success) {
+        // Update local state
+        deliverySettings.value = response.data;
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to update delivery settings");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to update delivery settings";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  
+  // Retry failed deliveries
+  const retryFailedDeliveries = async (notificationId = null) => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const endpoint = notificationId 
+        ? `/api/notifications/delivery/retry/${notificationId}` 
+        : "/api/notifications/delivery/retry";
+        
+      const response = await $fetch(endpoint, {
+        method: "POST"
+      });
+      
+      if (response.success) {
+        return {
+          success: true,
+          message: response.message || "Retry initiated successfully",
+          data: response.data
+        };
+      } else {
+        throw new Error(response.message || "Failed to retry deliveries");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to retry deliveries";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  
+  // Fetch delivery logs
+  const fetchDeliveryLogs = async (params = {}) => {
+    isLoading.value = true;
+    error.value = null;
+    
+    try {
+      const queryString = new URLSearchParams();
+      
+      if (params.page) queryString.append("page", params.page);
+      if (params.limit) queryString.append("limit", params.limit);
+      if (params.status) queryString.append("status", params.status);
+      if (params.channel) queryString.append("channel", params.channel);
+      if (params.notificationId) queryString.append("notificationId", params.notificationId);
+      if (params.startDate) queryString.append("startDate", params.startDate);
+      if (params.endDate) queryString.append("endDate", params.endDate);
+      
+      const response = await $fetch(`/api/notifications/delivery/logs?${queryString.toString()}`);
+      
+      if (response.success) {
+        return response.data;
+      } else {
+        throw new Error(response.message || "Failed to fetch delivery logs");
+      }
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to fetch delivery logs";
+      throw error.value;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  return {
+    // State
+    isLoading,
+    error,
+    deliveryStats,
+    emailConfig,
+    pushConfig,
+    smsConfig,
+    deliverySettings,
+    deliveryProviders,
+    deliveryMetrics,
+    
+    // Methods
+    resetError,
+    fetchDeliveryStats,
+    fetchEmailConfig,
+    fetchPushConfig,
+    fetchSmsConfig,
+    fetchDeliverySettings,
+    fetchDeliveryProviders,
+    fetchDeliveryPerformance,
+    fetchDeliveryLogs,
+    testDeliveryConfig,
+    updateEmailConfig,
+    updatePushConfig,
+    updateSmsConfig,
+    updateDeliverySettings,
+    retryFailedDeliveries
+  };
+}; 
\ No newline at end of file
diff --git a/composables/useNotificationLogs.js b/composables/useNotificationLogs.js
new file mode 100644
index 0000000..af79dc8
--- /dev/null
+++ b/composables/useNotificationLogs.js
@@ -0,0 +1,301 @@
+import { ref } from 'vue'
+
+export const useNotificationLogs = () => {
+  // Use Nuxt's useFetch instead of $fetch
+  const config = useRuntimeConfig()
+  
+  // Logs data state
+  const logs = ref([])
+  const loading = ref(false)
+  const error = ref(null)
+  const pagination = ref({
+    page: 1,
+    limit: 10,
+    total: 0,
+    pages: 1
+  })
+  const summaryStats = ref({
+    totalLogs: 0,
+    failedDeliveries: 0,
+    successfulDeliveries: 0,
+    successRate: 0
+  })
+  
+  // Filters state
+  const filters = ref({
+    startDate: null,
+    endDate: null,
+    action: null,
+    channel: null,
+    status: null,
+    actor: '',
+    keyword: ''
+  })
+  
+  // Analytics state
+  const analyticsData = ref(null)
+  const analyticsLoading = ref(false)
+  const analyticsError = ref(null)
+  
+  // Monitoring state
+  const monitoringData = ref(null)
+  const monitoringLoading = ref(false)
+  const monitoringError = ref(null)
+  
+  // Fetch logs with filters and pagination
+  const fetchLogs = async () => {
+    try {
+      loading.value = true
+      error.value = null
+      
+      // Build query parameters
+      const queryParams = new URLSearchParams()
+      queryParams.append('page', pagination.value.page)
+      queryParams.append('limit', pagination.value.limit)
+      
+      // Add filters if they exist
+      if (filters.value.startDate) queryParams.append('startDate', filters.value.startDate)
+      if (filters.value.endDate) queryParams.append('endDate', filters.value.endDate)
+      if (filters.value.action) queryParams.append('action', filters.value.action)
+      if (filters.value.channel) queryParams.append('channel', filters.value.channel)
+      if (filters.value.status) queryParams.append('status', filters.value.status)
+      if (filters.value.actor) queryParams.append('actor', filters.value.actor)
+      if (filters.value.keyword) queryParams.append('keyword', filters.value.keyword)
+      
+      // Make API call with useFetch
+      const { data, error: fetchError } = await useFetch(`/api/notifications/logs`, {
+        method: 'GET',
+        params: {
+          page: pagination.value.page,
+          limit: pagination.value.limit,
+          ...filters.value
+        }
+      })
+      
+      if (fetchError.value) {
+        throw new Error(fetchError.value.message || 'Failed to fetch logs');
+      }
+      
+      if (data.value && data.value.body && data.value.body.success) {
+        logs.value = data.value.body.data.logs || [];
+        pagination.value = data.value.body.data.pagination || pagination.value;
+        
+        // Ensure summary stats are properly assigned
+        if (data.value.body.data.summary) {
+          summaryStats.value = {
+            totalLogs: data.value.body.data.summary.totalLogs || 0,
+            failedDeliveries: data.value.body.data.summary.failedDeliveries || 0,
+            successfulDeliveries: data.value.body.data.summary.successfulDeliveries || 0,
+            successRate: data.value.body.data.summary.successRate || 0
+          };
+        }
+        
+        console.log('Logs fetched successfully:', {
+          logsCount: logs.value.length,
+          pagination: pagination.value,
+          summaryStats: summaryStats.value
+        });
+      } else {
+        throw new Error('Failed to fetch logs: ' + (data.value?.body?.message || 'Unknown error'))
+      }
+    } catch (err) {
+      error.value = err.message || 'An error occurred'
+      console.error('Error fetching logs:', err)
+    } finally {
+      loading.value = false
+    }
+  }
+  
+  // Get a specific log by ID
+  const getLogById = async (id) => {
+    try {
+      loading.value = true
+      error.value = null
+      
+      // Make API call
+      const { data } = await useFetch(`/api/notifications/logs/${id}`, {
+        method: 'GET'
+      })
+      
+      if (data.value && data.value.body && data.value.body.success) {
+        return data.value.body.data
+      } else {
+        throw new Error('Failed to fetch log details')
+      }
+    } catch (err) {
+      error.value = err.message || 'An error occurred'
+      console.error('Error fetching log details:', err)
+      return null
+    } finally {
+      loading.value = false
+    }
+  }
+  
+  // Update filters and fetch logs
+  const applyFilters = async (newFilters) => {
+    filters.value = { ...filters.value, ...newFilters }
+    pagination.value.page = 1 // Reset to first page when filters change
+    await fetchLogs()
+  }
+  
+  // Clear all filters
+  const clearFilters = async () => {
+    filters.value = {
+      startDate: null,
+      endDate: null,
+      action: null,
+      channel: null,
+      status: null,
+      actor: '',
+      keyword: ''
+    }
+    pagination.value.page = 1
+    await fetchLogs()
+  }
+  
+  // Change page
+  const changePage = async (page) => {
+    pagination.value.page = page
+    await fetchLogs()
+  }
+  
+  // Fetch analytics data
+  const fetchAnalytics = async (period = '7d', channel = 'all') => {
+    try {
+      analyticsLoading.value = true
+      analyticsError.value = null
+      
+      // Make API call
+      const { data } = await useFetch(`/api/notifications/logs/analytics`, {
+        method: 'GET',
+        params: {
+          period,
+          channel
+        }
+      })
+      
+      if (data.value && data.value.body && data.value.body.success) {
+        analyticsData.value = data.value.body.data
+      } else {
+        throw new Error('Failed to fetch analytics data')
+      }
+    } catch (err) {
+      analyticsError.value = err.message || 'An error occurred'
+      console.error('Error fetching analytics data:', err)
+    } finally {
+      analyticsLoading.value = false
+    }
+  }
+  
+  // Fetch monitoring data
+  const fetchMonitoringData = async () => {
+    try {
+      monitoringLoading.value = true
+      monitoringError.value = null
+      
+      // Make API call
+      const { data } = await useFetch('/api/notifications/logs/monitoring', {
+        method: 'GET'
+      })
+      
+      if (data.value && data.value.body && data.value.body.success) {
+        monitoringData.value = data.value.body.data
+      } else {
+        throw new Error('Failed to fetch monitoring data')
+      }
+    } catch (err) {
+      monitoringError.value = err.message || 'An error occurred'
+      console.error('Error fetching monitoring data:', err)
+    } finally {
+      monitoringLoading.value = false
+    }
+  }
+  
+  // Format date for display
+  const formatDate = (date, includeTime = false) => {
+    if (!date) return ''
+    const options = { year: 'numeric', month: 'short', day: 'numeric' }
+    if (includeTime) {
+      options.hour = '2-digit'
+      options.minute = '2-digit'
+    }
+    return new Date(date).toLocaleDateString(undefined, options)
+  }
+  
+  // Format time ago (e.g., "2 minutes ago")
+  const formatTimeAgo = (timestamp) => {
+    const now = new Date()
+    const time = new Date(timestamp)
+    const diffInMinutes = Math.floor((now - time) / (1000 * 60))
+  
+    if (diffInMinutes < 1) return "Just now"
+    if (diffInMinutes < 60) return `${diffInMinutes} minutes ago`
+    if (diffInMinutes < 1440) return `${Math.floor(diffInMinutes / 60)} hours ago`
+    return `${Math.floor(diffInMinutes / 1440)} days ago`
+  }
+  
+  // Get available actions for filters
+  const availableActions = [
+    { label: 'All Actions', value: null },
+    { label: 'Notification Created', value: 'Notification Created' },
+    { label: 'Notification Sent', value: 'Notification Sent' },
+    { label: 'Delivery Attempted', value: 'Delivery Attempted' },
+    { label: 'Delivery Failed', value: 'Delivery Failed' },
+    { label: 'Notification Opened', value: 'Notification Opened' },
+    { label: 'Template Updated', value: 'Template Updated' },
+    { label: 'Notification Queued', value: 'Notification Queued' },
+  ]
+  
+  // Get available channels for filters
+  const availableChannels = [
+    { label: 'All Channels', value: null },
+    { label: 'Email', value: 'Email' },
+    { label: 'SMS', value: 'SMS' },
+    { label: 'Push Notification', value: 'Push Notification' },
+    { label: 'Webhook', value: 'Webhook' }
+  ]
+  
+  // Get available statuses for filters
+  const availableStatuses = [
+    { label: 'All Statuses', value: null },
+    { label: 'Sent', value: 'Sent' },
+    { label: 'Failed', value: 'Failed' },
+    { label: 'Bounced', value: 'Bounced' },
+    { label: 'Opened', value: 'Opened' },
+    { label: 'Queued', value: 'Queued' },
+    { label: 'Created', value: 'Created' },
+    { label: 'Updated', value: 'Updated' }
+  ]
+
+  return {
+    // State
+    logs,
+    loading,
+    error,
+    pagination,
+    summaryStats,
+    filters,
+    analyticsData,
+    analyticsLoading,
+    analyticsError,
+    monitoringData,
+    monitoringLoading,
+    monitoringError,
+    
+    // Methods
+    fetchLogs,
+    getLogById,
+    applyFilters,
+    clearFilters,
+    changePage,
+    fetchAnalytics,
+    fetchMonitoringData,
+    formatDate,
+    formatTimeAgo,
+    
+    // Filter options
+    availableActions,
+    availableChannels,
+    availableStatuses
+  }
+} 
\ No newline at end of file
diff --git a/composables/useNotifications.js b/composables/useNotifications.js
new file mode 100644
index 0000000..899ccee
--- /dev/null
+++ b/composables/useNotifications.js
@@ -0,0 +1,200 @@
+import { ref } from "vue";
+
+export const useNotifications = () => {
+  const isLoading = ref(false);
+  const notifications = ref([]);
+  const pagination = ref(null);
+  const error = ref(null);
+
+  // Fetch notifications list
+  const fetchNotifications = async (options = {}) => {
+    isLoading.value = true;
+    error.value = null;
+
+    try {
+      const queryParams = new URLSearchParams();
+
+      console.log("Query Params:", queryParams);
+
+      // Add query parameters
+      if (options.page) queryParams.append("page", options.page);
+      if (options.limit) queryParams.append("limit", options.limit);
+      if (options.status) queryParams.append("status", options.status);
+      if (options.priority) queryParams.append("priority", options.priority);
+      if (options.category) queryParams.append("category", options.category);
+      if (options.search) queryParams.append("search", options.search);
+      
+      // Convert camelCase to snake_case for sort fields
+      if (options.sortBy) {
+        // Convert camelCase to snake_case (e.g., createdAt -> created_at)
+        const snakeCaseField = options.sortBy.replace(/([A-Z])/g, "_$1").toLowerCase();
+        queryParams.append("sortBy", snakeCaseField);
+      }
+      
+      if (options.sortOrder) queryParams.append("sortOrder", options.sortOrder);
+
+      const url = `/api/notifications/list${
+        queryParams.toString() ? "?" + queryParams.toString() : ""
+      }`;
+
+      const { data } = await $fetch(url);
+
+      notifications.value = data.notifications;
+      pagination.value = data.pagination;
+
+      return data;
+    } catch (err) {
+      error.value =
+        err.data?.message || err.message || "Failed to fetch notifications";
+      throw err;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Delete notification
+  const deleteNotification = async (notificationId) => {
+    try {
+      const response = await $fetch(`/api/notifications/${notificationId}`, {
+        method: "DELETE",
+      });
+
+      // Remove from local state
+      notifications.value = notifications.value.filter(
+        (n) => n.id !== notificationId
+      );
+
+      return response;
+    } catch (err) {
+      error.value =
+        err.data?.message || err.message || "Failed to delete notification";
+      throw err;
+    }
+  };
+
+  // Get notification by ID
+  const getNotificationById = async (notificationId) => {
+    isLoading.value = true;
+    error.value = null;
+
+    console.log("Notification ID:", notificationId);
+
+    try {
+      const response = await $fetch(`/api/notifications/${notificationId}`);
+      return response.data;
+    } catch (err) {
+      error.value =
+        err.data?.message || err.message || "Failed to fetch notification";
+      throw err;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Create notification
+  const createNotification = async (notificationData) => {
+    isLoading.value = true;
+    error.value = null;
+
+    try {
+      const response = await $fetch("/api/notifications", {
+        method: "POST",
+        body: notificationData,
+      });
+
+      return response;
+    } catch (err) {
+      error.value =
+        err.data?.message || err.message || "Failed to create notification";
+      throw err;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Update notification
+  const updateNotification = async (notificationId, notificationData) => {
+    isLoading.value = true;
+    error.value = null;
+
+    try {
+      const response = await $fetch(`/api/notifications/${notificationId}`, {
+        method: "PUT",
+        body: notificationData,
+      });
+
+      return response;
+    } catch (err) {
+      error.value =
+        err.data?.message || err.message || "Failed to update notification";
+      throw err;
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  // Save draft
+  const saveDraft = async (draftData) => {
+    try {
+      const response = await $fetch("/api/notifications/draft", {
+        method: "POST",
+        body: draftData,
+      });
+
+      return response;
+    } catch (err) {
+      error.value = err.data?.message || err.message || "Failed to save draft";
+      throw err;
+    }
+  };
+
+  // Test send notification
+  const testSendNotification = async (testData) => {
+    try {
+      const response = await $fetch("/api/notifications/test-send", {
+        method: "POST",
+        body: testData,
+      });
+
+      return response;
+    } catch (err) {
+      error.value =
+        err.data?.message || err.message || "Failed to send test notification";
+      throw err;
+    }
+  };
+
+  // Get audience preview
+  const getAudiencePreview = async (audienceData) => {
+    try {
+      const response = await $fetch("/api/notifications/audience-preview", {
+        method: "POST",
+        body: audienceData,
+      });
+
+      return response;
+    } catch (err) {
+      error.value =
+        err.data?.message || err.message || "Failed to get audience preview";
+      throw err;
+    }
+  };
+
+  return {
+    // State
+    isLoading,
+    notifications,
+    pagination,
+    error,
+
+    // Actions
+    fetchNotifications,
+    deleteNotification,
+    getNotificationById,
+    createNotification,
+    updateNotification,
+    saveDraft,
+    testSendNotification,
+    getAudiencePreview,
+  };
+};
diff --git a/composables/useSiteSettings.js b/composables/useSiteSettings.js
new file mode 100644
index 0000000..f9fef1e
--- /dev/null
+++ b/composables/useSiteSettings.js
@@ -0,0 +1,363 @@
+export const useSiteSettings = () => {
+  // Global site settings state
+  const siteSettings = useState('siteSettings', () => ({
+    siteName: 'corradAF',
+    siteDescription: 'corradAF Base Project',
+    siteLogo: '',
+    siteLoginLogo: '',
+    siteLoadingLogo: '',
+    siteFavicon: '',
+    showSiteNameInHeader: true,
+    siteNameFontSize: 18,
+    customCSS: '',
+    selectedTheme: 'biasa', // Use existing theme system
+    customThemeFile: '',
+    currentFont: '',
+    fontSource: '',
+    // SEO fields
+    seoTitle: '',
+    seoDescription: '',
+    seoKeywords: '',
+    seoAuthor: '',
+    seoOgImage: '',
+    seoTwitterCard: 'summary_large_image',
+    seoCanonicalUrl: '',
+    seoRobots: 'index, follow',
+    seoGoogleAnalytics: '',
+    seoGoogleTagManager: '',
+    seoFacebookPixel: ''
+  }));
+
+  // Loading state
+  const loading = useState('siteSettingsLoading', () => false);
+
+  // Load site settings from API
+  const loadSiteSettings = async () => {
+    loading.value = true;
+    try {
+      const response = await $fetch("/api/devtool/config/site-settings", {
+        method: "GET",
+      });
+      
+      if (response && response.data) {
+        siteSettings.value = { ...siteSettings.value, ...response.data };
+        applyThemeSettings();
+        updateGlobalMeta();
+      }
+    } catch (error) {
+      console.error("Error loading site settings:", error);
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  // Update global meta tags and SEO
+  const updateGlobalMeta = () => {
+    if (process.client) {
+      // Update page title - use SEO title if available
+      const title = siteSettings.value.seoTitle || siteSettings.value.siteName;
+      if (title) {
+        document.title = title;
+        
+        // Update meta description - use SEO description if available
+        let metaDescription = document.querySelector('meta[name="description"]');
+        if (!metaDescription) {
+          metaDescription = document.createElement('meta');
+          metaDescription.name = 'description';
+          document.head.appendChild(metaDescription);
+        }
+        metaDescription.content = siteSettings.value.seoDescription || siteSettings.value.siteDescription || title;
+        
+        // Update keywords meta tag
+        if (siteSettings.value.seoKeywords) {
+          let keywordsMeta = document.querySelector('meta[name="keywords"]');
+          if (!keywordsMeta) {
+            keywordsMeta = document.createElement('meta');
+            keywordsMeta.name = 'keywords';
+            document.head.appendChild(keywordsMeta);
+          }
+          keywordsMeta.content = siteSettings.value.seoKeywords;
+        }
+        
+        // Update author meta tag
+        if (siteSettings.value.seoAuthor) {
+          let authorMeta = document.querySelector('meta[name="author"]');
+          if (!authorMeta) {
+            authorMeta = document.createElement('meta');
+            authorMeta.name = 'author';
+            document.head.appendChild(authorMeta);
+          }
+          authorMeta.content = siteSettings.value.seoAuthor;
+        }
+        
+        // Update robots meta tag
+        let robotsMeta = document.querySelector('meta[name="robots"]');
+        if (!robotsMeta) {
+          robotsMeta = document.createElement('meta');
+          robotsMeta.name = 'robots';
+          document.head.appendChild(robotsMeta);
+        }
+        robotsMeta.content = siteSettings.value.seoRobots;
+        
+        // Update Open Graph tags
+        let ogTitle = document.querySelector('meta[property="og:title"]');
+        if (!ogTitle) {
+          ogTitle = document.createElement('meta');
+          ogTitle.setAttribute('property', 'og:title');
+          document.head.appendChild(ogTitle);
+        }
+        ogTitle.content = title;
+        
+        let ogDescription = document.querySelector('meta[property="og:description"]');
+        if (!ogDescription) {
+          ogDescription = document.createElement('meta');
+          ogDescription.setAttribute('property', 'og:description');
+          document.head.appendChild(ogDescription);
+        }
+        ogDescription.content = siteSettings.value.seoDescription || siteSettings.value.siteDescription || title;
+        
+        // Update OG image
+        if (siteSettings.value.seoOgImage) {
+          let ogImage = document.querySelector('meta[property="og:image"]');
+          if (!ogImage) {
+            ogImage = document.createElement('meta');
+            ogImage.setAttribute('property', 'og:image');
+            document.head.appendChild(ogImage);
+          }
+          ogImage.content = siteSettings.value.seoOgImage;
+        }
+        
+        // Update Twitter Card tags
+        let twitterCard = document.querySelector('meta[name="twitter:card"]');
+        if (!twitterCard) {
+          twitterCard = document.createElement('meta');
+          twitterCard.name = 'twitter:card';
+          document.head.appendChild(twitterCard);
+        }
+        twitterCard.content = siteSettings.value.seoTwitterCard;
+        
+        let twitterTitle = document.querySelector('meta[name="twitter:title"]');
+        if (!twitterTitle) {
+          twitterTitle = document.createElement('meta');
+          twitterTitle.name = 'twitter:title';
+          document.head.appendChild(twitterTitle);
+        }
+        twitterTitle.content = title;
+        
+        let twitterDescription = document.querySelector('meta[name="twitter:description"]');
+        if (!twitterDescription) {
+          twitterDescription = document.createElement('meta');
+          twitterDescription.name = 'twitter:description';
+          document.head.appendChild(twitterDescription);
+        }
+        twitterDescription.content = siteSettings.value.seoDescription || siteSettings.value.siteDescription || title;
+        
+        // Update canonical URL
+        if (siteSettings.value.seoCanonicalUrl) {
+          let canonicalLink = document.querySelector('link[rel="canonical"]');
+          if (!canonicalLink) {
+            canonicalLink = document.createElement('link');
+            canonicalLink.rel = 'canonical';
+            document.head.appendChild(canonicalLink);
+          }
+          canonicalLink.href = siteSettings.value.seoCanonicalUrl;
+        }
+      }
+      
+      // Update favicon
+      if (siteSettings.value.siteFavicon) {
+        let faviconLink = document.querySelector("link[rel*='icon']");
+        if (!faviconLink) {
+          faviconLink = document.createElement('link');
+          faviconLink.rel = 'icon';
+          document.head.appendChild(faviconLink);
+        }
+        faviconLink.href = siteSettings.value.siteFavicon;
+        
+        // Update apple touch icon
+        let appleTouchIcon = document.querySelector("link[rel='apple-touch-icon']");
+        if (!appleTouchIcon) {
+          appleTouchIcon = document.createElement('link');
+          appleTouchIcon.rel = 'apple-touch-icon';
+          document.head.appendChild(appleTouchIcon);
+        }
+        appleTouchIcon.href = siteSettings.value.siteFavicon;
+      }
+      
+      // Apply analytics scripts
+      if (siteSettings.value.seoGoogleAnalytics) {
+        // Add Google Analytics
+        const script = document.createElement('script');
+        script.async = true;
+        script.src = `https://www.googletagmanager.com/gtag/js?id=${siteSettings.value.seoGoogleAnalytics}`;
+        document.head.appendChild(script);
+        
+        const gtag = document.createElement('script');
+        gtag.textContent = `
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', '${siteSettings.value.seoGoogleAnalytics}');
+        `;
+        document.head.appendChild(gtag);
+      }
+      
+      if (siteSettings.value.seoGoogleTagManager) {
+        // Add Google Tag Manager
+        const gtmScript = document.createElement('script');
+        gtmScript.textContent = `
+          (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+          })(window,document,'script','dataLayer','${siteSettings.value.seoGoogleTagManager}');
+        `;
+        document.head.appendChild(gtmScript);
+      }
+      
+      if (siteSettings.value.seoFacebookPixel) {
+        // Add Facebook Pixel
+        const fbScript = document.createElement('script');
+        fbScript.textContent = `
+          !function(f,b,e,v,n,t,s)
+          {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+          n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+          if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+          n.queue=[];t=b.createElement(e);t.async=!0;
+          t.src=v;s=b.getElementsByTagName(e)[0];
+          s.parentNode.insertBefore(t,s)}(window, document,'script',
+          'https://connect.facebook.net/en_US/fbevents.js');
+          fbq('init', '${siteSettings.value.seoFacebookPixel}');
+          fbq('track', 'PageView');
+        `;
+        document.head.appendChild(fbScript);
+      }
+    }
+  };
+
+  // Apply theme settings to the document
+  const applyThemeSettings = () => {
+    if (process.client) {
+      // Apply selected theme using existing theme system
+      if (siteSettings.value.selectedTheme) {
+        document.documentElement.setAttribute("data-theme", siteSettings.value.selectedTheme);
+        localStorage.setItem("theme", siteSettings.value.selectedTheme);
+      }
+      
+      // Apply custom theme file if exists (append to theme.css)
+      if (siteSettings.value.customThemeFile) {
+        let customThemeElement = document.getElementById('custom-theme-file');
+        if (!customThemeElement) {
+          customThemeElement = document.createElement('link');
+          customThemeElement.id = 'custom-theme-file';
+          customThemeElement.rel = 'stylesheet';
+          customThemeElement.type = 'text/css';
+          document.head.appendChild(customThemeElement);
+        }
+        customThemeElement.href = siteSettings.value.customThemeFile;
+      } else {
+        // Remove custom theme file if it exists
+        const existingThemeElement = document.getElementById('custom-theme-file');
+        if (existingThemeElement) {
+          existingThemeElement.remove();
+        }
+      }
+      
+      // Apply custom CSS
+      let customStyleElement = document.getElementById('custom-site-styles');
+      if (!customStyleElement) {
+        customStyleElement = document.createElement('style');
+        customStyleElement.id = 'custom-site-styles';
+        document.head.appendChild(customStyleElement);
+      }
+      customStyleElement.textContent = siteSettings.value.customCSS || '';
+    }
+  };
+
+  // Set theme (integrate with existing theme system)
+  const setTheme = (theme) => {
+    siteSettings.value.selectedTheme = theme;
+    applyThemeSettings();
+    // Optionally save to server
+    updateSiteSettings(siteSettings.value);
+  };
+
+  // Get current theme
+  const getCurrentTheme = () => {
+    return siteSettings.value.selectedTheme || 'biasa';
+  };
+
+  // Update site settings
+  const updateSiteSettings = async (newSettings) => {
+    console.log("[useSiteSettings] updateSiteSettings called with:", JSON.parse(JSON.stringify(newSettings)));
+    try {
+      const response = await $fetch("/api/devtool/config/site-settings", {
+        method: "POST",
+        body: newSettings,
+      });
+      console.log("[useSiteSettings] API response received:", JSON.parse(JSON.stringify(response)));
+      
+      if (response && response.data) {
+        siteSettings.value = { ...siteSettings.value, ...response.data }; 
+        applyThemeSettings();
+        updateGlobalMeta();
+        console.log("[useSiteSettings] Returning success from updateSiteSettings.");
+        return { success: true, data: response.data };
+      }
+      
+      let errorMessage = "Update operation failed: No data returned from server.";
+      if (response && typeof response === 'object' && response !== null && 'message' in response) {
+        errorMessage = response.message;
+      } else if (response) {
+        errorMessage = "Update operation failed: Unexpected server response format on success.";
+      } else if (response === undefined) {
+        errorMessage = "Update failed: Server returned no content (e.g. 204). Treating as failure as data is expected for settings.";
+        console.log("[useSiteSettings] Returning failure (204 or undefined response) from updateSiteSettings.");
+        return { success: false, error: { message: errorMessage, details: response } };
+      }
+      
+      console.log("[useSiteSettings] Returning failure (general case) from updateSiteSettings:", errorMessage);
+      return { success: false, error: { message: errorMessage, details: response } };
+    } catch (error) {
+      console.error("[useSiteSettings] Error in updateSiteSettings catch block:", error);
+      let detailedMessage = "An unexpected error occurred during update.";
+      if (error.data && error.data.message) {
+        detailedMessage = error.data.message;
+      } else if (error.message) {
+        detailedMessage = error.message;
+      }
+      console.log("[useSiteSettings] Returning failure (catch block) from updateSiteSettings:", detailedMessage);
+      return { success: false, error: { message: detailedMessage, details: error } };
+    }
+  };
+
+  // Add custom theme to theme.css file
+  const addCustomThemeToFile = async (themeName, themeCSS) => {
+    try {
+      const response = await $fetch("/api/devtool/config/add-custom-theme", {
+        method: "POST",
+        body: {
+          themeName,
+          themeCSS
+        }
+      });
+      
+      return response;
+    } catch (error) {
+      console.error("Error adding custom theme:", error);
+      return { success: false, error };
+    }
+  };
+
+  return {
+    siteSettings,
+    loading: readonly(loading),
+    loadSiteSettings,
+    updateSiteSettings,
+    applyThemeSettings,
+    updateGlobalMeta,
+    getCurrentTheme,
+    setTheme,
+    addCustomThemeToFile
+  };
+}; 
\ No newline at end of file
diff --git a/composables/useToast.js b/composables/useToast.js
new file mode 100644
index 0000000..11ec2e1
--- /dev/null
+++ b/composables/useToast.js
@@ -0,0 +1,61 @@
+import { useNuxtApp } from "#app";
+
+export const useToast = () => {
+  const { $swal } = useNuxtApp();
+
+  const toast = {
+    success(message) {
+      $swal.fire({
+        icon: "success",
+        title: "Success",
+        text: message,
+        toast: true,
+        position: "top-end",
+        showConfirmButton: false,
+        timer: 3000,
+        timerProgressBar: true,
+      });
+    },
+
+    error(message) {
+      $swal.fire({
+        icon: "error",
+        title: "Error",
+        text: message,
+        toast: true,
+        position: "top-end",
+        showConfirmButton: false,
+        timer: 5000,
+        timerProgressBar: true,
+      });
+    },
+
+    warning(message) {
+      $swal.fire({
+        icon: "warning",
+        title: "Warning",
+        text: message,
+        toast: true,
+        position: "top-end",
+        showConfirmButton: false,
+        timer: 4000,
+        timerProgressBar: true,
+      });
+    },
+
+    info(message) {
+      $swal.fire({
+        icon: "info",
+        title: "Info",
+        text: message,
+        toast: true,
+        position: "top-end",
+        showConfirmButton: false,
+        timer: 3000,
+        timerProgressBar: true,
+      });
+    },
+  };
+
+  return toast;
+}; 
\ No newline at end of file
diff --git a/composables/useVoiceReader.js b/composables/useVoiceReader.js
new file mode 100644
index 0000000..4778dd1
--- /dev/null
+++ b/composables/useVoiceReader.js
@@ -0,0 +1,55 @@
+export function useVoiceReader() {
+  const isReading = ref(false);
+  const announceElement = ref(null);
+  let speechSynthesis;
+  let speechUtterance;
+
+  onMounted(() => {
+    speechSynthesis = window.speechSynthesis;
+    speechUtterance = new SpeechSynthesisUtterance();
+
+    window.addEventListener("keydown", handleKeydown);
+  });
+
+  onUnmounted(() => {
+    if (speechSynthesis) {
+      speechSynthesis.cancel();
+    }
+    window.removeEventListener("keydown", handleKeydown);
+  });
+
+  const toggleReading = () => {
+    if (!speechSynthesis) return;
+
+    if (isReading.value) {
+      speechSynthesis.pause();
+      isReading.value = false;
+      announce("Reading paused");
+    } else {
+      const textToRead = document.body.innerText;
+      speechUtterance.text = textToRead;
+      speechSynthesis.speak(speechUtterance);
+      isReading.value = true;
+      announce("Reading started");
+    }
+  };
+
+  const handleKeydown = (event) => {
+    if (event.ctrlKey && event.key === "r") {
+      event.preventDefault();
+      toggleReading();
+    }
+  };
+
+  const announce = (message) => {
+    if (announceElement.value) {
+      announceElement.value.textContent = message;
+    }
+  };
+
+  return {
+    isReading,
+    toggleReading,
+    announceElement,
+  };
+}
diff --git a/database/migrations/001_create_notification_tables.sql b/database/migrations/001_create_notification_tables.sql
new file mode 100644
index 0000000..0f2f891
--- /dev/null
+++ b/database/migrations/001_create_notification_tables.sql
@@ -0,0 +1,222 @@
+-- Notification Categories
+CREATE TABLE notification_categories (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    name VARCHAR(100) NOT NULL,
+    value VARCHAR(50) UNIQUE NOT NULL,
+    description TEXT,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+);
+
+-- Notification Templates
+CREATE TABLE notification_templates (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    name VARCHAR(100) NOT NULL,
+    value VARCHAR(50) UNIQUE NOT NULL,
+    subject VARCHAR(255),
+    email_content TEXT,
+    push_title VARCHAR(100),
+    push_body VARCHAR(300),
+    variables JSON DEFAULT ('[]'),
+    is_active BOOLEAN DEFAULT true,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+);
+
+-- User Segments
+CREATE TABLE user_segments (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    name VARCHAR(100) NOT NULL,
+    value VARCHAR(50) UNIQUE NOT NULL,
+    description TEXT,
+    criteria JSON NOT NULL,
+    is_active BOOLEAN DEFAULT true,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+);
+
+-- Main Notifications Table
+CREATE TABLE notifications (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    title VARCHAR(255) NOT NULL,
+    type VARCHAR(20) NOT NULL CHECK (type IN ('single', 'bulk')),
+    priority VARCHAR(20) NOT NULL CHECK (priority IN ('low', 'medium', 'high', 'critical')),
+    category_id VARCHAR(36),
+    status VARCHAR(20) DEFAULT 'draft' CHECK (status IN ('draft', 'scheduled', 'sending', 'sent', 'failed', 'cancelled')),
+    
+    -- Scheduling
+    delivery_type VARCHAR(20) NOT NULL CHECK (delivery_type IN ('immediate', 'scheduled')),
+    scheduled_at TIMESTAMP NULL,
+    timezone VARCHAR(50) DEFAULT 'UTC',
+    expires_at TIMESTAMP NULL,
+    
+    -- A/B Testing
+    enable_ab_testing BOOLEAN DEFAULT false,
+    ab_test_split INTEGER DEFAULT 50 CHECK (ab_test_split BETWEEN 10 AND 90),
+    ab_test_name VARCHAR(100),
+    
+    -- Tracking & Analytics
+    enable_tracking BOOLEAN DEFAULT true,
+    
+    -- Audience Settings
+    audience_type VARCHAR(20) NOT NULL CHECK (audience_type IN ('all', 'specific', 'segmented')),
+    specific_users TEXT, -- Comma-separated user IDs or emails
+    user_status VARCHAR(20),
+    registration_period VARCHAR(50),
+    exclude_unsubscribed BOOLEAN DEFAULT true,
+    respect_do_not_disturb BOOLEAN DEFAULT true,
+    
+    -- Content
+    content_type VARCHAR(20) NOT NULL CHECK (content_type IN ('new', 'template')),
+    template_id VARCHAR(36),
+    
+    -- Email Content
+    email_subject VARCHAR(255),
+    email_content TEXT,
+    call_to_action_text VARCHAR(100),
+    call_to_action_url TEXT,
+    
+    -- Push Content
+    push_title VARCHAR(100),
+    push_body VARCHAR(300),
+    push_image_url TEXT,
+    
+    -- Metadata
+    estimated_reach INTEGER DEFAULT 0,
+    actual_sent INTEGER DEFAULT 0,
+    created_by VARCHAR(36) NOT NULL, -- User ID who created this
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    sent_at TIMESTAMP NULL,
+    
+    FOREIGN KEY (category_id) REFERENCES notification_categories(id),
+    FOREIGN KEY (template_id) REFERENCES notification_templates(id)
+);
+
+-- Notification Channels (Many-to-Many)
+CREATE TABLE notification_channels (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    notification_id VARCHAR(36) NOT NULL,
+    channel_type VARCHAR(20) NOT NULL CHECK (channel_type IN ('email', 'push', 'sms', 'in_app')),
+    is_enabled BOOLEAN DEFAULT true,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    FOREIGN KEY (notification_id) REFERENCES notifications(id) ON DELETE CASCADE
+);
+
+-- Notification User Segments (Many-to-Many)
+CREATE TABLE notification_user_segments (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    notification_id VARCHAR(36) NOT NULL,
+    segment_id VARCHAR(36) NOT NULL,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    FOREIGN KEY (notification_id) REFERENCES notifications(id) ON DELETE CASCADE,
+    FOREIGN KEY (segment_id) REFERENCES user_segments(id)
+);
+
+-- Notification Recipients (For tracking who received what)
+CREATE TABLE notification_recipients (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    notification_id VARCHAR(36) NOT NULL,
+    user_id VARCHAR(36) NOT NULL,
+    email VARCHAR(255),
+    channel_type VARCHAR(20) NOT NULL,
+    status VARCHAR(20) DEFAULT 'pending' CHECK (status IN ('pending', 'sent', 'delivered', 'failed', 'bounced')),
+    sent_at TIMESTAMP NULL,
+    delivered_at TIMESTAMP NULL,
+    opened_at TIMESTAMP NULL,
+    clicked_at TIMESTAMP NULL,
+    error_message TEXT,
+    ab_test_variant VARCHAR(1) CHECK (ab_test_variant IN ('A', 'B')),
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    FOREIGN KEY (notification_id) REFERENCES notifications(id) ON DELETE CASCADE
+);
+
+-- Notification Queue (For scheduled notifications)
+CREATE TABLE notification_queue (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    notification_id VARCHAR(36) NOT NULL,
+    recipient_id VARCHAR(36) NOT NULL,
+    scheduled_for TIMESTAMP NOT NULL,
+    priority INTEGER DEFAULT 5,
+    attempts INTEGER DEFAULT 0,
+    max_attempts INTEGER DEFAULT 3,
+    status VARCHAR(20) DEFAULT 'queued' CHECK (status IN ('queued', 'processing', 'sent', 'failed', 'cancelled')),
+    last_attempt_at TIMESTAMP NULL,
+    error_message TEXT,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    FOREIGN KEY (notification_id) REFERENCES notifications(id) ON DELETE CASCADE,
+    FOREIGN KEY (recipient_id) REFERENCES notification_recipients(id) ON DELETE CASCADE
+);
+
+-- Notification Analytics
+CREATE TABLE notification_analytics (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    notification_id VARCHAR(36) NOT NULL,
+    channel_type VARCHAR(20) NOT NULL,
+    metric_type VARCHAR(30) NOT NULL CHECK (metric_type IN ('sent', 'delivered', 'opened', 'clicked', 'bounced', 'unsubscribed')),
+    metric_value INTEGER DEFAULT 0,
+    recorded_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    metadata JSON DEFAULT ('{}'),
+    FOREIGN KEY (notification_id) REFERENCES notifications(id) ON DELETE CASCADE
+);
+
+-- User Notification Preferences
+CREATE TABLE user_notification_preferences (
+    id VARCHAR(36) PRIMARY KEY DEFAULT (UUID()),
+    user_id VARCHAR(36) NOT NULL,
+    channel_type VARCHAR(20) NOT NULL,
+    category_value VARCHAR(50),
+    is_enabled BOOLEAN DEFAULT true,
+    do_not_disturb_start TIME,
+    do_not_disturb_end TIME,
+    timezone VARCHAR(50) DEFAULT 'UTC',
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+    UNIQUE(user_id, channel_type, category_value)
+);
+
+-- Indexes for better performance
+CREATE INDEX idx_notifications_status ON notifications(status);
+CREATE INDEX idx_notifications_scheduled_at ON notifications(scheduled_at);
+CREATE INDEX idx_notifications_created_by ON notifications(created_by);
+CREATE INDEX idx_notification_recipients_user_id ON notification_recipients(user_id);
+CREATE INDEX idx_notification_recipients_status ON notification_recipients(status);
+CREATE INDEX idx_notification_queue_scheduled_for ON notification_queue(scheduled_for);
+CREATE INDEX idx_notification_queue_status ON notification_queue(status);
+CREATE INDEX idx_notification_analytics_notification_id ON notification_analytics(notification_id);
+CREATE INDEX idx_user_notification_preferences_user_id ON user_notification_preferences(user_id);
+
+-- Insert default categories
+INSERT INTO notification_categories (name, value, description) VALUES
+('User Management', 'user_management', 'User registration, profile updates, account changes'),
+('Orders & Transactions', 'orders', 'Order confirmations, payment notifications, transaction updates'),
+('Security & Authentication', 'security', 'Login alerts, password changes, security notifications'),
+('Marketing & Promotions', 'marketing', 'Promotional offers, newsletters, product announcements'),
+('System Updates', 'system', 'System maintenance, feature updates, service announcements'),
+('General Information', 'general', 'General notifications and information');
+
+-- Insert default templates
+INSERT INTO notification_templates (name, value, subject, email_content, push_title, push_body, variables) VALUES
+('Welcome Message', 'welcome', 'Welcome to {{company_name}}!', 
+ '<h1>Welcome {{first_name}}!</h1><p>Thank you for joining {{company_name}}. We''re excited to have you on board.</p>', 
+ 'Welcome to {{company_name}}!', 'Hi {{first_name}}, welcome to our platform!', 
+ '["first_name", "last_name", "company_name"]'),
+('Password Reset', 'password_reset', 'Reset your password', 
+ '<h1>Password Reset Request</h1><p>Hi {{first_name}}, click the link below to reset your password.</p>', 
+ 'Password Reset', 'Tap to reset your password', 
+ '["first_name"]'),
+('Order Confirmation', 'order_confirmation', 'Order Confirmation #{{order_id}}', 
+ '<h1>Order Confirmed!</h1><p>Thank you {{first_name}}, your order #{{order_id}} has been confirmed.</p>', 
+ 'Order Confirmed!', 'Your order #{{order_id}} is confirmed', 
+ '["first_name", "order_id", "order_total"]');
+
+-- Insert default user segments
+INSERT INTO user_segments (name, value, description, criteria) VALUES
+('New Users', 'new_users', 'Users registered within last 30 days', '{"registration_days": 30}'),
+('Active Users', 'active_users', 'Users active in last 7 days', '{"last_activity_days": 7}'),
+('Premium Subscribers', 'premium_users', 'Users with premium subscription', '{"subscription_type": "premium"}'),
+('Inactive Users', 'inactive_users', 'Users not active in 30+ days', '{"inactive_days": 30}'),
+('High-Value Customers', 'high_value', 'Customers with high lifetime value', '{"min_order_value": 1000}'),
+('Mobile App Users', 'mobile_users', 'Users who use mobile app', '{"platform": "mobile"}'); 
\ No newline at end of file
diff --git a/database/migrations/002_update_notification_templates.sql b/database/migrations/002_update_notification_templates.sql
new file mode 100644
index 0000000..a0df9d9
--- /dev/null
+++ b/database/migrations/002_update_notification_templates.sql
@@ -0,0 +1,41 @@
+-- Migration: Update notification_templates table with additional fields
+-- Description: Add missing fields required by the template creation form
+
+-- Add new columns to notification_templates table
+ALTER TABLE notification_templates 
+ADD COLUMN description TEXT,
+ADD COLUMN preheader VARCHAR(255),
+ADD COLUMN push_icon VARCHAR(500),
+ADD COLUMN push_url TEXT,
+ADD COLUMN sms_content TEXT,
+ADD COLUMN category VARCHAR(50),
+ADD COLUMN channels JSON,
+ADD COLUMN status VARCHAR(20) DEFAULT 'Draft',
+ADD COLUMN version VARCHAR(20) DEFAULT '1.0',
+ADD COLUMN tags TEXT,
+ADD COLUMN is_personal BOOLEAN DEFAULT false,
+ADD COLUMN from_name VARCHAR(100),
+ADD COLUMN reply_to VARCHAR(255),
+ADD COLUMN track_opens BOOLEAN DEFAULT true,
+ADD COLUMN created_by VARCHAR(36),
+ADD COLUMN updated_by VARCHAR(36);
+
+-- Add check constraint for status
+ALTER TABLE notification_templates 
+ADD CONSTRAINT chk_template_status 
+CHECK (status IN ('Draft', 'Active', 'Archived'));
+
+-- Update existing templates to have default values for new fields
+UPDATE notification_templates 
+SET 
+    status = 'Active',
+    version = '1.0',
+    is_personal = false,
+    track_opens = true,
+    channels = JSON_ARRAY('email')
+WHERE status IS NULL;
+
+-- Create index for better performance on commonly queried fields
+CREATE INDEX idx_notification_templates_status ON notification_templates(status);
+CREATE INDEX idx_notification_templates_category ON notification_templates(category);
+CREATE INDEX idx_notification_templates_created_by ON notification_templates(created_by); 
\ No newline at end of file
diff --git a/database/migrations/003_create_template_version_history.sql b/database/migrations/003_create_template_version_history.sql
new file mode 100644
index 0000000..d4cc220
--- /dev/null
+++ b/database/migrations/003_create_template_version_history.sql
@@ -0,0 +1,42 @@
+-- Migration: Create template version history table
+-- Date: 2024-01-15
+-- Description: Create table to store version history of notification templates
+
+CREATE TABLE `notification_template_versions` (
+  `id` varchar(36) NOT NULL DEFAULT (UUID()),
+  `template_id` varchar(36) NOT NULL,
+  `version` varchar(20) NOT NULL,
+  `name` varchar(100) NOT NULL,
+  `description` text,
+  `subject` varchar(255) DEFAULT NULL,
+  `preheader` varchar(255) DEFAULT NULL,
+  `email_content` text,
+  `push_title` varchar(100) DEFAULT NULL,
+  `push_body` varchar(300) DEFAULT NULL,
+  `push_icon` varchar(500) DEFAULT NULL,
+  `push_url` text,
+  `sms_content` text,
+  `category` varchar(50) DEFAULT NULL,
+  `channels` json DEFAULT NULL,
+  `status` varchar(20) DEFAULT 'Draft',
+  `tags` text,
+  `is_personal` tinyint(1) DEFAULT '0',
+  `from_name` varchar(100) DEFAULT NULL,
+  `reply_to` varchar(255) DEFAULT NULL,
+  `track_opens` tinyint(1) DEFAULT '1',
+  `variables` json DEFAULT NULL,
+  `is_active` tinyint(1) DEFAULT '1',
+  `change_description` text,
+  `is_current` tinyint(1) DEFAULT '0',
+  `created_by` varchar(36) DEFAULT NULL,
+  `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
+  PRIMARY KEY (`id`),
+  KEY `idx_template_versions_template_id` (`template_id`),
+  KEY `idx_template_versions_version` (`version`),
+  KEY `idx_template_versions_created_at` (`created_at`),
+  CONSTRAINT `fk_template_versions_template_id` FOREIGN KEY (`template_id`) REFERENCES `notification_templates` (`id`) ON DELETE CASCADE ON UPDATE NO ACTION
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- Create index for better performance
+CREATE INDEX `idx_template_versions_template_version` ON `notification_template_versions` (`template_id`, `version`);
+CREATE INDEX `idx_template_versions_is_current` ON `notification_template_versions` (`is_current`); 
\ No newline at end of file
diff --git a/database/migrations/004_create_notification_logs_table.sql b/database/migrations/004_create_notification_logs_table.sql
new file mode 100644
index 0000000..f509f89
--- /dev/null
+++ b/database/migrations/004_create_notification_logs_table.sql
@@ -0,0 +1,22 @@
+-- Create notification logs table for audit trail
+CREATE TABLE IF NOT EXISTS `notification_logs` (
+  `id` VARCHAR(36) NOT NULL DEFAULT (UUID()),
+  `notification_id` VARCHAR(36) NULL,
+  `action` VARCHAR(50) NOT NULL,
+  `actor` VARCHAR(100) NULL,
+  `actor_id` VARCHAR(36) NULL,
+  `channel_type` VARCHAR(20) NULL,
+  `status` VARCHAR(30) NULL,
+  `details` TEXT NULL,
+  `source_ip` VARCHAR(50) NULL,
+  `error_code` VARCHAR(50) NULL,
+  `error_message` TEXT NULL,
+  `metadata` JSON NULL,
+  `created_at` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP,
+  PRIMARY KEY (`id`),
+  INDEX `idx_notification_logs_notification_id` (`notification_id`),
+  INDEX `idx_notification_logs_action` (`action`),
+  INDEX `idx_notification_logs_created_at` (`created_at`),
+  INDEX `idx_notification_logs_status` (`status`),
+  INDEX `idx_notification_logs_channel_type` (`channel_type`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci; 
\ No newline at end of file
diff --git a/database/migrations/005_support_multiple_email_providers.sql b/database/migrations/005_support_multiple_email_providers.sql
new file mode 100644
index 0000000..4842ba2
--- /dev/null
+++ b/database/migrations/005_support_multiple_email_providers.sql
@@ -0,0 +1,90 @@
+-- Migration: Support Multiple Email Providers
+-- This migration allows storing multiple provider configurations per channel type
+-- Previously: Only one config per channel_type (unique constraint)
+-- Now: Multiple configs per channel_type, identified by provider
+
+-- Step 1: Drop the unique constraint on channel_type
+ALTER TABLE notification_delivery_config
+DROP INDEX channel_type;
+
+-- Step 2: Add unique constraint on (channel_type, provider) combination
+ALTER TABLE notification_delivery_config
+ADD UNIQUE KEY unique_channel_provider (channel_type, provider);
+
+-- Step 3: Add active_provider column to track which provider is currently active
+ALTER TABLE notification_delivery_config
+ADD COLUMN is_active BOOLEAN DEFAULT false AFTER is_enabled;
+
+-- Step 4: Set current email config as active (if exists)
+UPDATE notification_delivery_config
+SET is_active = true
+WHERE channel_type = 'email'
+  AND is_enabled = true
+LIMIT 1;
+
+-- Step 5: Insert Mailtrap configuration if not exists
+INSERT IGNORE INTO notification_delivery_config
+(channel_type, is_enabled, is_active, provider, provider_config, status, success_rate, created_by, updated_by, created_at, updated_at)
+VALUES (
+  'email',
+  false,
+  false,
+  'Mailtrap',
+  JSON_OBJECT(
+    'host', 'live.smtp.mailtrap.io',
+    'port', 587,
+    'secure', false,
+    'user', 'apismtp@mailtrap.io',
+    'pass', '',
+    'senderEmail', '',
+    'senderName', ''
+  ),
+  'Not Configured',
+  0.0,
+  1,
+  1,
+  NOW(),
+  NOW()
+);
+
+-- Step 6: Insert AWS SES configuration if not exists
+INSERT IGNORE INTO notification_delivery_config
+(channel_type, is_enabled, is_active, provider, provider_config, status, success_rate, created_by, updated_by, created_at, updated_at)
+VALUES (
+  'email',
+  false,
+  false,
+  'AWS SES',
+  JSON_OBJECT(
+    'host', '',
+    'port', 587,
+    'secure', false,
+    'user', '',
+    'pass', '',
+    'senderEmail', '',
+    'senderName', '',
+    'region', 'us-east-1',
+    'configurationSet', ''
+  ),
+  'Not Configured',
+  0.0,
+  1,
+  1,
+  NOW(),
+  NOW()
+);
+
+-- Verify the migration
+SELECT
+  id,
+  channel_type,
+  provider,
+  is_enabled,
+  is_active,
+  status,
+  JSON_EXTRACT(provider_config, '$.host') as smtp_host,
+  created_at,
+  updated_at
+FROM notification_delivery_config
+WHERE channel_type = 'email'
+ORDER BY provider;
diff --git a/database/migrations/005_support_multiple_email_providers_safe.sql b/database/migrations/005_support_multiple_email_providers_safe.sql
new file mode 100644
index 0000000..7031c45
--- /dev/null
+++ b/database/migrations/005_support_multiple_email_providers_safe.sql
@@ -0,0 +1,126 @@
+-- Migration: Support Multiple Email Providers (SAFE VERSION)
+-- This migration allows storing multiple provider configurations per channel type
+
+-- STEP 0: First, check what indexes exist on the table
+-- Run this query to see existing indexes:
+SHOW INDEX FROM notification_delivery_config;
+
+-- You should see output showing index names. Look for a unique index on 'channel_type'
+-- Common names: 'channel_type', 'notification_delivery_config_channel_type_key', or similar
+
+-- STEP 1: Drop the unique constraint on channel_type
+-- Option A: If the index is named 'channel_type'
+-- ALTER TABLE notification_delivery_config DROP INDEX channel_type;
+
+-- Option B: If you don't have a unique constraint yet, skip step 1
+
+-- Check if constraint exists before dropping (MySQL 5.7+)
+SET @exist := (SELECT COUNT(*) FROM information_schema.statistics
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_delivery_config'
+               AND index_name = 'channel_type');
+SET @sqlstmt := IF(@exist > 0,
+                   'ALTER TABLE notification_delivery_config DROP INDEX channel_type',
+                   'SELECT "Index does not exist, skipping..."');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- STEP 2: Add unique constraint on (channel_type, provider) combination
+-- First check if it already exists
+SET @exist := (SELECT COUNT(*) FROM information_schema.statistics
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_delivery_config'
+               AND index_name = 'unique_channel_provider');
+SET @sqlstmt := IF(@exist = 0,
+                   'ALTER TABLE notification_delivery_config ADD UNIQUE KEY unique_channel_provider (channel_type, provider)',
+                   'SELECT "Unique index already exists, skipping..."');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- STEP 3: Add is_active column if it doesn't exist
+SET @exist := (SELECT COUNT(*) FROM information_schema.columns
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_delivery_config'
+               AND column_name = 'is_active');
+SET @sqlstmt := IF(@exist = 0,
+                   'ALTER TABLE notification_delivery_config ADD COLUMN is_active BOOLEAN DEFAULT false AFTER is_enabled',
+                   'SELECT "Column is_active already exists, skipping..."');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- STEP 4: Set current email config as active (if exists)
+UPDATE notification_delivery_config
+SET is_active = true
+WHERE channel_type = 'email'
+  AND is_enabled = true
+LIMIT 1;
+
+-- STEP 5: Insert Mailtrap configuration if not exists
+INSERT IGNORE INTO notification_delivery_config
+(channel_type, is_enabled, is_active, provider, provider_config, status, success_rate, created_by, updated_by, created_at, updated_at)
+VALUES (
+  'email',
+  false,
+  false,
+  'Mailtrap',
+  JSON_OBJECT(
+    'host', 'live.smtp.mailtrap.io',
+    'port', 587,
+    'secure', false,
+    'user', 'apismtp@mailtrap.io',
+    'pass', '',
+    'senderEmail', '',
+    'senderName', ''
+  ),
+  'Not Configured',
+  0.0,
+  1,
+  1,
+  NOW(),
+  NOW()
+);
+
+-- STEP 6: Insert AWS SES configuration if not exists
+INSERT IGNORE INTO notification_delivery_config
+(channel_type, is_enabled, is_active, provider, provider_config, status, success_rate, created_by, updated_by, created_at, updated_at)
+VALUES (
+  'email',
+  false,
+  false,
+  'AWS SES',
+  JSON_OBJECT(
+    'host', '',
+    'port', 587,
+    'secure', false,
+    'user', '',
+    'pass', '',
+    'senderEmail', '',
+    'senderName', '',
+    'region', 'us-east-1',
+    'configurationSet', ''
+  ),
+  'Not Configured',
+  0.0,
+  1,
+  1,
+  NOW(),
+  NOW()
+);
+
+-- STEP 7: Verify the migration
+SELECT
+  id,
+  channel_type,
+  provider,
+  is_enabled,
+  is_active,
+  status,
+  JSON_EXTRACT(provider_config, '$.host') as smtp_host,
+  created_at,
+  updated_at
+FROM notification_delivery_config
+WHERE channel_type = 'email'
+ORDER BY provider;
diff --git a/database/migrations/006_add_performance_indexes.sql b/database/migrations/006_add_performance_indexes.sql
new file mode 100644
index 0000000..143914e
--- /dev/null
+++ b/database/migrations/006_add_performance_indexes.sql
@@ -0,0 +1,128 @@
+-- Migration: Add performance indexes for notification system
+-- Purpose: Optimize queue processing queries and recipient lookups
+-- Date: 2025-10-16
+
+-- ==================================================================
+-- 1. Composite index for queue processing
+-- ==================================================================
+-- This index optimizes the main queue processing query that filters by:
+-- - status (queued/processing)
+-- - scheduled_for (less than or equal to current time)
+-- - priority (for ordering)
+-- - last_attempt_at (for timeout recovery)
+
+-- Check if index exists, drop if it does, then create
+SET @exist := (SELECT COUNT(*) FROM information_schema.statistics
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_queue'
+               AND index_name = 'idx_queue_processing_composite');
+SET @sqlstmt := IF(@exist > 0,
+                   'SELECT "Index idx_queue_processing_composite already exists"',
+                   'CREATE INDEX idx_queue_processing_composite ON notification_queue(status, scheduled_for, priority, last_attempt_at)');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- ==================================================================
+-- 2. Index for stuck job recovery
+-- ==================================================================
+-- Note: WHERE clause not supported in MySQL, using regular index instead
+
+SET @exist := (SELECT COUNT(*) FROM information_schema.statistics
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_queue'
+               AND index_name = 'idx_queue_stuck_recovery');
+SET @sqlstmt := IF(@exist > 0,
+                   'SELECT "Index idx_queue_stuck_recovery already exists"',
+                   'CREATE INDEX idx_queue_stuck_recovery ON notification_queue(status, last_attempt_at)');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- ==================================================================
+-- 3. Composite index for recipient status tracking
+-- ==================================================================
+
+SET @exist := (SELECT COUNT(*) FROM information_schema.statistics
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_recipients'
+               AND index_name = 'idx_recipients_notification_status');
+SET @sqlstmt := IF(@exist > 0,
+                   'SELECT "Index idx_recipients_notification_status already exists"',
+                   'CREATE INDEX idx_recipients_notification_status ON notification_recipients(notification_id, status)');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- ==================================================================
+-- 4. Index for notification logs by notification and date
+-- ==================================================================
+
+SET @exist := (SELECT COUNT(*) FROM information_schema.statistics
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_logs'
+               AND index_name = 'idx_logs_notification_created');
+SET @sqlstmt := IF(@exist > 0,
+                   'SELECT "Index idx_logs_notification_created already exists"',
+                   'CREATE INDEX idx_logs_notification_created ON notification_logs(notification_id, created_at)');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- ==================================================================
+-- 5. Index for notification logs by status and date
+-- ==================================================================
+
+SET @exist := (SELECT COUNT(*) FROM information_schema.statistics
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_logs'
+               AND index_name = 'idx_logs_status_created');
+SET @sqlstmt := IF(@exist > 0,
+                   'SELECT "Index idx_logs_status_created already exists"',
+                   'CREATE INDEX idx_logs_status_created ON notification_logs(status, created_at)');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- ==================================================================
+-- 6. Index for notification delivery config lookups
+-- ==================================================================
+
+SET @exist := (SELECT COUNT(*) FROM information_schema.statistics
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_delivery_config'
+               AND index_name = 'idx_delivery_config_channel_enabled');
+SET @sqlstmt := IF(@exist > 0,
+                   'SELECT "Index idx_delivery_config_channel_enabled already exists"',
+                   'CREATE INDEX idx_delivery_config_channel_enabled ON notification_delivery_config(channel_type, is_enabled)');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- ==================================================================
+-- 7. Index for queue items by recipient
+-- ==================================================================
+
+SET @exist := (SELECT COUNT(*) FROM information_schema.statistics
+               WHERE table_schema = DATABASE()
+               AND table_name = 'notification_queue'
+               AND index_name = 'idx_queue_recipient');
+SET @sqlstmt := IF(@exist > 0,
+                   'SELECT "Index idx_queue_recipient already exists"',
+                   'CREATE INDEX idx_queue_recipient ON notification_queue(recipient_id)');
+PREPARE stmt FROM @sqlstmt;
+EXECUTE stmt;
+DEALLOCATE PREPARE stmt;
+
+-- ==================================================================
+-- Verify indexes were created
+-- ==================================================================
+SELECT
+    table_name,
+    index_name,
+    column_name
+FROM information_schema.statistics
+WHERE table_schema = DATABASE()
+  AND table_name IN ('notification_queue', 'notification_recipients', 'notification_logs', 'notification_delivery_config')
+  AND index_name LIKE 'idx_%'
+ORDER BY table_name, index_name, seq_in_index;
diff --git a/database/migrations/MIGRATION_GUIDE.md b/database/migrations/MIGRATION_GUIDE.md
new file mode 100644
index 0000000..c8b75c3
--- /dev/null
+++ b/database/migrations/MIGRATION_GUIDE.md
@@ -0,0 +1,167 @@
+# Migration Guide: Multi-Provider Email Support
+
+## Step 1: Check Current Schema
+
+First, check what indexes exist on your table:
+
+```sql
+SHOW INDEX FROM notification_delivery_config;
+```
+
+Look for a unique index on `channel_type`. It might be named:
+- `channel_type`
+- `notification_delivery_config_channel_type_key`
+- Or something similar
+
+**If you see a unique index on `channel_type`, note the exact name.**
+
+## Step 2: Drop Old Unique Constraint (if exists)
+
+Replace `INDEX_NAME_HERE` with the actual name from Step 1:
+
+```sql
+-- If the index name is 'channel_type':
+ALTER TABLE notification_delivery_config DROP INDEX channel_type;
+
+-- OR if it has a different name:
+ALTER TABLE notification_delivery_config DROP INDEX notification_delivery_config_channel_type_key;
+```
+
+**If you got error "Can't DROP"**, it means there's no unique constraint. **This is fine! Skip to Step 3.**
+
+## Step 3: Add New Unique Constraint
+
+```sql
+ALTER TABLE notification_delivery_config
+ADD UNIQUE KEY unique_channel_provider (channel_type, provider);
+```
+
+This allows multiple providers per channel.
+
+## Step 4: Add is_active Column
+
+```sql
+ALTER TABLE notification_delivery_config
+ADD COLUMN is_active BOOLEAN DEFAULT false AFTER is_enabled;
+```
+
+## Step 5: Mark Current Config as Active
+
+```sql
+UPDATE notification_delivery_config
+SET is_active = true
+WHERE channel_type = 'email'
+  AND is_enabled = true
+LIMIT 1;
+```
+
+## Step 6: Insert Mailtrap Config
+
+```sql
+INSERT IGNORE INTO notification_delivery_config
+(channel_type, is_enabled, is_active, provider, provider_config, status, success_rate, created_by, updated_by, created_at, updated_at)
+VALUES (
+  'email',
+  false,
+  false,
+  'Mailtrap',
+  JSON_OBJECT(
+    'host', 'live.smtp.mailtrap.io',
+    'port', 587,
+    'secure', false,
+    'user', 'apismtp@mailtrap.io',
+    'pass', '',
+    'senderEmail', '',
+    'senderName', ''
+  ),
+  'Not Configured',
+  0.0,
+  1,
+  1,
+  NOW(),
+  NOW()
+);
+```
+
+## Step 7: Insert AWS SES Config
+
+```sql
+INSERT IGNORE INTO notification_delivery_config
+(channel_type, is_enabled, is_active, provider, provider_config, status, success_rate, created_by, updated_by, created_at, updated_at)
+VALUES (
+  'email',
+  false,
+  false,
+  'AWS SES',
+  JSON_OBJECT(
+    'host', '',
+    'port', 587,
+    'secure', false,
+    'user', '',
+    'pass', '',
+    'senderEmail', '',
+    'senderName', '',
+    'region', 'us-east-1',
+    'configurationSet', ''
+  ),
+  'Not Configured',
+  0.0,
+  1,
+  1,
+  NOW(),
+  NOW()
+);
+```
+
+## Step 8: Verify Migration
+
+```sql
+SELECT
+  id,
+  channel_type,
+  provider,
+  is_enabled,
+  is_active,
+  status,
+  JSON_EXTRACT(provider_config, '$.host') as smtp_host
+FROM notification_delivery_config
+WHERE channel_type = 'email'
+ORDER BY provider;
+```
+
+You should see:
+- At least 2 rows for email (Mailtrap and AWS SES)
+- One might be `is_enabled = true` (your current config)
+- Only one should have `is_active = true`
+
+## Step 9: Regenerate Prisma Client
+
+After database migration, update your Prisma client:
+
+```bash
+npx prisma generate
+```
+
+## Troubleshooting
+
+### Error: "Can't DROP 'channel_type'"
+**Solution:** Your table doesn't have a unique constraint on `channel_type`. This is fine! Skip Step 2 and continue with Step 3.
+
+### Error: "Duplicate entry for key 'unique_channel_provider'"
+**Solution:** The unique constraint already exists. Skip Step 3.
+
+### Error: "Duplicate column name 'is_active'"
+**Solution:** The column already exists. Skip Step 4.
+
+### Error: "Duplicate entry" on INSERT
+**Solution:** The config already exists. This is normal with `INSERT IGNORE`.
+
+## Alternative: Use Safe Migration Script
+
+If you prefer, run the safe migration script that handles all checks automatically:
+
+```bash
+mysql -h 18.138.137.105 -u admin -p corrad-notification < database/migrations/005_support_multiple_email_providers_safe.sql
+```
+
+This script checks for existing indexes/columns before making changes.
diff --git a/docs/SITE_SETTINGS.md b/docs/SITE_SETTINGS.md
new file mode 100644
index 0000000..eed0bcc
--- /dev/null
+++ b/docs/SITE_SETTINGS.md
@@ -0,0 +1,161 @@
+# Site Settings Feature
+
+## Overview
+The Site Settings feature allows administrators to customize the appearance and branding of the application through a user-friendly interface. All settings are globally applied across the entire application including SEO, meta tags, and visual elements.
+
+## Features
+
+### 1. Basic Information
+- **Site Name**: Customize the application name displayed globally in:
+  - Header and sidebar
+  - Browser title and meta tags
+  - SEO and Open Graph tags
+  - Loading screen
+  - All pages and components
+- **Site Description**: Set a description used for:
+  - SEO meta descriptions
+  - Open Graph descriptions
+  - Twitter Card descriptions
+- **Theme Selection**: Choose from available themes:
+  - Standard themes (from themeList.js)
+  - Accessibility themes (from themeList2.js)
+  - Custom themes added to theme.css
+
+### 2. Branding
+- **Site Logo**: Upload a custom logo displayed in:
+  - Header (horizontal layout)
+  - Sidebar (vertical layout)
+  - Loading screen
+  - Login page
+  - Any component using site settings
+- **Favicon**: Upload a custom favicon displayed in:
+  - Browser tabs
+  - Bookmarks
+  - Mobile home screen icons
+
+### 3. Advanced Settings
+- **Custom CSS**: Add custom CSS injected into document head
+- **Custom Theme File**: Upload CSS files saved to `/assets/style/css/`
+- **Add Custom Theme to theme.css**: Directly add themes to the main theme.css file
+
+## How to Access
+
+1. Navigate to **Pentadbiran** → **Konfigurasi** → **Site Settings**
+2. Use the tabbed interface:
+   - **Basic Info**: Site name, description, and theme selection
+   - **Branding**: Logo and favicon uploads
+   - **Advanced**: Custom CSS and theme management
+3. Use the **Live Preview** panel to see changes in real-time
+4. Click **Save Changes** to apply your settings
+
+## Technical Implementation
+
+### Database Schema
+The settings are stored in the `site_settings` table with the following fields:
+- `siteName`, `siteDescription`
+- `siteLogo`, `siteFavicon`
+- `selectedTheme` - Selected theme name
+- `customCSS`, `customThemeFile`
+- Legacy fields maintained for backward compatibility
+
+### API Endpoints
+- `GET /api/devtool/config/site-settings` - Retrieve current settings
+- `POST /api/devtool/config/site-settings` - Update settings
+- `POST /api/devtool/config/upload-file` - Upload files (logos, themes)
+- `POST /api/devtool/config/add-custom-theme` - Add custom theme to theme.css
+
+### File Upload Locations
+- **Logo and Favicon files**: Saved to `public/uploads/site-settings/`
+- **Theme CSS files**: Saved to `assets/style/css/` directory
+- **Custom themes**: Added directly to `assets/style/css/base/theme.css`
+
+### Composable
+The `useSiteSettings()` composable provides:
+- `siteSettings` - Reactive settings object
+- `loadSiteSettings()` - Load settings from API
+- `updateSiteSettings()` - Update settings
+- `setTheme()` - Set theme using existing theme system
+- `getCurrentTheme()` - Get current theme
+- `applyThemeSettings()` - Apply theme changes to DOM
+- `updateGlobalMeta()` - Update global meta tags and SEO
+- `addCustomThemeToFile()` - Add custom theme to theme.css
+
+### Global Integration
+The site settings are globally integrated across:
+
+#### Header Component
+- Uses site settings for logo and name display
+- Theme selection dropdown uses same system as site settings
+- Synced with site settings theme selection
+
+#### Loading Component
+- Uses site logo if available, fallback to default
+- Displays site name in loading screen
+
+#### App.vue
+- Global meta tags updated from site settings
+- Title, description, and favicon managed globally
+- Theme initialization from site settings
+
+#### SEO and Meta Tags
+- Document title updated globally
+- Meta descriptions for SEO
+- Open Graph tags for social sharing
+- Twitter Card tags
+- Favicon and apple-touch-icon
+
+### Theme System Integration
+- Integrates with existing theme system (themeList.js, themeList2.js)
+- Theme selection in header dropdown synced with site settings
+- Custom themes can be added directly to theme.css
+- Backward compatibility with existing theme structure
+
+### Custom Theme Structure
+Custom themes added to theme.css should follow this structure:
+```css
+html[data-theme="your-theme-name"] {
+  --color-primary: 255, 0, 0;
+  --color-secondary: 0, 255, 0;
+  --color-success: 0, 255, 0;
+  --color-info: 0, 0, 255;
+  --color-warning: 255, 255, 0;
+  --color-danger: 255, 0, 0;
+  /* Add your theme variables here */
+}
+```
+
+## Default Values
+If no settings are configured, the system uses these defaults:
+- Site Name: "corradAF"
+- Site Description: "corradAF Base Project"
+- Selected Theme: "biasa"
+- Logo: Default corradAF logo
+- Favicon: Default favicon
+
+## Migration Notes
+- Legacy color fields (primaryColor, secondaryColor, etc.) are maintained for backward compatibility
+- `themeMode` field is mapped to `selectedTheme` for compatibility
+- Existing installations will automatically use default values
+- Theme selection integrates with existing theme dropdown in header
+
+## Notes
+- Changes are applied immediately in the preview
+- Theme changes affect the entire application
+- Custom CSS is injected into the document head
+- Theme files are saved to `/assets/style/css/` for proper integration
+- File uploads are validated for type and size
+- Settings persist across browser sessions
+- Site name and description updates are reflected globally and immediately
+- All meta tags and SEO elements are automatically updated
+- Logo changes are reflected in all components that use site settings 
+
+### Important Notes
+- Changes are applied immediately in the preview
+- Theme changes affect the entire application
+- Custom CSS is injected into the document head
+- Theme files are saved to `/assets/style/css/` for proper integration
+- File uploads are validated for type and size
+- Settings persist across browser sessions
+- Site name and description updates are reflected globally and immediately
+- All meta tags and SEO elements are automatically updated
+- Logo changes are reflected in all components that use site settings 
\ No newline at end of file
diff --git a/docs/multi-provider-email-setup.md b/docs/multi-provider-email-setup.md
new file mode 100644
index 0000000..75a5378
--- /dev/null
+++ b/docs/multi-provider-email-setup.md
@@ -0,0 +1,211 @@
+# Multi-Provider Email Configuration
+
+This document explains how to configure multiple email providers (Mailtrap and AWS SES) in the notification system.
+
+## Overview
+
+The system now supports storing **multiple email provider configurations** simultaneously. Each provider's configuration is saved independently, allowing you to:
+- Switch between providers without losing configurations
+- Keep backup provider credentials ready
+- Test different providers easily
+
+## Database Changes
+
+### Migration Required
+
+Run this migration to enable multi-provider support:
+
+```bash
+mysql -h <host> -u <user> -p <database> < database/migrations/005_support_multiple_email_providers.sql
+```
+
+### What Changed
+
+1. **Removed** unique constraint on `channel_type`
+2. **Added** unique constraint on `(channel_type, provider)` combination
+3. **Added** `is_active` column to track active provider
+4. Now supports multiple rows per channel_type with different providers
+
+**Before:**
+```
+id | channel_type | provider   | is_enabled
+1  | email        | Mailtrap   | true
+```
+
+**After:**
+```
+id | channel_type | provider   | is_enabled | is_active
+1  | email        | Mailtrap   | true       | true
+2  | email        | AWS SES    | false      | false
+```
+
+## How It Works
+
+### 1. **API Behavior**
+
+**GET `/api/notifications/delivery/email-config`**
+- Returns ALL provider configurations
+- Indicates which provider is active
+- Response format:
+```json
+{
+  "success": true,
+  "data": {
+    "providers": {
+      "mailtrap": {
+        "enabled": true,
+        "provider": "Mailtrap",
+        "config": { "host": "...", ... },
+        "status": "Connected",
+        "successRate": 99.5
+      },
+      "aws-ses": {
+        "enabled": false,
+        "provider": "AWS SES",
+        "config": { "host": "...", ... },
+        "status": "Not Configured",
+        "successRate": 0
+      }
+    },
+    "activeProvider": "mailtrap"
+  }
+}
+```
+
+**PUT `/api/notifications/delivery/email-config`**
+- Saves configuration for specific provider
+- If enabling a provider, **automatically disables others**
+- Only ONE provider can be `is_enabled: true` at a time
+
+### 2. **UI Behavior**
+
+**Provider Dropdown:**
+- Shows: Mailtrap, AWS SES
+- Switching providers loads that provider's saved configuration
+- If no config exists, loads default template
+
+**Saving Configuration:**
+- Saves to database for the selected provider
+- Does NOT overwrite other providers' configs
+- Enabling saves current provider and disables others
+
+**Configuration Persistence:**
+- Each provider's config is stored separately
+- Switching between providers preserves both configurations
+- Form fields update automatically when switching
+
+### 3. **Email Sending**
+
+The `emailService.js` looks for:
+1. Any `is_enabled: true` config in database
+2. Falls back to `.env` variables if no enabled config
+
+Both Mailtrap and AWS SES use **nodemailer SMTP**, so no backend code changes needed.
+
+## Setup Instructions
+
+### Step 1: Run Migration
+
+```bash
+mysql -h <host> -u <user> -p <database> < database/migrations/005_support_multiple_email_providers.sql
+```
+
+This will:
+- ✅ Update schema to support multiple providers
+- ✅ Create placeholder rows for Mailtrap and AWS SES
+- ✅ Preserve existing configuration
+
+### Step 2: Update Prisma Schema
+
+```bash
+npx prisma generate
+```
+
+This regenerates the Prisma client with the updated schema.
+
+### Step 3: Configure Providers via UI
+
+1. Go to `/notification/delivery`
+2. Select **Mailtrap** from dropdown
+3. Fill in Mailtrap credentials
+4. Click **Save**
+5. Switch to **AWS SES** from dropdown
+6. Fill in AWS SES credentials
+7. Click **Save**
+
+Both configurations are now saved!
+
+### Step 4: Switch Between Providers
+
+To change active provider:
+1. Select desired provider from dropdown
+2. Toggle **Enable Email Delivery** to ON
+3. Click **Save**
+
+This automatically:
+- ✅ Enables selected provider
+- ✅ Disables other provider
+- ✅ Updates email service to use new provider
+
+## Provider-Specific Configuration
+
+### Mailtrap
+
+**Required Fields:**
+- SMTP Host: `live.smtp.mailtrap.io`
+- SMTP Port: `587`
+- SMTP Username: `apismtp@mailtrap.io`
+- SMTP Password: Your Mailtrap API token
+- Sender Email: Your verified sender email
+- Sender Name: (Optional)
+
+### AWS SES
+
+**Required Fields:**
+- SMTP Host: `email-smtp.<region>.amazonaws.com` (e.g., `email-smtp.us-east-1.amazonaws.com`)
+- SMTP Port: `587` (STARTTLS) or `465` (TLS)
+- SMTP Username: AWS SES SMTP username (NOT IAM user)
+- SMTP Password: AWS SES SMTP password (NOT secret key)
+- Sender Email: Must be verified in AWS SES
+- Sender Name: (Optional)
+- AWS Region: e.g., `us-east-1`
+- Configuration Set: (Optional) For tracking
+
+**Note:** AWS SES requires:
+1. Verified sender email/domain in SES console
+2. SMTP credentials generated from SES (not IAM credentials)
+3. Account moved out of sandbox for production sending
+
+## Troubleshooting
+
+### Configuration Not Saving
+- Check database migration ran successfully
+- Verify unique constraint exists: `SHOW INDEX FROM notification_delivery_config;`
+- Should see `channel_type_provider` unique index
+
+### Wrong Provider Being Used
+- Check `is_enabled` column in database
+- Only ONE provider should have `is_enabled = true`
+- Run: `SELECT * FROM notification_delivery_config WHERE channel_type = 'email';`
+
+### Form Fields Don't Update When Switching
+- Clear browser cache
+- Check browser console for errors
+- Verify API returns all provider configs
+
+## Files Modified
+
+### Backend
+- `server/api/notifications/delivery/email-config.get.js` - Returns all providers
+- `server/api/notifications/delivery/email-config.put.js` - Saves per provider
+- `prisma/schema.prisma` - Updated unique constraint
+
+### Frontend
+- `pages/notification/delivery/index.vue` - Multi-provider UI
+- `pages/notification/delivery/providers.vue` - Provider list
+
+### Database
+- `database/migrations/005_support_multiple_email_providers.sql` - Schema migration
+
+### Documentation
+- `docs/multi-provider-email-setup.md` - This file
diff --git a/docs/notification-system-api.md b/docs/notification-system-api.md
new file mode 100644
index 0000000..feac8c1
--- /dev/null
+++ b/docs/notification-system-api.md
@@ -0,0 +1,515 @@
+# Notification System API Documentation
+
+This document provides comprehensive information about the notification system's database schema and API endpoints based on the notification creation form requirements.
+
+## Table of Contents
+1. [Database Schema](#database-schema)
+2. [API Endpoints](#api-endpoints)
+3. [Usage Examples](#usage-examples)
+4. [Integration Guide](#integration-guide)
+
+## Database Schema
+
+### Core Tables
+
+#### `notification_categories`
+Stores categorization options for notifications.
+```sql
+- id (UUID, Primary Key)
+- name (VARCHAR) - Display name
+- value (VARCHAR) - Unique identifier 
+- description (TEXT) - Optional description
+- created_at, updated_at (TIMESTAMP)
+```
+
+#### `notification_templates`
+Reusable templates for common notification types.
+```sql
+- id (UUID, Primary Key)
+- name (VARCHAR) - Template name
+- value (VARCHAR) - Unique identifier
+- subject (VARCHAR) - Email subject template
+- email_content (TEXT) - Email body template
+- push_title (VARCHAR) - Push notification title
+- push_body (VARCHAR) - Push notification body
+- variables (JSONB) - Available variables
+- is_active (BOOLEAN)
+- created_at, updated_at (TIMESTAMP)
+```
+
+#### `notifications` (Main Table)
+Central table storing all notification configurations.
+```sql
+- id (UUID, Primary Key)
+- title (VARCHAR) - Internal notification title
+- type (ENUM) - 'single' or 'bulk'
+- priority (ENUM) - 'low', 'medium', 'high', 'critical'
+- category_id (UUID) - FK to notification_categories
+- status (ENUM) - 'draft', 'scheduled', 'sending', 'sent', 'failed', 'cancelled'
+- delivery_type (ENUM) - 'immediate' or 'scheduled'
+- scheduled_at (TIMESTAMP) - When to send (for scheduled)
+- timezone (VARCHAR) - Timezone for scheduling
+- expires_at (TIMESTAMP) - Optional expiration
+- enable_ab_testing (BOOLEAN)
+- ab_test_split (INTEGER) - Percentage split for A/B testing
+- ab_test_name (VARCHAR) - A/B test identifier
+- enable_tracking (BOOLEAN)
+- audience_type (ENUM) - 'all', 'specific', 'segmented'
+- specific_users (TEXT) - Comma-separated user identifiers
+- user_status (VARCHAR) - Filter by user status
+- registration_period (VARCHAR) - Filter by registration period
+- exclude_unsubscribed (BOOLEAN)
+- respect_do_not_disturb (BOOLEAN)
+- content_type (ENUM) - 'new' or 'template'
+- template_id (UUID) - FK to notification_templates
+- email_subject (VARCHAR)
+- email_content (TEXT)
+- call_to_action_text (VARCHAR)
+- call_to_action_url (TEXT)
+- push_title (VARCHAR)
+- push_body (VARCHAR)
+- push_image_url (TEXT)
+- estimated_reach (INTEGER)
+- actual_sent (INTEGER)
+- created_by (UUID) - User who created
+- created_at, updated_at, sent_at (TIMESTAMP)
+```
+
+#### Supporting Tables
+
+- `notification_channels` - Many-to-many relationship for delivery channels
+- `notification_user_segments` - Many-to-many for user segments
+- `notification_recipients` - Tracks individual recipients and delivery status
+- `notification_queue` - Queue for scheduled notifications
+- `notification_analytics` - Tracks metrics and engagement
+- `user_notification_preferences` - User preferences and DND settings
+
+## API Endpoints
+
+### 1. Create Notification
+**POST** `/api/notifications`
+
+Creates a new notification or schedules it for delivery.
+
+**Request Body:**
+```json
+{
+  "title": "Welcome New Users",
+  "type": "bulk",
+  "priority": "medium",
+  "category": "user_management",
+  "channels": ["email", "push"],
+  "emailSubject": "Welcome to our platform!",
+  "deliveryType": "immediate",
+  "timezone": "UTC",
+  "enableAbTesting": false,
+  "abTestSplit": 50,
+  "enableTracking": true,
+  "audienceType": "segmented",
+  "userSegments": ["new_users"],
+  "excludeUnsubscribed": true,
+  "respectDoNotDisturb": true,
+  "contentType": "new",
+  "emailContent": "<h1>Welcome!</h1><p>Thank you for joining us.</p>",
+  "pushTitle": "Welcome!",
+  "pushBody": "Thank you for joining our platform.",
+  "callToActionText": "Get Started",
+  "callToActionUrl": "https://example.com/onboarding"
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": {
+    "id": "uuid-of-notification",
+    "message": "Notification is being sent",
+    "estimatedReach": 1500
+  }
+}
+```
+
+### 2. Get Categories
+**GET** `/api/notifications/categories`
+
+Returns available notification categories.
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": [
+    {
+      "label": "User Management",
+      "value": "user_management",
+      "description": "User registration, profile updates, account changes"
+    }
+  ]
+}
+```
+
+### 3. Get Templates
+**GET** `/api/notifications/templates`
+
+Returns available notification templates.
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": [
+    {
+      "label": "Welcome Message",
+      "value": "welcome",
+      "subject": "Welcome to {{company_name}}!",
+      "content": "<h1>Welcome {{first_name}}!</h1>",
+      "pushTitle": "Welcome!",
+      "pushBody": "Hi {{first_name}}, welcome!",
+      "variables": ["first_name", "company_name"]
+    }
+  ]
+}
+```
+
+### 4. Get User Segments
+**GET** `/api/notifications/segments`
+
+Returns available user segments for targeting.
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": [
+    {
+      "label": "New Users",
+      "value": "new_users",
+      "description": "Users registered within last 30 days",
+      "criteria": {"registration_days": 30}
+    }
+  ]
+}
+```
+
+### 5. Preview Audience
+**POST** `/api/notifications/audience-preview`
+
+Preview the target audience based on selected criteria.
+
+**Request Body:**
+```json
+{
+  "audienceType": "segmented",
+  "userSegments": ["new_users", "active_users"],
+  "userStatus": "active",
+  "excludeUnsubscribed": true,
+  "channels": ["email"]
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": {
+    "users": [
+      {
+        "id": "user-uuid",
+        "name": "John Doe",
+        "email": "john@example.com",
+        "segment": "New Users",
+        "status": "active",
+        "registeredAt": "2024-01-01T00:00:00Z"
+      }
+    ],
+    "totalCount": 1500,
+    "previewCount": 100
+  }
+}
+```
+
+### 6. Send Test Notification
+**POST** `/api/notifications/test-send`
+
+Send a test notification to validate setup.
+
+**Request Body:**
+```json
+{
+  "email": "test@example.com",
+  "testData": {
+    "title": "Test Notification",
+    "channels": ["email", "push"],
+    "emailSubject": "Test Email",
+    "emailContent": "<p>This is a test email.</p>",
+    "pushTitle": "Test Push",
+    "pushBody": "This is a test push notification."
+  }
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": {
+    "message": "Test notifications processed",
+    "results": [
+      {
+        "channel": "email",
+        "status": "sent",
+        "message": "Test email sent successfully"
+      },
+      {
+        "channel": "push",
+        "status": "sent",
+        "message": "Test push notification sent successfully"
+      }
+    ]
+  }
+}
+```
+
+### 7. Save Draft
+**POST** `/api/notifications/draft`
+
+Save notification as draft for later completion.
+
+**Request Body:**
+```json
+{
+  "title": "Draft Notification",
+  "type": "single",
+  "category": "marketing",
+  "channels": ["email"],
+  "emailSubject": "Special Offer",
+  "contentType": "new",
+  "draftId": "existing-draft-uuid" // Optional, for updating
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": {
+    "id": "draft-uuid",
+    "message": "Draft saved successfully"
+  }
+}
+```
+
+## Usage Examples
+
+### Creating a Welcome Email Campaign
+
+```javascript
+// 1. Create notification for new users
+const response = await $fetch('/api/notifications', {
+  method: 'POST',
+  body: {
+    title: 'New User Welcome Campaign',
+    type: 'bulk',
+    priority: 'medium',
+    category: 'user_management',
+    channels: ['email'],
+    emailSubject: 'Welcome to {{company_name}}!',
+    deliveryType: 'immediate',
+    audienceType: 'segmented',
+    userSegments: ['new_users'],
+    contentType: 'template',
+    selectedTemplate: 'welcome',
+    enableTracking: true
+  }
+})
+
+console.log(`Notification created: ${response.data.id}`)
+console.log(`Estimated reach: ${response.data.estimatedReach} users`)
+```
+
+### Scheduling a Marketing Campaign
+
+```javascript
+// 2. Schedule a promotional campaign
+const scheduledResponse = await $fetch('/api/notifications', {
+  method: 'POST',
+  body: {
+    title: 'Black Friday Sale',
+    type: 'bulk',
+    priority: 'high',
+    category: 'marketing',
+    channels: ['email', 'push'],
+    emailSubject: '🔥 Black Friday Sale - 50% Off Everything!',
+    deliveryType: 'scheduled',
+    scheduledAt: '2024-11-29T09:00:00Z',
+    timezone: 'America/New_York',
+    audienceType: 'segmented',
+    userSegments: ['active_users', 'high_value'],
+    contentType: 'new',
+    emailContent: '<h1>Black Friday Sale!</h1><p>Don\'t miss out on 50% off everything!</p>',
+    pushTitle: 'Black Friday Sale!',
+    pushBody: '50% off everything - today only!',
+    callToActionText: 'Shop Now',
+    callToActionUrl: 'https://example.com/sale',
+    enableAbTesting: true,
+    abTestSplit: 50,
+    abTestName: 'Subject Line Test'
+  }
+})
+```
+
+### Sending Test Notifications
+
+```javascript
+// 3. Send test before going live
+const testResponse = await $fetch('/api/notifications/test-send', {
+  method: 'POST',
+  body: {
+    email: 'marketing@company.com',
+    notificationId: scheduledResponse.data.id
+  }
+})
+
+console.log('Test results:', testResponse.data.results)
+```
+
+## Integration Guide
+
+### Frontend Integration
+
+Update your Vue.js notification creation form to use these APIs:
+
+```vue
+<script setup>
+// Fetch initial data
+const { data: categories } = await $fetch('/api/notifications/categories')
+const { data: templates } = await $fetch('/api/notifications/templates')
+const { data: segments } = await $fetch('/api/notifications/segments')
+
+// Preview audience
+const previewAudience = async () => {
+  const response = await $fetch('/api/notifications/audience-preview', {
+    method: 'POST',
+    body: {
+      audienceType: form.audienceType,
+      userSegments: form.userSegments,
+      userStatus: form.userStatus,
+      excludeUnsubscribed: form.excludeUnsubscribed,
+      channels: form.channels
+    }
+  })
+  
+  previewedUsers.value = response.data.users
+  estimatedReach.value = response.data.totalCount
+}
+
+// Submit notification
+const submitNotification = async (formData) => {
+  try {
+    const response = await $fetch('/api/notifications', {
+      method: 'POST',
+      body: formData
+    })
+    
+    // Show success message
+    await $swal.fire({
+      title: 'Success!',
+      text: response.data.message,
+      icon: 'success'
+    })
+    
+    // Redirect to notification list
+    await navigateTo('/notifications')
+    
+  } catch (error) {
+    console.error('Failed to create notification:', error)
+  }
+}
+</script>
+```
+
+### Database Setup
+
+1. **Run the migration:**
+```bash
+psql -d your_database -f database/migrations/001_create_notification_tables.sql
+```
+
+2. **Set up database connection in Nuxt:**
+```javascript
+// nuxt.config.ts
+export default defineNuxtConfig({
+  runtimeConfig: {
+    databaseUrl: process.env.DATABASE_URL
+  }
+})
+
+// plugins/database.server.js
+import { Pool } from 'pg'
+
+export default defineNitroPlugin(async (nitroApp) => {
+  const config = useRuntimeConfig()
+  
+  const pool = new Pool({
+    connectionString: config.databaseUrl
+  })
+  
+  nitroApp.hooks.hook('close', async () => {
+    await pool.end()
+  })
+  
+  nitroApp.provide('db', pool)
+})
+```
+
+### Email/Push Service Integration
+
+Replace the mock functions in `test-send.post.js` with your actual service integrations:
+
+```javascript
+// Email service example (SendGrid)
+import sgMail from '@sendgrid/mail'
+
+async function sendTestEmail({ to, subject, content, callToActionText, callToActionUrl }) {
+  sgMail.setApiKey(process.env.SENDGRID_API_KEY)
+  
+  const msg = {
+    to,
+    from: 'noreply@yourcompany.com',
+    subject,
+    html: content
+  }
+  
+  await sgMail.send(msg)
+}
+
+// Push service example (Firebase)
+import admin from 'firebase-admin'
+
+async function sendTestPush({ email, title, body }) {
+  // Get user's device tokens from your database
+  const tokens = await getUserDeviceTokens(email)
+  
+  const message = {
+    notification: { title, body },
+    tokens
+  }
+  
+  await admin.messaging().sendMulticast(message)
+}
+```
+
+This comprehensive notification system provides:
+
+✅ **Complete database schema** with all necessary tables and relationships
+✅ **Robust API endpoints** with proper validation and error handling  
+✅ **Transaction support** to ensure data consistency
+✅ **A/B testing capabilities** for optimization
+✅ **User preference handling** including DND settings
+✅ **Queue system** for reliable delivery
+✅ **Analytics tracking** for performance monitoring
+✅ **Draft functionality** for iterative creation
+✅ **Test sending** for validation before deployment
+
+The system is designed to handle both simple single notifications and complex bulk campaigns with advanced targeting and scheduling capabilities. 
\ No newline at end of file
diff --git a/docs/queue-system-explained.md b/docs/queue-system-explained.md
new file mode 100644
index 0000000..095c3a7
--- /dev/null
+++ b/docs/queue-system-explained.md
@@ -0,0 +1,239 @@
+# Notification Queue System
+
+## Overview
+
+The notification system now uses a **background queue processor** that runs automatically every 30 seconds to send queued emails.
+
+## How It Works
+
+### 1. **Queue Creation**
+When you create a notification:
+```
+POST /api/public/create-notification
+  ↓
+Creates notification → status: "sending"
+Creates recipients → status: "pending"
+Creates queue items → status: "queued"
+  ↓
+Returns immediately (non-blocking) ✅
+```
+
+### 2. **Background Processing**
+A background worker runs automatically:
+```
+Server starts
+  ↓
+Queue Processor Plugin initializes
+  ↓
+Processes queue every 30 seconds
+  ↓
+Sends emails → Updates status → Repeats
+```
+
+### 3. **Status Updates**
+```
+notification.status: "sending" → "sent" (when all recipients done)
+recipients.status: "pending" → "sent" or "failed"
+queue.status: "queued" → "processing" → "completed" or "failed"
+```
+
+## Components
+
+### 1. Queue Processor (`server/utils/queueProcessor.js`)
+- **Runs every 30 seconds**
+- Processes up to 50 jobs per batch
+- Prevents concurrent processing (lock mechanism)
+- Logs activity for monitoring
+
+### 2. Nitro Plugin (`server/plugins/queueProcessor.js`)
+- **Auto-starts** when server starts
+- Runs in background
+- Gracefully shuts down with server
+
+### 3. Email Service (`server/utils/emailService.js`)
+- `processEmailQueue()` - Processes queued emails
+- `sendEmailNotification()` - Sends individual emails
+- Updates all statuses (notification, recipient, queue)
+
+## Queue Flow
+
+```
+┌─────────────────────────────────────────┐
+│  Create Notification API                │
+│  - Creates notification (sending)       │
+│  - Creates recipients (pending)         │
+│  - Creates queue items (queued)         │
+│  - Returns immediately ✅                │
+└─────────────────────────────────────────┘
+                  ↓
+┌─────────────────────────────────────────┐
+│  Background Queue Processor             │
+│  (Runs every 30 seconds)                │
+│                                         │
+│  1. Find queued items (scheduled_for <= now)
+│  2. For each item:                      │
+│     - Mark as "processing"              │
+│     - Send email via SMTP               │
+│     - Update recipient status           │
+│     - Update queue status               │
+│     - Update notification status        │
+│  3. Log results                         │
+└─────────────────────────────────────────┘
+                  ↓
+┌─────────────────────────────────────────┐
+│  Email Sent!                            │
+│  - notification.status → "sent"         │
+│  - recipient.status → "sent"            │
+│  - queue.status → "completed"           │
+│  - notification.actual_sent = count     │
+└─────────────────────────────────────────┘
+```
+
+## Current Implementation
+
+### ✅ What We Have:
+- **Non-blocking API** - Returns immediately after queuing
+- **Background processor** - Runs every 30 seconds
+- **Auto-start on server boot** - Via Nitro plugin
+- **Concurrent processing prevention** - Lock mechanism
+- **Status updates** - All tables updated correctly
+- **Error handling** - Failed emails marked as failed
+- **Logging** - Console logs for monitoring
+
+### ❌ What We Don't Have (Yet):
+- **BullMQ** - Not using a production queue system
+- **Redis** - No distributed queue
+- **Worker pools** - Single-threaded processing
+- **Job retries** - No automatic retry on failure
+- **Priority queues** - All jobs equal priority
+- **Rate limiting** - No per-provider rate limits
+
+## Manual Queue Processing
+
+You can manually trigger queue processing via API:
+
+```bash
+POST /api/notifications/queue/process
+```
+
+This is useful for:
+- Testing
+- Debugging
+- Force processing without waiting
+
+## Monitoring
+
+### Console Logs:
+```
+🚀 Starting background queue processor...
+✅ Queue processor started (runs every 30 seconds)
+⚙️  Processing notification queue...
+✅ Queue processed: 5 sent, 0 failed, 5 total
+```
+
+### Check Queue Status:
+```sql
+-- See queued items
+SELECT * FROM notification_queue WHERE status = 'queued';
+
+-- See processing status
+SELECT
+  n.id,
+  n.title,
+  n.status,
+  COUNT(nr.id) as total_recipients,
+  SUM(CASE WHEN nr.status = 'sent' THEN 1 ELSE 0 END) as sent,
+  SUM(CASE WHEN nr.status = 'failed' THEN 1 ELSE 0 END) as failed,
+  SUM(CASE WHEN nr.status = 'pending' THEN 1 ELSE 0 END) as pending
+FROM notifications n
+LEFT JOIN notification_recipients nr ON n.id = nr.notification_id
+GROUP BY n.id, n.title, n.status;
+```
+
+## Configuration
+
+### Queue Processing Interval:
+Change in `server/utils/queueProcessor.js`:
+```javascript
+// Current: 30 seconds
+processorInterval = setInterval(processQueue, 30000);
+
+// Faster: 10 seconds
+processorInterval = setInterval(processQueue, 10000);
+
+// Slower: 1 minute
+processorInterval = setInterval(processQueue, 60000);
+```
+
+### Batch Size:
+Change in `server/utils/emailService.js`:
+```javascript
+// Current: 50 jobs per batch
+take: 50
+
+// Larger batch: 100 jobs
+take: 100
+
+// Smaller batch: 10 jobs
+take: 10
+```
+
+## Future: Upgrading to BullMQ
+
+If you want a production-grade queue system:
+
+### Install BullMQ:
+```bash
+npm install bullmq ioredis
+```
+
+### Benefits:
+- ✅ Persistent queue (survives server restart)
+- ✅ Automatic retries with exponential backoff
+- ✅ Priority queues
+- ✅ Concurrent workers
+- ✅ Rate limiting per provider
+- ✅ Job scheduling
+- ✅ Web UI for monitoring
+- ✅ Distributed processing
+
+### When to Upgrade:
+- High volume (>1000 emails/day)
+- Multiple servers
+- Need guaranteed delivery
+- Need advanced retry logic
+- Need monitoring dashboard
+
+## Troubleshooting
+
+### Queue not processing?
+1. Check server logs for errors
+2. Check if plugin is loaded: `grep "queue processor" logs`
+3. Manually trigger: `POST /api/notifications/queue/process`
+
+### Emails not sending?
+1. Check SMTP credentials in delivery settings
+2. Check notification_queue table for errors
+3. Check notification_recipients for failed status
+4. Review email service logs
+
+### Status stuck on "sending"?
+1. Check if recipients are still "pending"
+2. Manually trigger queue processing
+3. Check for errors in notification_queue table
+
+## Summary
+
+**Current System:**
+- Simple, lightweight queue using database + setInterval
+- Runs every 30 seconds automatically
+- Non-blocking API responses
+- Suitable for low-medium volume
+
+**When to upgrade:**
+- Need higher reliability
+- Higher volume
+- Multiple servers
+- Advanced features
+
+The current system works well for most use cases and can handle thousands of notifications per day!
diff --git a/docs/template-version-history.md b/docs/template-version-history.md
new file mode 100644
index 0000000..48b5d96
--- /dev/null
+++ b/docs/template-version-history.md
@@ -0,0 +1,232 @@
+# Template Version History
+
+## Overview
+
+The Template Version History feature allows you to track, manage, and restore previous versions of your notification templates. This provides a complete audit trail and the ability to revert changes when needed.
+
+## Features
+
+### 1. Automatic Version Creation
+- Every time you update a template, a new version is automatically created
+- Version numbers follow a semantic versioning pattern (e.g., 1.0, 1.1, 1.2)
+- Each version includes a complete snapshot of the template at that point in time
+
+### 2. Version History View
+- Access version history by clicking the "Version History" icon in the template list
+- View all versions of a template in chronological order
+- See version numbers, change descriptions, and timestamps
+- Current version is clearly highlighted
+
+### 3. Version Restoration
+- Restore any previous version of a template
+- Restoration creates a new version (doesn't overwrite history)
+- Automatic backup of current state before restoration
+
+### 4. Version Deletion
+- Delete old versions that are no longer needed
+- Protection against deleting the current version
+- Protection against deleting the only version
+
+## Database Schema
+
+### notification_template_versions Table
+
+| Field | Type | Description |
+|-------|------|-------------|
+| id | varchar(36) | Primary key (UUID) |
+| template_id | varchar(36) | Reference to the main template |
+| version | varchar(20) | Version number (e.g., "1.0", "1.1") |
+| name | varchar(100) | Template name at this version |
+| description | text | Template description |
+| subject | varchar(255) | Email subject line |
+| email_content | text | Email content/body |
+| push_title | varchar(100) | Push notification title |
+| push_body | varchar(300) | Push notification body |
+| category | varchar(50) | Template category |
+| channels | json | Supported channels array |
+| status | varchar(20) | Template status (Draft, Active, Archived) |
+| change_description | text | Description of what changed |
+| is_current | boolean | Whether this is the current version |
+| created_by | varchar(36) | User who created this version |
+| created_at | timestamp | When this version was created |
+
+## API Endpoints
+
+### Get Version History
+```
+GET /api/notifications/templates/{id}/versions
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": {
+    "templateId": "template-uuid",
+    "templateName": "Template Name",
+    "versions": [
+      {
+        "id": "version-uuid",
+        "version": "1.2",
+        "name": "Template Name",
+        "changeDescription": "Updated welcome message",
+        "isCurrent": false,
+        "status": "Active",
+        "formattedCreatedAt": "03/20/2024, 02:30 PM"
+      }
+    ],
+    "totalCount": 3
+  }
+}
+```
+
+### Restore Version
+```
+POST /api/notifications/templates/{id}/versions/{versionId}/restore
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": {
+    "message": "Version 1.1 has been restored successfully as version 1.3",
+    "templateId": "template-uuid",
+    "restoredVersion": "1.1",
+    "newVersion": "1.3"
+  }
+}
+```
+
+### Delete Version
+```
+DELETE /api/notifications/templates/{id}/versions/{versionId}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "data": {
+    "message": "Version 1.1 has been deleted successfully",
+    "templateId": "template-uuid",
+    "deletedVersion": "1.1"
+  }
+}
+```
+
+## How to Use
+
+### 1. Setup Database
+Run the migration to create the version history table:
+
+```bash
+node scripts/run-migration.js
+```
+
+Or manually run the SQL migration file:
+```bash
+mysql -u your_username -p your_database < database/migrations/003_create_template_version_history.sql
+```
+
+### 2. Update Prisma Schema
+After running the migration, update your Prisma client:
+
+```bash
+npx prisma generate
+```
+
+### 3. Using the Frontend
+
+#### View Version History
+1. Go to the notification templates page
+2. Find the template you want to view history for
+3. Click the "Version History" icon in the actions column
+4. The version history modal will open showing all versions
+
+#### Restore a Version
+1. Open the version history modal
+2. Find the version you want to restore
+3. Click the "Restore" button for that version
+4. Confirm the restoration in the popup dialog
+5. The version will be restored as a new version
+
+#### Delete a Version
+1. Open the version history modal
+2. Find the version you want to delete
+3. Click the "Delete" button for that version
+4. Confirm the deletion in the popup dialog
+5. The version will be permanently deleted
+
+## Best Practices
+
+### 1. Version Naming
+- Use semantic versioning (major.minor format)
+- Increment minor version for small changes
+- Increment major version for significant changes
+
+### 2. Change Descriptions
+- Always provide meaningful change descriptions
+- Include what was changed and why
+- Be specific about the modifications made
+
+### 3. Version Management
+- Regularly clean up old versions that are no longer needed
+- Keep important milestone versions
+- Don't delete versions that might be needed for compliance or audit
+
+### 4. Testing
+- Test templates thoroughly before making them active
+- Use draft status for work-in-progress templates
+- Restore previous versions if issues are found
+
+## Security Considerations
+
+### 1. Access Control
+- Only authenticated users can access version history
+- Users can only manage versions of templates they have access to
+- Audit logs track all version operations
+
+### 2. Data Protection
+- All version data is stored securely in the database
+- Sensitive information in templates is handled according to your data protection policies
+- Regular backups include version history data
+
+### 3. Validation
+- All version operations are validated before execution
+- Protection against malicious version manipulation
+- Proper error handling for failed operations
+
+## Troubleshooting
+
+### Common Issues
+
+1. **Version History Not Loading**
+   - Check database connection
+   - Verify the template exists
+   - Check API endpoint responses
+
+2. **Restore Failing**
+   - Ensure you have proper permissions
+   - Check if the version exists
+   - Verify template is not locked
+
+3. **Delete Failing**
+   - Cannot delete current version
+   - Cannot delete if it's the only version
+   - Check user permissions
+
+### Debug Steps
+1. Check browser console for errors
+2. Verify API responses
+3. Check database logs
+4. Confirm user authentication
+
+## Future Enhancements
+
+- Version comparison view
+- Bulk version operations
+- Version export/import
+- Advanced filtering and search
+- Version approval workflows
+- Automated version cleanup policies 
\ No newline at end of file
diff --git a/docx/overview.docx b/docx/overview.docx
new file mode 100644
index 0000000..6a92b1d
--- /dev/null
+++ b/docx/overview.docx
@@ -0,0 +1,133 @@
+Notification System User Requirements
+1. Notification Templates
+Functional Requirements
+Template Creation: Users must be able to create reusable notification templates with customizable content, subject lines, and formatting
+Multi-Channel Support: Templates must support different notification channels (email, SMS, push notifications, in-app notifications)
+Dynamic Content: Templates must support placeholder variables and merge fields for personalized content (user name, dates, amounts, etc.)
+Rich Content: Email templates must support HTML formatting, images, links, and attachments
+Template Versioning: System must maintain version history of templates with ability to revert to previous versions
+Template Categories: Users must be able to organize templates by categories or tags for easy management
+Preview Functionality: Users must be able to preview templates before saving or sending
+Localization Support: Templates must support multiple languages and localization
+Non-Functional Requirements
+Templates must load within 2 seconds
+System must support at least 1000 active templates
+Template editor must be responsive and work on mobile devices
+Must support templates up to 100KB in size
+2. Notification Triggers / Rules
+Functional Requirements
+Event-Based Triggers: System must trigger notifications based on specific events (user registration, purchase completion, password reset, etc.)
+Condition-Based Rules: Users must be able to set complex conditional logic (if/then/else scenarios)
+Time-Based Triggers: Support for scheduled notifications, recurring notifications, and time-delayed triggers
+User Segmentation: Ability to target specific user groups based on demographics, behavior, or custom attributes
+Trigger Prioritization: System must support priority levels for different trigger types
+Rule Testing: Users must be able to test rules before activation
+Rule Dependencies: Support for chained triggers and dependent rule execution
+External API Triggers: Ability to trigger notifications via external API calls or webhooks
+Non-Functional Requirements
+Rules must be evaluated within 100 milliseconds
+System must support at least 500 active rules simultaneously
+Rules engine must be fault-tolerant and handle errors gracefully
+Must support real-time trigger processing
+3. Notification Queue & Scheduler
+Functional Requirements
+Queue Management: System must queue notifications and process them in order with different priority levels
+Batch Processing: Ability to group and send notifications in batches to optimize delivery
+Scheduling: Users must be able to schedule notifications for future delivery at specific dates and times
+Retry Logic: Failed notifications must be automatically retried with configurable retry intervals
+Rate Limiting: System must respect rate limits for different channels and recipients
+Queue Monitoring: Real-time visibility into queue status, pending notifications, and processing rates
+Dead Letter Queue: Failed notifications after maximum retries must be moved to a separate queue for manual review
+Timezone Handling: Proper handling of different timezones for scheduled notifications
+Non-Functional Requirements
+Queue must process at least 10,000 notifications per minute
+System must maintain 99.9% uptime for queue processing
+Queue data must be persistent and survive system restarts
+Must support horizontal scaling of queue workers
+4. Notification Delivery Engine
+Functional Requirements
+Multi-Channel Delivery: Support for email, SMS, push notifications, and in-app notifications
+Delivery Status Tracking: Real-time tracking of delivery status (sent, delivered, failed, bounced)
+Fallback Mechanisms: Automatic fallback to alternative channels if primary delivery fails
+Delivery Optimization: Intelligent routing and timing optimization for better delivery rates
+Bounce Handling: Automatic handling of bounced emails and invalid phone numbers
+Delivery Reporting: Comprehensive delivery reports with success rates and failure reasons
+Third-Party Integration: Integration with popular email services (SendGrid, AWS SES) and SMS providers
+Webhook Support: Delivery status callbacks via webhooks for external systems
+Non-Functional Requirements
+Delivery engine must process 99.5% of notifications successfully
+Average delivery time must be under 30 seconds for high-priority notifications
+System must handle peak loads of 50,000 notifications per hour
+Must maintain delivery logs for at least 90 days
+5. User Preferences & Subscription Settings
+Functional Requirements
+Preference Management: Users must be able to manage their notification preferences across all channels
+Granular Controls: Fine-grained control over notification types, frequency, and timing
+Subscription Categories: Ability to subscribe/unsubscribe from different notification categories
+Quiet Hours: Users must be able to set "do not disturb" time periods
+Channel Preferences: Option to choose preferred notification channels for different types of messages
+Frequency Limits: Users can set maximum frequency limits for non-critical notifications
+One-Click Unsubscribe: Easy unsubscribe mechanism with single-click options
+Preference Import/Export: Ability to backup and restore notification preferences
+Non-Functional Requirements
+Preference changes must take effect within 5 minutes
+Preference interface must load within 3 seconds
+System must respect user preferences 100% of the time
+Must support preferences for at least 1 million users
+6. Notification Logs & Audit Trail
+Functional Requirements
+Comprehensive Logging: Complete audit trail of all notification activities including creation, modification, and delivery
+Search and Filter: Advanced search capabilities with filters by date, user, channel, status, and content
+Delivery Analytics: Detailed analytics on delivery rates, open rates, click-through rates, and engagement metrics
+Error Logging: Detailed error logs with root cause analysis and troubleshooting information
+Export Functionality: Ability to export logs and reports in various formats (CSV, PDF, Excel)
+Retention Policies: Configurable data retention policies for different types of logs
+Compliance Reporting: Generate compliance reports for regulatory requirements
+Real-Time Monitoring: Live dashboard showing current notification activity and system health
+Non-Functional Requirements
+Log queries must return results within 5 seconds
+System must retain logs for minimum 1 year
+Logs must be searchable and indexable
+Must support concurrent access by multiple administrators
+7. Admin Panel / Management Interface
+Functional Requirements
+Dashboard Overview: Comprehensive dashboard showing key metrics, system health, and recent activity
+User Management: Admin tools to manage user accounts, permissions, and notification preferences
+System Configuration: Interface to configure system settings, rate limits, and integration parameters
+Template Management: Centralized management of all notification templates with approval workflows
+Rule Management: Interface to create, modify, and monitor notification rules and triggers
+Reporting Tools: Built-in reporting tools with customizable charts and metrics
+System Monitoring: Real-time monitoring of system performance, queue status, and delivery rates
+Role-Based Access: Different access levels for administrators, managers, and operators
+Bulk Operations: Ability to perform bulk operations on users, templates, and notifications
+API Management: Interface to manage API keys, webhooks, and external integrations
+Non-Functional Requirements
+Admin interface must load within 3 seconds
+Must support concurrent access by up to 50 administrators
+Interface must be responsive and mobile-friendly
+Must provide role-based security with audit logging
+Dashboard must refresh data in real-time or near real-time
+General System Requirements
+Security Requirements
+All user data must be encrypted at rest and in transit
+API endpoints must be secured with authentication and authorization
+System must support SSO integration (SAML, OAuth)
+Regular security audits and vulnerability assessments
+GDPR and privacy regulation compliance
+Performance Requirements
+System must support 1 million active users
+99.9% system uptime requirement
+Database queries must execute within 2 seconds
+API response times must be under 500ms for 95% of requests
+Integration Requirements
+RESTful API for external system integration
+Webhook support for real-time event notifications
+Support for popular third-party services (CRM, marketing automation tools)
+Standard data import/export capabilities
+Scalability Requirements
+System must be horizontally scalable
+Support for cloud deployment (AWS, Azure, GCP)
+Auto-scaling capabilities based on load
+Database clustering and load balancing support
+ 
+
diff --git a/ecosystem.config.js b/ecosystem.config.js
new file mode 100644
index 0000000..5ec8516
--- /dev/null
+++ b/ecosystem.config.js
@@ -0,0 +1,13 @@
+// For running pm2 | ecosystem.config.js
+
+module.exports = {
+  apps: [
+    {
+      name: "corradAF",
+      port: "3000",
+      exec_mode: "cluster",
+      instances: "max",
+      script: "./.output/server/index.mjs",
+    },
+  ],
+};
diff --git a/error.vue b/error.vue
new file mode 100644
index 0000000..887d095
--- /dev/null
+++ b/error.vue
@@ -0,0 +1,70 @@
+<script setup>
+definePageMeta({
+  title: "Error Page",
+  layout: "empty",
+});
+
+const props = defineProps({
+  error: Object,
+});
+
+// console.log("props", props);
+
+const redirectClearError = () => {
+  clearError({ redirect: "/" });
+};
+</script>
+
+<template>
+  <div>
+    <div
+      class="flex h-screen p-6 md:p-10"
+      v-if="props.error.statusCode === 404"
+    >
+      <div class="m-auto">
+        <div class="flex items-center flex-col md:flex-row gap-10">
+          <img
+            class="w-80 flex-shrink"
+            src="@/assets/img/illustration/404-2.svg"
+            alt=""
+          />
+          <div class="flex-1 text-center md:text-left items-center">
+            <span class="block mb-2 font-bold text-2xl md:text-3xl">Oops!</span>
+            <p class="text-lg md:text-xl font-base">
+              Halaman yang anda cari tidak ada.
+            </p>
+
+            <button
+              @click="redirectClearError"
+              class="mt-5 w-fit rounded-lg flex justify-center items-center h-fit text-sm px-8 py-2.5 text-white bg-[#00A59A] hover:bg-[#00A59A]/90 disabled:bg-[#00A59A]/30 disabled:text-[#00A59A]/50 disabled:border-primary/5 disabled:cursor-default"
+            >
+              Kembali ke halaman utama
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="flex h-screen p-6 md:p-10"
+      v-else-if="props.error.statusCode === 500"
+    >
+      <div class="m-auto">
+        <div class="flex items-center flex-col md:flex-row gap-10">
+          <img
+            class="w-80 flex-shrink"
+            src="@/assets/img/illustration/500.svg"
+            alt=""
+          />
+          <div class="flex-1 text-center md:text-left items-center">
+            <span class="block mb-2 font-bold text-2xl md:text-3xl"
+              >Oops, something went wrong.
+            </span>
+            <p class="text-lg md:text-xl font-base">
+              Please try again later or contact us if the problem persists.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/fixes-summary.md b/fixes-summary.md
new file mode 100644
index 0000000..57882b9
--- /dev/null
+++ b/fixes-summary.md
@@ -0,0 +1,122 @@
+# Fixes Implemented ✅
+
+## 1. Header Title Not Showing Issue 🔧
+
+**Problem**: Site name not appearing in header even when toggle is enabled
+
+**Root Cause**: Header component only showed site name in horizontal layout (`v-else` condition), but most of the time the layout is vertical
+
+**Fixes Applied**:
+- ✅ Added site name display to both vertical AND horizontal header layouts
+- ✅ Enhanced site settings loading in Header component's `onMounted` hook
+- ✅ Added immediate watchers to sync toggle changes with global site settings
+- ✅ Added debug info panel to troubleshoot site settings state
+
+**Files Modified**:
+- `components/layouts/Header.vue` - Added site name to vertical layout
+- `pages/devtool/config/site-settings/index.vue` - Enhanced watchers and debugging
+
+## 2. Button Styling Standardization 🎨
+
+**Problem**: Inconsistent button styling across tabs
+
+**Standardization Applied**:
+- ✅ All upload buttons: `variant="outline" size="sm"`
+- ✅ Save Changes button: `variant="primary" size="sm"` 
+- ✅ Reset button: `variant="outline" size="sm"`
+- ✅ Apply Font button: `variant="outline" size="sm"` (changed from primary)
+
+**Consistent Button Pattern**:
+```vue
+<rs-button variant="outline" size="sm">
+  <Icon name="ic:outline-[icon]" class="mr-1" />
+  Action Text
+</rs-button>
+```
+
+**Files Modified**:
+- `pages/devtool/config/site-settings/index.vue` - Standardized Apply Font button
+
+## 3. Site Settings Description Padding 📝
+
+**Problem**: "Configure your platform's branding, appearance, SEO, and functionality" text had improper padding for two lines
+
+**Fix Applied**:
+- ✅ Added `leading-relaxed` class for better line height
+- ✅ Improved text readability and spacing
+
+**Before**:
+```vue
+<p>Configure your platform's branding, appearance, SEO, and functionality.</p>
+```
+
+**After**:
+```vue
+<p class="leading-relaxed">Configure your platform's branding, appearance, SEO, and functionality.</p>
+```
+
+**Files Modified**:
+- `pages/devtool/config/site-settings/index.vue` - Enhanced info card description
+
+## Additional Improvements 🚀
+
+### Enhanced Toggle Functionality
+- ✅ Real-time toggle updates without requiring save
+- ✅ Immediate sync between settings page and global state
+- ✅ Both header and sidemenu respect the toggle setting
+
+### Debug Information
+- ✅ Added debug panel in live preview showing:
+  - Current site name
+  - Toggle state (Yes/No)
+  - Font size in pixels
+- ✅ Helps troubleshoot configuration issues
+
+### Header Logic Improvements
+- ✅ Site name now shows in both vertical and horizontal layouts
+- ✅ Proper font size scaling in sidemenu (65% of header size)
+- ✅ Automatic site settings loading on component mount
+
+## Testing Verification ✅
+
+**Header Display Test**:
+1. ✅ Site name appears in vertical layout (default)
+2. ✅ Site name appears in horizontal layout
+3. ✅ Toggle OFF hides name in both layouts
+4. ✅ Toggle ON shows name in both layouts
+5. ✅ Font size applies correctly
+6. ✅ Changes are immediate
+
+**Button Consistency Test**:
+1. ✅ All upload buttons use outline variant
+2. ✅ Save button uses primary variant
+3. ✅ Reset button uses outline variant
+4. ✅ All buttons have consistent size (sm)
+5. ✅ Icons are properly positioned with mr-1
+
+**Description Styling Test**:
+1. ✅ Text has proper line height for readability
+2. ✅ Padding appears natural for two-line content
+3. ✅ Dark mode compatibility maintained
+
+## Files Changed Summary 📁
+
+1. **components/layouts/Header.vue**
+   - Added site name to vertical layout
+   - Enhanced site settings loading
+   - Improved responsive layout handling
+
+2. **pages/devtool/config/site-settings/index.vue**
+   - Standardized button variants and sizes
+   - Added debug information panel
+   - Enhanced toggle watching and real-time updates
+   - Improved description line height
+   - Fixed immediate change application
+
+## Next Steps 🎯
+
+1. Test the site settings page at `/devtool/config/site-settings`
+2. Verify header displays site name when toggle is enabled
+3. Check that all buttons follow consistent styling
+4. Confirm description text has proper spacing
+5. Use debug panel to troubleshoot any remaining issues 
\ No newline at end of file
diff --git a/formkit.config.js b/formkit.config.js
new file mode 100644
index 0000000..9d4b5a5
--- /dev/null
+++ b/formkit.config.js
@@ -0,0 +1,49 @@
+import { generateClasses } from "@formkit/themes";
+import defaultTheme from "@/assets/js/formkit-theme.js";
+import customInput from "@/assets/js/formkit-custom.js";
+
+// ----------------- Addons --------------------------- //
+
+// https://formkit.com/plugins/auto-animate
+import { createAutoAnimatePlugin } from "@formkit/addons";
+
+// https://formkit.com/plugins/floating-labels
+import { createFloatingLabelsPlugin } from "@formkit/addons";
+import "@formkit/addons/css/floatingLabels";
+
+// https://formkit.com/plugins/multi-step
+import { createMultiStepPlugin } from "@formkit/addons";
+import "@formkit/addons/css/multistep";
+
+// https://formkit.com/plugins/auto-height-textarea
+import { createAutoHeightTextareaPlugin } from "@formkit/addons";
+
+// https://formkit.com/plugins/local-storage
+import { createLocalStoragePlugin } from "@formkit/addons";
+
+export default {
+  plugins: [
+    createFloatingLabelsPlugin({
+      useAsDefault: false, // defaults to false
+    }),
+    createAutoAnimatePlugin({
+      // optional config
+    }),
+    createMultiStepPlugin(),
+    createAutoHeightTextareaPlugin(),
+    createLocalStoragePlugin({
+      // plugin defaults:
+      prefix: "formkit",
+      key: undefined,
+      control: undefined,
+      maxAge: 3600000, // 1 hour
+      debounce: 200,
+      beforeSave: undefined,
+      beforeLoad: undefined,
+    }),
+  ],
+  config: {
+    classes: generateClasses(defaultTheme),
+  },
+  inputs: customInput,
+};
diff --git a/layouts/default.vue b/layouts/default.vue
new file mode 100644
index 0000000..0f04a1d
--- /dev/null
+++ b/layouts/default.vue
@@ -0,0 +1,11 @@
+<script setup>
+import RSLayout from "@/components/layouts/index";
+</script>
+
+<template>
+  <div>
+    <RSLayout>
+      <slot />
+    </RSLayout>
+  </div>
+</template>
diff --git a/layouts/empty.vue b/layouts/empty.vue
new file mode 100644
index 0000000..8bc6805
--- /dev/null
+++ b/layouts/empty.vue
@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>
+    <slot />
+  </div>
+</template>
diff --git a/middleware/auth.js b/middleware/auth.js
new file mode 100644
index 0000000..4a124c6
--- /dev/null
+++ b/middleware/auth.js
@@ -0,0 +1,26 @@
+export default defineNuxtRouteMiddleware(async (to, from) => {
+  const { $swal } = useNuxtApp();
+
+  if (process.client) {
+    // Validate every request to every page
+    const { data: validateUser } = await useFetch("/api/auth/validate", {
+      method: "GET",
+    });
+
+    // If user is not logged in, redirect to logout page
+    if (validateUser.value.statusCode === 401) {
+      $swal
+        .fire({
+          title: "Session Expired",
+          text: "Your session has expired. Please login again.",
+          icon: "warning",
+          confirmButtonText: "OK",
+        })
+        .then(() => {
+          return window.location.replace("/logout");
+        });
+    }
+
+    return true;
+  }
+});
diff --git a/middleware/dashboard.js b/middleware/dashboard.js
new file mode 100644
index 0000000..08091f2
--- /dev/null
+++ b/middleware/dashboard.js
@@ -0,0 +1,11 @@
+export default defineNuxtRouteMiddleware(async (to, from) => {
+  // Validate every request to every page
+  const { data: validateUser } = await useFetch("/api/auth/validate", {
+    method: "GET",
+  });
+
+  // If user is not logged in, redirect to logout page
+  if (validateUser.value.statusCode === 401) return true;
+
+  return navigateTo("/dashboard");
+});
diff --git a/middleware/forbidden.js b/middleware/forbidden.js
new file mode 100644
index 0000000..da4fe40
--- /dev/null
+++ b/middleware/forbidden.js
@@ -0,0 +1,4 @@
+export default defineNuxtRouteMiddleware(async (to, from) => {
+  // Throw error to page 404 not found
+  throw new Error("Forbidden");
+});
diff --git a/middleware/main.js b/middleware/main.js
new file mode 100644
index 0000000..b70e2fa
--- /dev/null
+++ b/middleware/main.js
@@ -0,0 +1,3 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  return navigateTo("/login");
+});
\ No newline at end of file
diff --git a/navigation/index.js b/navigation/index.js
new file mode 100644
index 0000000..6615b7d
--- /dev/null
+++ b/navigation/index.js
@@ -0,0 +1,150 @@
+export default [
+  {
+    header: "Utama",
+    description: "",
+    child: [
+      {
+        title: "Dashboard",
+        path: "/dashboard",
+        icon: "ic:outline-dashboard",
+        child: [],
+        meta: {},
+      },
+    ],
+    meta: {},
+  },
+  {
+    header: "Notification",
+    description: "",
+    child: [
+      {
+        title: "Dashboard",
+        path: "/notification/dashboard",
+        icon: "ic:outline-dashboard",
+        child: [],
+        meta: {},
+      },
+      {
+        title: "List",
+        path: "/notification/list",
+        icon: "ic:outline-list",
+        child: [],
+        meta: {},
+      },
+      {
+        title: "Templates",
+        path: "/notification/templates",
+        icon: "ic:outline-email",
+        child: [],
+        meta: {},
+      },
+      // {
+      //   title: "Triggers & Rules",
+      //   path: "/notification/triggers-rule",
+      //   icon: "ic:outline-rule",
+      //   child: [],
+      //   meta: {},
+      // },
+      {
+        title: "Queue",
+        path: "/notification/queue",
+        icon: "ic:outline-queue",
+        child: [],
+        meta: {},
+      },
+      {
+        title: "Delivery Engine",
+        path: "/notification/delivery",
+        icon: "ic:outline-mail",
+        child: [],
+        meta: {},
+      },
+
+      // {
+      //   title: "User Preferences",
+      //   path: "/notification/preferences",
+      //   icon: "ic:outline-settings",
+      //   child: [],
+      //   meta: {},
+      // },
+      {
+        title: "Log & Audit Trail",
+        path: "/notification/log-audit",
+        icon: "ic:outline-history",
+        child: [],
+        meta: {},
+      },
+    ],
+    meta: {},
+  },
+  // {
+  //   header: "Pentadbiran",
+  //   description: "Urus aplikasi anda",
+  //   child: [
+  //     {
+  //       title: "Konfigurasi",
+  //       icon: "ic:outline-settings",
+  //       child: [
+  //         {
+  //           title: "Persekitaran",
+  //           path: "/devtool/config/environment",
+  //         },
+  //         {
+  //           title: "Site Settings",
+  //           path: "/devtool/config/site-settings",
+  //         },
+  //       ],
+  //     },
+  //     {
+  //       title: "Penyunting Menu",
+  //       icon: "ci:menu-alt-03",
+  //       path: "/devtool/menu-editor",
+  //       child: [],
+  //     },
+  //     {
+  //       title: "Urus Pengguna",
+  //       path: "/devtool/user-management",
+  //       icon: "ph:user-circle-gear",
+  //       child: [
+  //         {
+  //           title: "Senarai Pengguna",
+  //           path: "/devtool/user-management/user",
+  //           icon: "",
+  //           child: [],
+  //         },
+  //         {
+  //           title: "Senarai Peranan",
+  //           path: "/devtool/user-management/role",
+  //           icon: "",
+  //           child: [],
+  //         },
+  //       ],
+  //     },
+  //     {
+  //       title: "Kandungan",
+  //       icon: "mdi:pencil-ruler",
+  //       child: [
+  //         {
+  //           title: "Penyunting",
+  //           path: "/devtool/content-editor",
+  //         },
+  //         {
+  //           title: "Templat",
+  //           path: "/devtool/content-editor/template",
+  //         },
+  //       ],
+  //     },
+  //     {
+  //       title: "Penyunting API",
+  //       path: "/devtool/api-editor",
+  //       icon: "material-symbols:api-rounded",
+  //       child: [],
+  //     },
+  //   ],
+  //   meta: {
+  //     auth: {
+  //       role: ["Developer"],
+  //     },
+  //   },
+  // },
+];
diff --git a/nuxt.config.js b/nuxt.config.js
new file mode 100644
index 0000000..bd1e848
--- /dev/null
+++ b/nuxt.config.js
@@ -0,0 +1,558 @@
+// https://v3.nuxtjs.org/api/configuration/nuxt.config
+export default defineNuxtConfig({
+  runtimeConfig: {
+    auth: {
+      secretAccess: process.env.NUXT_ACCESS_TOKEN_SECRET,
+      secretRefresh: process.env.NUXT_REFRESH_TOKEN_SECRET,
+    },
+    metabase: {
+      secretKey: process.env.NUXT_METABASE_SECRET_KEY,
+      siteUrl: process.env.NUXT_METABASE_SITE_URL || "http://mb.sena.my",
+    },
+    // IMPORTANT: API keys should be in private runtime config, NOT public
+    notificationApiKey: process.env.NUXT_NOTIFICATION_API_KEY,
+    public: {
+      // Public runtime config - accessible to client-side code
+      // Do NOT put secrets here
+    }
+  },
+  modules: [
+    "@nuxtjs/tailwindcss",
+    "@formkit/nuxt",
+    "@vite-pwa/nuxt",
+    "@vueuse/nuxt",
+    "floating-vue/nuxt",
+    "@pinia/nuxt",
+    "@pinia-plugin-persistedstate/nuxt",
+    "nuxt-security",
+    "nuxt-typed-router",
+    "nuxt-icon",
+    "@davestewart/nuxt-scrollbar",
+  ],
+  app: {
+    pageTransition: { name: "page", mode: "out-in" },
+    head: {
+      viewport: "width=device-width,initial-scale=1",
+      title: "corradAF",
+      titleTemplate: "%s",
+      meta: [
+        { name: "viewport", content: "width=device-width, initial-scale=1" },
+        { name: "description", content: "corradAF Admin Portal" },
+        { name: "apple-mobile-web-app-title", content: "NAS" },
+      ],
+    },
+  },
+  css: ["~/assets/style/scss/main.scss"],
+  tailwindcss: {
+    cssPath: "~/assets/style/css/tailwind.css",
+    configPath: "tailwind.config",
+    exposeConfig: false,
+    config: {},
+    injectPosition: 0,
+    viewer: false,
+  },
+  formkit: {
+    defaultConfig: true,
+  },
+  pwa: {
+    registerType: "autoUpdate",
+    workbox: {
+      navigateFallback: "/",
+      globPatterns: [
+        "**/*.{js,json,css,html,txt,svg,png,ico,webp,woff,woff2,ttf,eot,otf,wasm}",
+      ],
+    },
+    devOptions: {
+      enabled: false,
+      type: "module",
+    },
+    meta: {
+      name: "corradAF",
+      author: "Corrad Software",
+      description: "corradAF Admin Portal",
+      theme_color: "#f3586a",
+      lang: "en",
+    },
+    manifest: {
+      name: "corradAF",
+      short_name: "corradAF",
+      description: "corradAF Admin Portal",
+      start_url: "/",
+      display: "standalone",
+      theme_color: "#00A59A",
+      background_color: "#FAFAFA",
+      scope: "./",
+      icons: [
+        {
+          src: "icons/windows11/SmallTile.scale-100.png",
+          sizes: "71x71",
+        },
+        {
+          src: "icons/windows11/SmallTile.scale-125.png",
+          sizes: "89x89",
+        },
+        {
+          src: "icons/windows11/SmallTile.scale-150.png",
+          sizes: "107x107",
+        },
+        {
+          src: "icons/windows11/SmallTile.scale-200.png",
+          sizes: "142x142",
+        },
+        {
+          src: "icons/windows11/SmallTile.scale-400.png",
+          sizes: "284x284",
+        },
+        {
+          src: "icons/windows11/Square150x150Logo.scale-100.png",
+          sizes: "150x150",
+        },
+        {
+          src: "icons/windows11/Square150x150Logo.scale-125.png",
+          sizes: "188x188",
+        },
+        {
+          src: "icons/windows11/Square150x150Logo.scale-150.png",
+          sizes: "225x225",
+        },
+        {
+          src: "icons/windows11/Square150x150Logo.scale-200.png",
+          sizes: "300x300",
+        },
+        {
+          src: "icons/windows11/Square150x150Logo.scale-400.png",
+          sizes: "600x600",
+        },
+        {
+          src: "icons/windows11/Wide310x150Logo.scale-100.png",
+          sizes: "310x150",
+        },
+        {
+          src: "icons/windows11/Wide310x150Logo.scale-125.png",
+          sizes: "388x188",
+        },
+        {
+          src: "icons/windows11/Wide310x150Logo.scale-150.png",
+          sizes: "465x225",
+        },
+        {
+          src: "icons/windows11/Wide310x150Logo.scale-200.png",
+          sizes: "620x300",
+        },
+        {
+          src: "icons/windows11/Wide310x150Logo.scale-400.png",
+          sizes: "1240x600",
+        },
+        {
+          src: "icons/windows11/LargeTile.scale-100.png",
+          sizes: "310x310",
+        },
+        {
+          src: "icons/windows11/LargeTile.scale-125.png",
+          sizes: "388x388",
+        },
+        {
+          src: "icons/windows11/LargeTile.scale-150.png",
+          sizes: "465x465",
+        },
+        {
+          src: "icons/windows11/LargeTile.scale-200.png",
+          sizes: "620x620",
+        },
+        {
+          src: "icons/windows11/LargeTile.scale-400.png",
+          sizes: "1240x1240",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.scale-100.png",
+          sizes: "44x44",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.scale-125.png",
+          sizes: "55x55",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.scale-150.png",
+          sizes: "66x66",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.scale-200.png",
+          sizes: "88x88",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.scale-400.png",
+          sizes: "176x176",
+        },
+        {
+          src: "icons/windows11/StoreLogo.scale-100.png",
+          sizes: "50x50",
+        },
+        {
+          src: "icons/windows11/StoreLogo.scale-125.png",
+          sizes: "63x63",
+        },
+        {
+          src: "icons/windows11/StoreLogo.scale-150.png",
+          sizes: "75x75",
+        },
+        {
+          src: "icons/windows11/StoreLogo.scale-200.png",
+          sizes: "100x100",
+        },
+        {
+          src: "icons/windows11/StoreLogo.scale-400.png",
+          sizes: "200x200",
+        },
+        {
+          src: "icons/windows11/SplashScreen.scale-100.png",
+          sizes: "620x300",
+        },
+        {
+          src: "icons/windows11/SplashScreen.scale-125.png",
+          sizes: "775x375",
+        },
+        {
+          src: "icons/windows11/SplashScreen.scale-150.png",
+          sizes: "930x450",
+        },
+        {
+          src: "icons/windows11/SplashScreen.scale-200.png",
+          sizes: "1240x600",
+        },
+        {
+          src: "icons/windows11/SplashScreen.scale-400.png",
+          sizes: "2480x1200",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-16.png",
+          sizes: "16x16",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-20.png",
+          sizes: "20x20",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-24.png",
+          sizes: "24x24",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-30.png",
+          sizes: "30x30",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-32.png",
+          sizes: "32x32",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-36.png",
+          sizes: "36x36",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-40.png",
+          sizes: "40x40",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-44.png",
+          sizes: "44x44",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-48.png",
+          sizes: "48x48",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-60.png",
+          sizes: "60x60",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-64.png",
+          sizes: "64x64",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-72.png",
+          sizes: "72x72",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-80.png",
+          sizes: "80x80",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-96.png",
+          sizes: "96x96",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.targetsize-256.png",
+          sizes: "256x256",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-16.png",
+          sizes: "16x16",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-20.png",
+          sizes: "20x20",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-24.png",
+          sizes: "24x24",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-30.png",
+          sizes: "30x30",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-32.png",
+          sizes: "32x32",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-36.png",
+          sizes: "36x36",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-40.png",
+          sizes: "40x40",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-44.png",
+          sizes: "44x44",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-48.png",
+          sizes: "48x48",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-60.png",
+          sizes: "60x60",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-64.png",
+          sizes: "64x64",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-72.png",
+          sizes: "72x72",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-80.png",
+          sizes: "80x80",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-96.png",
+          sizes: "96x96",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-unplated_targetsize-256.png",
+          sizes: "256x256",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png",
+          sizes: "16x16",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png",
+          sizes: "20x20",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png",
+          sizes: "24x24",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png",
+          sizes: "30x30",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png",
+          sizes: "32x32",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png",
+          sizes: "36x36",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png",
+          sizes: "40x40",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png",
+          sizes: "44x44",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png",
+          sizes: "48x48",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png",
+          sizes: "60x60",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png",
+          sizes: "64x64",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png",
+          sizes: "72x72",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png",
+          sizes: "80x80",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png",
+          sizes: "96x96",
+        },
+        {
+          src: "icons/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png",
+          sizes: "256x256",
+        },
+        {
+          src: "icons/android/android-launchericon-512-512.png",
+          sizes: "512x512",
+        },
+        {
+          src: "icons/android/android-launchericon-192-192.png",
+          sizes: "192x192",
+        },
+        {
+          src: "icons/android/android-launchericon-144-144.png",
+          sizes: "144x144",
+        },
+        {
+          src: "icons/android/android-launchericon-96-96.png",
+          sizes: "96x96",
+        },
+        {
+          src: "icons/android/android-launchericon-72-72.png",
+          sizes: "72x72",
+        },
+        {
+          src: "icons/android/android-launchericon-48-48.png",
+          sizes: "48x48",
+        },
+        {
+          src: "icons/ios/16.png",
+          sizes: "16x16",
+        },
+        {
+          src: "icons/ios/20.png",
+          sizes: "20x20",
+        },
+        {
+          src: "icons/ios/29.png",
+          sizes: "29x29",
+        },
+        {
+          src: "icons/ios/32.png",
+          sizes: "32x32",
+        },
+        {
+          src: "icons/ios/40.png",
+          sizes: "40x40",
+        },
+        {
+          src: "icons/ios/50.png",
+          sizes: "50x50",
+        },
+        {
+          src: "icons/ios/57.png",
+          sizes: "57x57",
+        },
+        {
+          src: "icons/ios/58.png",
+          sizes: "58x58",
+        },
+        {
+          src: "icons/ios/60.png",
+          sizes: "60x60",
+        },
+        {
+          src: "icons/ios/64.png",
+          sizes: "64x64",
+        },
+        {
+          src: "icons/ios/72.png",
+          sizes: "72x72",
+        },
+        {
+          src: "icons/ios/76.png",
+          sizes: "76x76",
+        },
+        {
+          src: "icons/ios/80.png",
+          sizes: "80x80",
+        },
+        {
+          src: "icons/ios/87.png",
+          sizes: "87x87",
+        },
+        {
+          src: "icons/ios/100.png",
+          sizes: "100x100",
+        },
+        {
+          src: "icons/ios/114.png",
+          sizes: "114x114",
+        },
+        {
+          src: "icons/ios/120.png",
+          sizes: "120x120",
+        },
+        {
+          src: "icons/ios/128.png",
+          sizes: "128x128",
+        },
+        {
+          src: "icons/ios/144.png",
+          sizes: "144x144",
+        },
+        {
+          src: "icons/ios/152.png",
+          sizes: "152x152",
+        },
+        {
+          src: "icons/ios/167.png",
+          sizes: "167x167",
+        },
+        {
+          src: "icons/ios/180.png",
+          sizes: "180x180",
+        },
+        {
+          src: "icons/ios/192.png",
+          sizes: "192x192",
+        },
+        {
+          src: "icons/ios/256.png",
+          sizes: "256x256",
+        },
+        {
+          src: "icons/ios/512.png",
+          sizes: "512x512",
+        },
+        {
+          src: "icons/ios/1024.png",
+          sizes: "1024x1024",
+        },
+      ],
+    },
+  },
+  security: {
+    // GLOBAL SECURITY OPTIONS
+
+    // Allow 200 requests per hour (the Twitter search limit). Also understands
+    // 'second', 'minute', 'day', or a number of milliseconds
+    rateLimiter: {
+      tokensPerInterval: 200,
+      interval: "minute",
+      fireImmediately: false,
+      throwError: true, // optional
+    },
+    headers: false,
+  },
+  routeRules: {
+    "/api/devtool/**": {
+      security: {
+        xssValidator: false,
+        requestSizeLimiter: false,
+      },
+    },
+  },
+});
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..3943a3b
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,19928 @@
+{
+  "name": "Corrad AF 2024",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "hasInstallScript": true,
+      "dependencies": {
+        "@babel/eslint-parser": "^7.19.1",
+        "@codemirror/lang-html": "^6.4.3",
+        "@codemirror/lang-javascript": "^6.1.6",
+        "@codemirror/lang-vue": "^0.1.1",
+        "@codemirror/theme-one-dark": "^6.1.2",
+        "@davestewart/nuxt-scrollbar": "^1.0.0",
+        "@formkit/addons": "^1.0.0",
+        "@formkit/auto-animate": "^0.7.0",
+        "@formkit/nuxt": "^1.0.0",
+        "@formkit/pro": "^0.115.3",
+        "@formkit/themes": "^1.0.0",
+        "@fullcalendar/core": "^5.11.3",
+        "@fullcalendar/daygrid": "^5.11.3",
+        "@fullcalendar/interaction": "^5.11.3",
+        "@fullcalendar/list": "^5.11.3",
+        "@fullcalendar/luxon2": "^5.11.3",
+        "@fullcalendar/scrollgrid": "^5.11.3",
+        "@fullcalendar/timegrid": "^5.11.3",
+        "@fullcalendar/vue3": "^5.11.2",
+        "@kiwicom/eslint-config": "^12.7.3",
+        "@pinia/nuxt": "^0.4.11",
+        "@popperjs/core": "^2.11.8",
+        "@prisma/client": "^5.1.1",
+        "@shimyshack/uid": "^0.1.7",
+        "@sweetalert2/theme-dark": "^5.0.14",
+        "@tiptap/extension-underline": "^2.12.0",
+        "@tiptap/pm": "^2.12.0",
+        "@tiptap/starter-kit": "^2.12.0",
+        "@tiptap/vue-3": "^2.12.0",
+        "@vueup/vue-quill": "^1.0.0",
+        "@vueuse/core": "^9.5.0",
+        "@vueuse/nuxt": "^9.5.0",
+        "apexcharts": "^3.36.0",
+        "chart.js": "^3.9.1",
+        "codemirror": "^6.0.1",
+        "cross-env": "^7.0.3",
+        "crypto-js": "^4.1.1",
+        "floating-vue": "^2.0.0-beta.24",
+        "isomorphic-dompurify": "^2.29.0",
+        "jsonwebtoken": "^8.5.1",
+        "jspdf": "^2.5.1",
+        "luxon": "^3.1.0",
+        "maska": "^1.5.0",
+        "nodemailer": "^7.0.6",
+        "pinia": "^2.1.6",
+        "prettier": "^2.8.1",
+        "prisma": "^5.1.1",
+        "sass": "^1.62.0",
+        "swiper": "^8.4.4",
+        "thememirror": "^2.0.1",
+        "uuid": "^10.0.0",
+        "v-calendar": "^3.0.3",
+        "vue-chart-3": "^3.1.8",
+        "vue-code-highlight": "^0.7.8",
+        "vue-codemirror": "^6.1.1",
+        "vue-country-flag-next": "^2.3.2",
+        "vue-fullscreen": "^3.1.1",
+        "vue-select": "^4.0.0-beta.5",
+        "vue-sweetalert2": "^5.0.5",
+        "vue-toastification": "^2.0.0-rc.5",
+        "vue-window-size": "^1.0.8",
+        "vue3-apexcharts": "^1.4.1",
+        "vue3-click-away": "^1.2.4",
+        "vue3-dropzone": "^2.0.1",
+        "vue3-recaptcha-v2": "^2.0.2",
+        "vuedraggable": "^4.1.0",
+        "zod": "^3.25.42"
+      },
+      "devDependencies": {
+        "@nuxtjs/tailwindcss": "^6.8.0",
+        "@pinia-plugin-persistedstate/nuxt": "^1.1.1",
+        "@vite-pwa/nuxt": "^0.1.0",
+        "eslint": "^8.39.0",
+        "eslint-plugin-vue": "^9.16.1",
+        "nuxt": "^3.6.5",
+        "nuxt-icon": "^0.1.7",
+        "nuxt-security": "^0.13.0",
+        "nuxt-typed-router": "^3.2.5",
+        "postcss-import": "^15.1.0"
+      }
+    },
+    "node_modules/@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@apideck/better-ajv-errors": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz",
+      "integrity": "sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-schema": "^0.4.0",
+        "jsonpointer": "^5.0.0",
+        "leven": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "ajv": ">=8"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-4.0.5.tgz",
+      "integrity": "sha512-lMrXidNhPGsDjytDy11Vwlb6OIGrT3CmLg3VWNFyWkLWtijKl7xjvForlh8vuj0SHGjgl4qZEQzUmYTeQA2JFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^2.1.4",
+        "@csstools/css-color-parser": "^3.1.0",
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4",
+        "lru-cache": "^11.2.1"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz",
+      "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz",
+      "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.2.tgz",
+      "integrity": "sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==",
+      "license": "ISC",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector": {
+      "version": "6.6.2",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-6.6.2.tgz",
+      "integrity": "sha512-+AG0jN9HTwfDLBhjhX1FKi6zlIAc/YGgEHlN/OMaHD1pOPFsC5CpYQpLkPX0aFjyaVmoq9330cQDCU4qnSL1qA==",
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/nwsapi": "^2.3.9",
+        "bidi-js": "^1.0.3",
+        "css-tree": "^3.1.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.2.2"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector/node_modules/css-tree": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz",
+      "integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.12.2",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
+      "version": "11.2.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.2.tgz",
+      "integrity": "sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==",
+      "license": "ISC",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector/node_modules/mdn-data": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz",
+      "integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/@asamuzakjp/nwsapi": {
+      "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
+      "integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
+      "license": "MIT"
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz",
+      "integrity": "sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.10.tgz",
+      "integrity": "sha512-fTmqbbUBAwCcre6zPzNngvsI0aNrPZe77AeqvDxWM9Nm+04RrJ3CAmGHA9f7lJQY6ZMhRztNemy4uslDxTX4Qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.22.10",
+        "@babel/generator": "^7.22.10",
+        "@babel/helper-compilation-targets": "^7.22.10",
+        "@babel/helper-module-transforms": "^7.22.9",
+        "@babel/helpers": "^7.22.10",
+        "@babel/parser": "^7.22.10",
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.10",
+        "@babel/types": "^7.22.10",
+        "convert-source-map": "^1.7.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.2",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/eslint-parser": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.10.tgz",
+      "integrity": "sha512-0J8DNPRXQRLeR9rPaUMM3fA+RbixjnVLe/MRMYCkp3hzgsSuxCHQ8NN8xQG1wIHKJ4a1DTROTvFJdW+B5/eOsg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.3.tgz",
+      "integrity": "sha512-xnlJYj5zepml8NXtjkG0WquFUv8RskFqyFcVgTBp5k+NaA/8uw/K+OSVf8AMGw5e9HKP2ETd5xpK5MLZQD6b4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.27.3",
+        "@babel/types": "^7.27.3",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.10.tgz",
+      "integrity": "sha512-Av0qubwDQxC56DoUReVDeLfMEjYYSN1nZrTUrWkXd7hpU73ymRANkbuDm3yni9npkn+RXy9nNbEJZEzXr7xrfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.10"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz",
+      "integrity": "sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-validator-option": "^7.22.5",
+        "browserslist": "^4.21.9",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.10.tgz",
+      "integrity": "sha512-5IBb77txKYQPpOEdUdIhBx8VrZyDCQ+H82H0+5dX1TmuscP5vJKEE3cKurjtIw/vFwzbVH48VweE78kVDBrqjA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-member-expression-to-functions": "^7.22.5",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.9.tgz",
+      "integrity": "sha512-+svjVa/tFwsNSG4NEy1h85+HQ5imbT92Q5/bgtS7P0GTQlP8WuFdqsiABmQouhiFGyV66oGxZFpeYHza1rNsKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "regexpu-core": "^5.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz",
+      "integrity": "sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz",
+      "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz",
+      "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.22.5",
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-hoist-variables": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.5.tgz",
+      "integrity": "sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz",
+      "integrity": "sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/helper-validator-identifier": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
+      "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.9.tgz",
+      "integrity": "sha512-8WWC4oR4Px+tr+Fp0X3RHDVfINGpF3ad1HIbrc8A77epiR6eMMc6jsgozkzT2uDiOOdoS9cLIQ+XD2XvI2WSmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-wrap-function": "^7.22.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.22.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz",
+      "integrity": "sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-member-expression-to-functions": "^7.22.5",
+        "@babel/helper-optimise-call-expression": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
+      "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-split-export-declaration": {
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz",
+      "integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.10.tgz",
+      "integrity": "sha512-OnMhjWjuGYtdoO3FmsEFWvBStBAe2QOgwOLsLNDjN+aaiMD8InJk1/O3HSD8lkqTjCgg5YI34Tz15KNNA3p+nQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/template": "^7.22.5",
+        "@babel/types": "^7.22.10"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.10.tgz",
+      "integrity": "sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.10",
+        "@babel/types": "^7.22.10"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.3.tgz",
+      "integrity": "sha512-xyYxRj6+tLNDTWi0KCBcZ9V7yg3/lwL9DWh9Uwh/RIVlIfFidggcgxKX3GCXwCiswwcGRawBKbEg2LG/Y8eJhw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.5.tgz",
+      "integrity": "sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.5.tgz",
+      "integrity": "sha512-31Bb65aZaUwqCbWMnZPduIZxCBngHFlzyN6Dq6KAJjtx+lx6ohKHubc61OomYi7XwVD4Ol0XCVz4h+pYFR048g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-transform-optional-chaining": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz",
+      "integrity": "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz",
+      "integrity": "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+      "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
+      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz",
+      "integrity": "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.10.tgz",
+      "integrity": "sha512-eueE8lvKVzq5wIObKK/7dvoeKJ+xc6TvRn6aysIjS6pSCeLy7S/eVi7pEQknZqyqvzaNKdDtem8nUNTBgDVR2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.9",
+        "@babel/plugin-syntax-async-generators": "^7.8.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz",
+      "integrity": "sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-remap-async-to-generator": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz",
+      "integrity": "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.10.tgz",
+      "integrity": "sha512-1+kVpGAOOI1Albt6Vse7c8pHzcZQdQKW+wJH+g8mCaszOdDVwRXa/slHPqIw+oJAJANTKDMuM2cBdV0Dg618Vg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz",
+      "integrity": "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.5.tgz",
+      "integrity": "sha512-SPToJ5eYZLxlnp1UzdARpOGeC2GbHvr9d/UV0EukuVx8atktg194oe+C5BqQ8jRTkgLRVOPYeXRSBg1IlMoVRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.22.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.6.tgz",
+      "integrity": "sha512-58EgM6nuPNG6Py4Z3zSuu0xWu2VfodiMi72Jt5Kj2FECmaYk1RrTXA45z6KBFsu9tRgwQDwIiY4FXTt+YsSFAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-environment-visitor": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-optimise-call-expression": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes/node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz",
+      "integrity": "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/template": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.22.10.tgz",
+      "integrity": "sha512-dPJrL0VOyxqLM9sritNbMSGx/teueHF/htMKrPT7DNxccXxRDPYqlgPFFdr8u+F+qUZOkZoXue/6rL5O5GduEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz",
+      "integrity": "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz",
+      "integrity": "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.5.tgz",
+      "integrity": "sha512-0MC3ppTB1AMxd8fXjSrbPa7LT9hrImt+/fcj+Pg5YMD7UQyWp/02+JWpdnCymmsXwIx5Z+sYn1bwCn4ZJNvhqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz",
+      "integrity": "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.5.tgz",
+      "integrity": "sha512-X4hhm7FRnPgd4nDA4b/5V280xCx6oL7Oob5+9qVS5C13Zq4bh1qq7LU0GgRU6b5dBWBvhGaXYVB4AcN6+ol6vg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.5.tgz",
+      "integrity": "sha512-3kxQjX1dU9uudwSshyLeEipvrLjBCVthCgeTp6CzE/9JYrlAIaeekVxRpCWsDDfYTfRZRoCeZatCQvwo+wvK8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz",
+      "integrity": "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-function-name": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.5.tgz",
+      "integrity": "sha512-DuCRB7fu8MyTLbEQd1ew3R85nx/88yMoqo2uPSjevMj3yoN7CDM8jkgrY0wmVxfJZyJ/B9fE1iq7EQppWQmR5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-json-strings": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz",
+      "integrity": "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.5.tgz",
+      "integrity": "sha512-MQQOUW1KL8X0cDWfbwYP+TbVbZm16QmQXJQ+vndPtH/BoO0lOKpVoEDMI7+PskYxH+IiE0tS8xZye0qr1lGzSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz",
+      "integrity": "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.22.5.tgz",
+      "integrity": "sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.5.tgz",
+      "integrity": "sha512-B4pzOXj+ONRmuaQTg05b3y/4DuFz3WcCNAXPLb2Q0GT0TrGKGxNKV4jwsXts+StaM0LQczZbOpj8o1DLPDJIiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-simple-access": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.5.tgz",
+      "integrity": "sha512-emtEpoaTMsOs6Tzz+nbmcePl6AKVtS1yC4YNAeMun9U8YCsgadPNxnOPQ8GhHFB2qdx+LZu9LgoC0Lthuu05DQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz",
+      "integrity": "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
+      "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz",
+      "integrity": "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.5.tgz",
+      "integrity": "sha512-6CF8g6z1dNYZ/VXok5uYkkBBICHZPiGEl7oDnAx2Mt1hlHVHOSIKWJaXHjQJA5VB43KZnXZDIexMchY4y2PGdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.5.tgz",
+      "integrity": "sha512-NbslED1/6M+sXiwwtcAB/nieypGw02Ejf4KtDeMkCEpP6gWFMX1wI9WKYua+4oBneCCEmulOkRpwywypVZzs/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.5.tgz",
+      "integrity": "sha512-Kk3lyDmEslH9DnvCDA1s1kkd3YWQITiBOHngOtDL9Pt6BZjzqb6hiOlb8VfjiiQJ2unmegBqZu0rx5RxJb5vmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.5",
+        "@babel/helper-compilation-targets": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz",
+      "integrity": "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-replace-supers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.5.tgz",
+      "integrity": "sha512-pH8orJahy+hzZje5b8e2QIlBWQvGpelS76C63Z+jhZKsmzfNaPQ+LaW6dcJ9bxTpo1mtXbgHwy765Ro3jftmUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.10.tgz",
+      "integrity": "sha512-MMkQqZAZ+MGj+jGTG3OTuhKeBpNcO+0oCEbrGNEaOmiEn+1MzRyQlYsruGiU8RTK3zV6XwrVJTmwiDOyYK6J9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.5.tgz",
+      "integrity": "sha512-AVkFUBurORBREOmHRKo06FjHYgjrabpdqRSwq6+C7R5iTCZOsM4QbcB27St0a4U6fffyAOqh3s/qEfybAhfivg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz",
+      "integrity": "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.5.tgz",
+      "integrity": "sha512-/9xnaTTJcVoBtSSmrVyhtSvO3kbqS2ODoh2juEU72c3aYonNF0OMGiaz2gjukyKM2wBBYJP38S4JiE0Wfb5VMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz",
+      "integrity": "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz",
+      "integrity": "sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "regenerator-transform": "^0.15.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz",
+      "integrity": "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz",
+      "integrity": "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz",
+      "integrity": "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz",
+      "integrity": "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz",
+      "integrity": "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz",
+      "integrity": "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.10.tgz",
+      "integrity": "sha512-7++c8I/ymsDo4QQBAgbraXLzIM6jmfao11KgIBEYZRReWzNWH9NtNgJcyrZiXsOPh523FQm6LfpLyy/U5fn46A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/helper-create-class-features-plugin": "^7.22.10",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/plugin-syntax-typescript": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz",
+      "integrity": "sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz",
+      "integrity": "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz",
+      "integrity": "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz",
+      "integrity": "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.22.5",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.22.10.tgz",
+      "integrity": "sha512-riHpLb1drNkpLlocmSyEg4oYJIQFeXAK/d7rI6mbD0XsvoTOOweXDmQPG/ErxsEhWk3rl3Q/3F6RFQlVFS8m0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.9",
+        "@babel/helper-compilation-targets": "^7.22.10",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-validator-option": "^7.22.5",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.5",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.5",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
+        "@babel/plugin-syntax-import-assertions": "^7.22.5",
+        "@babel/plugin-syntax-import-attributes": "^7.22.5",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.22.5",
+        "@babel/plugin-transform-async-generator-functions": "^7.22.10",
+        "@babel/plugin-transform-async-to-generator": "^7.22.5",
+        "@babel/plugin-transform-block-scoped-functions": "^7.22.5",
+        "@babel/plugin-transform-block-scoping": "^7.22.10",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-class-static-block": "^7.22.5",
+        "@babel/plugin-transform-classes": "^7.22.6",
+        "@babel/plugin-transform-computed-properties": "^7.22.5",
+        "@babel/plugin-transform-destructuring": "^7.22.10",
+        "@babel/plugin-transform-dotall-regex": "^7.22.5",
+        "@babel/plugin-transform-duplicate-keys": "^7.22.5",
+        "@babel/plugin-transform-dynamic-import": "^7.22.5",
+        "@babel/plugin-transform-exponentiation-operator": "^7.22.5",
+        "@babel/plugin-transform-export-namespace-from": "^7.22.5",
+        "@babel/plugin-transform-for-of": "^7.22.5",
+        "@babel/plugin-transform-function-name": "^7.22.5",
+        "@babel/plugin-transform-json-strings": "^7.22.5",
+        "@babel/plugin-transform-literals": "^7.22.5",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.22.5",
+        "@babel/plugin-transform-member-expression-literals": "^7.22.5",
+        "@babel/plugin-transform-modules-amd": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.22.5",
+        "@babel/plugin-transform-modules-systemjs": "^7.22.5",
+        "@babel/plugin-transform-modules-umd": "^7.22.5",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5",
+        "@babel/plugin-transform-new-target": "^7.22.5",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.5",
+        "@babel/plugin-transform-numeric-separator": "^7.22.5",
+        "@babel/plugin-transform-object-rest-spread": "^7.22.5",
+        "@babel/plugin-transform-object-super": "^7.22.5",
+        "@babel/plugin-transform-optional-catch-binding": "^7.22.5",
+        "@babel/plugin-transform-optional-chaining": "^7.22.10",
+        "@babel/plugin-transform-parameters": "^7.22.5",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
+        "@babel/plugin-transform-private-property-in-object": "^7.22.5",
+        "@babel/plugin-transform-property-literals": "^7.22.5",
+        "@babel/plugin-transform-regenerator": "^7.22.10",
+        "@babel/plugin-transform-reserved-words": "^7.22.5",
+        "@babel/plugin-transform-shorthand-properties": "^7.22.5",
+        "@babel/plugin-transform-spread": "^7.22.5",
+        "@babel/plugin-transform-sticky-regex": "^7.22.5",
+        "@babel/plugin-transform-template-literals": "^7.22.5",
+        "@babel/plugin-transform-typeof-symbol": "^7.22.5",
+        "@babel/plugin-transform-unicode-escapes": "^7.22.10",
+        "@babel/plugin-transform-unicode-property-regex": "^7.22.5",
+        "@babel/plugin-transform-unicode-regex": "^7.22.5",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.22.5",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "@babel/types": "^7.22.10",
+        "babel-plugin-polyfill-corejs2": "^0.4.5",
+        "babel-plugin-polyfill-corejs3": "^0.8.3",
+        "babel-plugin-polyfill-regenerator": "^0.5.2",
+        "core-js-compat": "^3.31.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.10.tgz",
+      "integrity": "sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/runtime-corejs3": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.22.10.tgz",
+      "integrity": "sha512-IcixfV2Jl3UrqZX4c81+7lVg5++2ufYJyAFW3Aux/ZTvY6LVYYhJ9rMgnbX0zGVq6eqfVpnoatTjZdVki/GmWA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-js-pure": "^3.30.2",
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/standalone": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.22.10.tgz",
+      "integrity": "sha512-VmK2sWxUTfDDh9mPfCtFJPIehZToteqK+Zpwq8oJUjJ+WeeKIFTTQIrDzH7jEdom+cAaaguU7FI/FBsBWFkIeQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.3.tgz",
+      "integrity": "sha512-lId/IfN/Ye1CIu8xG7oKBHXd2iNb2aW1ilPszzGcJug6M8RCKfVNcYhpI5+bMvFYjK7lXIM0R+a+6r8xhHp2FQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.27.3",
+        "@babel/parser": "^7.27.3",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.3",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse/node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.3.tgz",
+      "integrity": "sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@cloudflare/kv-asset-handler": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@cloudflare/kv-asset-handler/-/kv-asset-handler-0.3.0.tgz",
+      "integrity": "sha512-9CB/MKf/wdvbfkUdfrj+OkEwZ5b7rws0eogJ4293h+7b6KX5toPwym+VQKmILafNB9YiehqY0DlNrDcDhdWHSQ==",
+      "dev": true,
+      "license": "MIT OR Apache-2.0",
+      "dependencies": {
+        "mime": "^3.0.0"
+      }
+    },
+    "node_modules/@codemirror/autocomplete": {
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.9.0.tgz",
+      "integrity": "sha512-Fbwm0V/Wn3BkEJZRhr0hi5BhCo5a7eBL6LYaliPjOSwCyfOpnjXY59HruSxOUNV+1OYer0Tgx1zRNQttjXyDog==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.6.0",
+        "@lezer/common": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/commands": {
+      "version": "6.2.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.2.4.tgz",
+      "integrity": "sha512-42lmDqVH0ttfilLShReLXsDfASKLXzfyC36bzwcqzox9PlHulMcsUOfHXNo2X2aFMVNUoQ7j+d4q5bnfseYoOA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.2.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-css": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.2.1.tgz",
+      "integrity": "sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/common": "^1.0.2",
+        "@lezer/css": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-html": {
+      "version": "6.4.5",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.4.5.tgz",
+      "integrity": "sha512-dUCSxkIw2G+chaUfw3Gfu5kkN83vJQN8gfQDp9iEHsIZluMJA0YJveT12zg/28BJx+uPsbQ6VimKCgx3oJrZxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/lang-css": "^6.0.0",
+        "@codemirror/lang-javascript": "^6.0.0",
+        "@codemirror/language": "^6.4.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.2.2",
+        "@lezer/common": "^1.0.0",
+        "@lezer/css": "^1.1.0",
+        "@lezer/html": "^1.3.0"
+      }
+    },
+    "node_modules/@codemirror/lang-javascript": {
+      "version": "6.1.9",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.1.9.tgz",
+      "integrity": "sha512-z3jdkcqOEBT2txn2a87A0jSy6Te3679wg/U8QzMeftFt+4KA6QooMwfdFzJiuC3L6fXKfTXZcDocoaxMYfGz0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.6.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/javascript": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-vue": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-vue/-/lang-vue-0.1.2.tgz",
+      "integrity": "sha512-D4YrefiRBAr+CfEIM4S3yvGSbYW+N69mttIfGMEf7diHpRbmygDxS+R/5xSqjgtkY6VO6qmUrre1GkRcWeZa9A==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/lang-html": "^6.0.0",
+        "@codemirror/lang-javascript": "^6.1.2",
+        "@codemirror/language": "^6.0.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.3.1"
+      }
+    },
+    "node_modules/@codemirror/language": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.8.0.tgz",
+      "integrity": "sha512-r1paAyWOZkfY0RaYEZj3Kul+MiQTEbDvYqf8gPGaRvNneHXCmfSaAVFjwRUPlgxS8yflMxw2CTu6uCMp8R8A2g==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0",
+        "style-mod": "^4.0.0"
+      }
+    },
+    "node_modules/@codemirror/lint": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.4.0.tgz",
+      "integrity": "sha512-6VZ44Ysh/Zn07xrGkdtNfmHCbGSHZzFBdzWi0pbd7chAQ/iUcpLGX99NYRZTa7Ugqg4kEHCqiHhcZnH0gLIgSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/search": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.1.tgz",
+      "integrity": "sha512-4jupk4JwkeVbrN2pStY74q6OJEYqwosB4koA66nyLeVedadtX9MHI38j2vbYmnfDGurDApP3OZO46MrWalcjiQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/state": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.2.1.tgz",
+      "integrity": "sha512-RupHSZ8+OjNT38zU9fKH2sv+Dnlr8Eb8sl4NOnnqz95mCFTZUaiRP8Xv5MeeaG0px2b8Bnfe7YGwCV3nsBhbuw==",
+      "license": "MIT"
+    },
+    "node_modules/@codemirror/theme-one-dark": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.2.tgz",
+      "integrity": "sha512-F+sH0X16j/qFLMAfbciKTxVOwkdAS336b7AXTKOZhy8BR3eH/RelsnLgLFINrpST63mmN2OuwUt0W2ndUgYwUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/view": {
+      "version": "6.16.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.16.0.tgz",
+      "integrity": "sha512-1Z2HkvkC3KR/oEZVuW9Ivmp8TWLzGEd8T8TA04TTwPvqogfkHBdYSlflytDOqmkUxM2d1ywTg7X2dU5mC+SXvg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.1.4",
+        "style-mod": "^4.0.0",
+        "w3c-keyname": "^2.2.4"
+      }
+    },
+    "node_modules/@csstools/cascade-layer-name-parser": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.4.tgz",
+      "integrity": "sha512-zXMGsJetbLoXe+gjEES07MEGjL0Uy3hMxmnGtVBrRpVKr5KV9OgCB09zr/vLrsEtoVQTgJFewxaU8IYSAE4tjg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.1.0.tgz",
+      "integrity": "sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.4.tgz",
+      "integrity": "sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz",
+      "integrity": "sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.1.0",
+        "@csstools/css-calc": "^2.1.4"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.5",
+        "@csstools/css-tokenizer": "^3.0.4"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.1.tgz",
+      "integrity": "sha512-xrvsmVUtefWMWQsGgFffqWSK03pZ1vfDki4IVIIUxxDKnGBzqNgv0A7SB1oXtVNEkcVO8xi1ZrTL29HhSu5kGA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^2.2.0"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.0.14.tgz",
+      "integrity": "sha512-zSlIxa20WvMojjpCSy8WrNpcZ61RqfTfX3XTaOeVlGJrt/8HF3YbzgFZa01yTbT4GWQLwfTcC3EB8i3XnB647Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.0.tgz",
+      "integrity": "sha512-wErmsWCbsmig8sQKkM6pFhr/oPha1bHfvxsUY5CYSQxwyhA9Ulrs8EqCgClhg4Tgg2XapVstGqSVcz0xOYizZA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      }
+    },
+    "node_modules/@csstools/selector-specificity": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
+      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
+      "dev": true,
+      "license": "CC0-1.0",
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      }
+    },
+    "node_modules/@davestewart/nuxt-scrollbar": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@davestewart/nuxt-scrollbar/-/nuxt-scrollbar-1.0.0.tgz",
+      "integrity": "sha512-aX70k6ndjh3iYMMOijM9AAdB5pDVCAnkaakAj3S8xsoz3soGXtaA5AYpS7NUtN3tAuqLfetiGnWQxzSWWmXYew==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.3.3",
+        "vue3-perfect-scrollbar": "^1.6.1"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.19.tgz",
+      "integrity": "sha512-1uOoDurJYh5MNqPqpj3l/TQCI1V25BXgChEldCB7D6iryBYqYKrbZIhYO5AI9fulf66sM8UJpc3UcCly2Tv28w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.19.tgz",
+      "integrity": "sha512-4+jkUFQxZkQfQOOxfGVZB38YUWHMJX2ihZwF+2nh8m7bHdWXpixiurgGRN3c/KMSwlltbYI0/i929jwBRMFzbA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.19.tgz",
+      "integrity": "sha512-ae5sHYiP/Ogj2YNrLZbWkBmyHIDOhPgpkGvFnke7XFGQldBDWvc/AyYwSLpNuKw9UNkgnLlB/jPpnBmlF3G9Bg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.19.tgz",
+      "integrity": "sha512-HIpQvNQWFYROmWDANMRL+jZvvTQGOiTuwWBIuAsMaQrnStedM+nEKJBzKQ6bfT9RFKH2wZ+ej+DY7+9xHBTFPg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.19.tgz",
+      "integrity": "sha512-m6JdvXJQt0thNLIcWOeG079h2ivhYH4B5sVCgqb/B29zTcFd7EE8/J1nIUHhdtwGeItdUeqKaqqb4towwxvglQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.19.tgz",
+      "integrity": "sha512-G0p4EFMPZhGn/xVNspUyMQbORH3nlKTV0bFNHPIwLraBuAkTeMyxNviTe0ZXUbIXQrR1lrwniFjNFU4s+x7veQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.19.tgz",
+      "integrity": "sha512-hBxgRlG42+W+j/1/cvlnSa+3+OBKeDCyO7OG2ICya1YJaSCYfSpuG30KfOnQHI7Ytgu4bRqCgrYXxQEzy0zM5Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.19.tgz",
+      "integrity": "sha512-qtWyoQskfJlb9MD45mvzCEKeO4uCnDZ7lPFeNqbfaaJHqBiH9qA5Vu2EuckqYZuFMJWy1l4dxTf9NOulCVfUjg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.19.tgz",
+      "integrity": "sha512-X8g33tczY0GsJq3lhyBrjnFtaKjWVpp1gMq5IlF9BQJ3TUfSK74nQnz9mRIEejmcV+OIYn6bkOJeUaU1Knrljg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.19.tgz",
+      "integrity": "sha512-SAkRWJgb+KN+gOhmbiE6/wu23D6HRcGQi15cB13IVtBZZgXxygTV5GJlUAKLQ5Gcx0gtlmt+XIxEmSqA6sZTOw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.19.tgz",
+      "integrity": "sha512-YLAslaO8NsB9UOxBchos82AOMRDbIAWChwDKfjlGrHSzS3v1kxce7dGlSTsrb0PJwo1KYccypN3VNjQVLtz7LA==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.19.tgz",
+      "integrity": "sha512-vSYFtlYds/oTI8aflEP65xo3MXChMwBOG1eWPGGKs/ev9zkTeXVvciU+nifq8J1JYMz+eQ4J9JDN0O2RKF8+1Q==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.19.tgz",
+      "integrity": "sha512-tgG41lRVwlzqO9tv9l7aXYVw35BxKXLtPam1qALScwSqPivI8hjkZLNH0deaaSCYCFT9cBIdB+hUjWFlFFLL9A==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.19.tgz",
+      "integrity": "sha512-EgBZFLoN1S5RuB4cCJI31pBPsjE1nZ+3+fHRjguq9Ibrzo29bOLSBcH1KZJvRNh5qtd+fcYIGiIUia8Jw5r1lQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.19.tgz",
+      "integrity": "sha512-q1V1rtHRojAzjSigZEqrcLkpfh5K09ShCoIsdTakozVBnM5rgV58PLFticqDp5UJ9uE0HScov9QNbbl8HBo6QQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.19.tgz",
+      "integrity": "sha512-D0IiYjpZRXxGZLQfsydeAD7ZWqdGyFLBj5f2UshJpy09WPs3qizDCsEr8zyzcym6Woj/UI9ZzMIXwvoXVtyt0A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.19.tgz",
+      "integrity": "sha512-3tt3SOS8L3D54R8oER41UdDshlBIAjYhdWRPiZCTZ1E41+shIZBpTjaW5UaN/jD1ENE/Ok5lkeqhoNMbxstyxw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.19.tgz",
+      "integrity": "sha512-MxbhcuAYQPlfln1EMc4T26OUoeg/YQc6wNoEV8xvktDKZhLtBxjkoeESSo9BbPaGKhAPzusXYj5n8n5A8iZSrA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.19.tgz",
+      "integrity": "sha512-m0/UOq1wj25JpWqOJxoWBRM9VWc3c32xiNzd+ERlYstUZ6uwx5SZsQUtkiFHaYmcaoj+f6+Tfcl7atuAz3idwQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.19.tgz",
+      "integrity": "sha512-L4vb6pcoB1cEcXUHU6EPnUhUc4+/tcz4OqlXTWPcSQWxegfmcOprhmIleKKwmMNQVc4wrx/+jB7tGkjjDmiupg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.19.tgz",
+      "integrity": "sha512-rQng7LXSKdrDlNDb7/v0fujob6X0GAazoK/IPd9C3oShr642ri8uIBkgM37/l8B3Rd5sBQcqUXoDdEy75XC/jg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.19.tgz",
+      "integrity": "sha512-z69jhyG20Gq4QL5JKPLqUT+eREuqnDAFItLbza4JCmpvUnIlY73YNjd5djlO7kBiiZnvTnJuAbOjIoZIOa1GjA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz",
+      "integrity": "sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.2.tgz",
+      "integrity": "sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.1.tgz",
+      "integrity": "sha512-9t7ZA7NGGK8ckelF0PQCfcxIUzs1Md5rrO6U/c+FIQNanea5UZC0wqKXH4vHBccmu4ZJgZ2idtPeW7+Q2npOEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.46.0.tgz",
+      "integrity": "sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.4.1.tgz",
+      "integrity": "sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.1.1"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.1.1.tgz",
+      "integrity": "sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.1.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.1.tgz",
+      "integrity": "sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==",
+      "license": "MIT"
+    },
+    "node_modules/@formkit/addons": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/addons/-/addons-1.0.0.tgz",
+      "integrity": "sha512-MYOjbhF115POxQVNPN6HTuNJSZp5Q6sA7awNx7F8TNgJpqNlaRxIWrv6gzlP7Dnh2lApZiB+JxiXKStoxhFVyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/auto-animate": "latest",
+        "@formkit/core": "1.0.0",
+        "@formkit/inputs": "1.0.0",
+        "@formkit/utils": "1.0.0"
+      }
+    },
+    "node_modules/@formkit/auto-animate": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@formkit/auto-animate/-/auto-animate-0.7.0.tgz",
+      "integrity": "sha512-RczHUr0AhRPssREoNdRjLfk2b/id9/DFnbIq18QM8L7E4zNV3XH+WO480EZ46BQHDEsv76YPJ0JbG2Y2i3GfXw==",
+      "license": "MIT"
+    },
+    "node_modules/@formkit/core": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/core/-/core-1.0.0.tgz",
+      "integrity": "sha512-rDFVwNngLcakltasYzmyYDPAYoCoakK+7h4/5V1bE1FQDabhVvJIc5EDH8U80RAKNLGS9xiQ1JK4FHGcZ3K+oQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/utils": "1.0.0"
+      }
+    },
+    "node_modules/@formkit/dev": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/dev/-/dev-1.0.0.tgz",
+      "integrity": "sha512-ESX58BklYH1x9312xgyLTJ97wumOfPH98d2F3EL5M6erwHbBssBxBuKqsJkVoBo5Natgtm1VUDd9akA2Qc3dZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "1.0.0",
+        "@formkit/utils": "1.0.0"
+      }
+    },
+    "node_modules/@formkit/i18n": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/i18n/-/i18n-1.0.0.tgz",
+      "integrity": "sha512-Q2jvwy54NufxGplzyuykowTSuqSMZsCRPJqV+taa/2V8J7EJh3YKiyWP69eKKlHtX9rMmjrlFSTbG4a0AJxdRw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "1.0.0",
+        "@formkit/utils": "1.0.0",
+        "@formkit/validation": "1.0.0"
+      }
+    },
+    "node_modules/@formkit/inputs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/inputs/-/inputs-1.0.0.tgz",
+      "integrity": "sha512-fP8kBshH3SD19mei6nAqTq6LTHI4/C1eAP4BYMHBuLwKYMq4SrfPKTCrTNefz+DF3yRaUzUqRg5TgBGgt6wtTw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "1.0.0",
+        "@formkit/utils": "1.0.0"
+      }
+    },
+    "node_modules/@formkit/nuxt": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/nuxt/-/nuxt-1.0.0.tgz",
+      "integrity": "sha512-9HyKRk+aDoo9qsNquZNab4VH59YK+0lVMwiyk82ybC6zt2XjwXXat9ZmRYhS65E9LW0tIPaC/B7VdubYIpxWgw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "1.0.0",
+        "@formkit/i18n": "1.0.0",
+        "@formkit/vue": "1.0.0",
+        "@nuxt/kit": "^3.5.3",
+        "chokidar": "^3.5.3",
+        "pathe": "^1.1.1"
+      }
+    },
+    "node_modules/@formkit/observer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/observer/-/observer-1.0.0.tgz",
+      "integrity": "sha512-fKo2TX5MK6L4Nc0YWIcg2Qhp2Rz0pnQg4j541Pwd3tyQ+auHYKD8wnPkq46XHQUAWaq4HJ4WchpPiPSqXpcXAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "1.0.0",
+        "@formkit/utils": "1.0.0"
+      }
+    },
+    "node_modules/@formkit/pro": {
+      "version": "0.115.3",
+      "resolved": "https://registry.npmjs.org/@formkit/pro/-/pro-0.115.3.tgz",
+      "integrity": "sha512-qFCkgDTXkKzCP8ulkOPMwH4vXtFLd+VSvyJvG2DagxdMxpNux9XCX2mUiIPnyDAl87ShOxektACZ1BSuuwZ5mg==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@formkit/core": "^1.0.0",
+        "@formkit/inputs": "^1.0.0"
+      }
+    },
+    "node_modules/@formkit/rules": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/rules/-/rules-1.0.0.tgz",
+      "integrity": "sha512-q9ENjQFEsku8v9M9jybtDh8TVgz4WFrm0wj6v8w8KXqDxdEU6HZ7+IWuF8/0Rh8SwVZLTYTv+dqtw8Xs5Z/b6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "1.0.0",
+        "@formkit/utils": "1.0.0",
+        "@formkit/validation": "1.0.0"
+      }
+    },
+    "node_modules/@formkit/themes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/themes/-/themes-1.0.0.tgz",
+      "integrity": "sha512-A5fseWPLp2SWnLpl966vzIIpGDIpZ4FSa4HXaA1PwLg69JVHzoeuls8vd90z7a4VALlslnVUwSm26WWr1BxJgA==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "1.0.0"
+      },
+      "peerDependencies": {
+        "tailwindcss": "^3.2.0",
+        "unocss": "^0.31.0",
+        "windicss": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "tailwindcss": {
+          "optional": true
+        },
+        "unocss": {
+          "optional": true
+        },
+        "windicss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@formkit/utils": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/utils/-/utils-1.0.0.tgz",
+      "integrity": "sha512-5T8PbHOajP/eJuoEeLgxA0g25nyVUZKfy2V2mW8idoph+9PT0nZUoIP+KA/PJ2mmexqtuykMT0A5knW8MiXqsw==",
+      "license": "MIT"
+    },
+    "node_modules/@formkit/validation": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/validation/-/validation-1.0.0.tgz",
+      "integrity": "sha512-XRFbPw/YlOWqDyrZb6qtETFjohgOrBfhhsVM6B7qm4xyXx2pa53zf+RjDD4+aUXjZTif+qKZA8xuK3Z3shGuZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "1.0.0",
+        "@formkit/observer": "1.0.0",
+        "@formkit/utils": "1.0.0"
+      }
+    },
+    "node_modules/@formkit/vue": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@formkit/vue/-/vue-1.0.0.tgz",
+      "integrity": "sha512-TJ4DIPEI7EgxZ/olXpnyHmezm75acllzbCIHgXB4ckd1AxC2pb0T2Z17B4VK/jYz7Xdkc6apAvYosgVbupbnfw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formkit/core": "1.0.0",
+        "@formkit/dev": "1.0.0",
+        "@formkit/i18n": "1.0.0",
+        "@formkit/inputs": "1.0.0",
+        "@formkit/observer": "1.0.0",
+        "@formkit/rules": "1.0.0",
+        "@formkit/themes": "1.0.0",
+        "@formkit/utils": "1.0.0",
+        "@formkit/validation": "1.0.0",
+        "vue": "^3.3.4"
+      }
+    },
+    "node_modules/@fullcalendar/common": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/common/-/common-5.11.5.tgz",
+      "integrity": "sha512-3iAYiUbHXhjSVXnYWz27Od2cslztUPsOwiwKlfGvQxBixv2Kl6a8IPwaijKFYJHXdwYmfPoEgK7rvqAGVoIYwA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@fullcalendar/core": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/core/-/core-5.11.5.tgz",
+      "integrity": "sha512-M/WQuq1+uUHxFDEIu2ib/aaPZ70VsRk2ITECo/WCLSLTVWcHPXwEg83reyP3G8JrMM4gRL4vScEHhX0U5aoNSw==",
+      "license": "MIT",
+      "dependencies": {
+        "@fullcalendar/common": "~5.11.5",
+        "preact": "~10.12.1",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@fullcalendar/daygrid": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/daygrid/-/daygrid-5.11.5.tgz",
+      "integrity": "sha512-hMpq0U3Nucys2jDD+crbkJCr+tVt3fDw04OE3fbpisuzqtrHxIzRmnUOdbWUjJQyToAAkt7UVUQ9E7hYdmvyGA==",
+      "license": "MIT",
+      "dependencies": {
+        "@fullcalendar/common": "~5.11.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@fullcalendar/interaction": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/interaction/-/interaction-5.11.5.tgz",
+      "integrity": "sha512-Vg9uw8zKXZc2RP7it88U8R/kxJIQsK4pyv+s+RhlvT5NBZ9KLOh5y2xGCS4A4hyY7qLrzugxnKYlu6NwNqJ/RQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@fullcalendar/common": "~5.11.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@fullcalendar/list": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/list/-/list-5.11.5.tgz",
+      "integrity": "sha512-ZYMPT4CVt9tIYkVVNx7CKkB2xc+n9L56+vgXkurptgYgPsacXYkcpF/1Hy/B5LKlg0ROEF9Qfftjow8xjANqaA==",
+      "license": "MIT",
+      "dependencies": {
+        "@fullcalendar/common": "~5.11.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@fullcalendar/luxon2": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/luxon2/-/luxon2-5.11.5.tgz",
+      "integrity": "sha512-8SPPdDIWbHEX3pupqtSA9efNKkDVQNilBH88DGIriE5YrUqpLhCdnycK18LQo8y+UuKSP0qow1N3dp6tmfYiyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@fullcalendar/common": "~5.11.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "luxon": "^2.0.0"
+      }
+    },
+    "node_modules/@fullcalendar/premium-common": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/premium-common/-/premium-common-5.11.5.tgz",
+      "integrity": "sha512-QMLOm+MKxvsbji4wt7YGqB73IqwHD+y2JD1DZ3t0LCq2Ul6QtQjNxRP7/7DklXPI8atXoJRRXzwqRq+8O9FFHw==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@fullcalendar/common": "~5.11.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@fullcalendar/scrollgrid": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/scrollgrid/-/scrollgrid-5.11.5.tgz",
+      "integrity": "sha512-/6TaqW8DR+9KQ+hRKtFfT3S4DO2G9E6Yvlje+X2FkySjX+u4FxjqtUAZpSw1AYzPWvAaTcBJAPe+jMsRRifdUw==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@fullcalendar/common": "~5.11.5",
+        "@fullcalendar/premium-common": "~5.11.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@fullcalendar/timegrid": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/timegrid/-/timegrid-5.11.5.tgz",
+      "integrity": "sha512-OEH5mrTclwxgUbb51N6qr7ifzNkR74ygUEFpiMLyyUjkp7a76N6BsAP5mBQnTOpTTUZBu9tAOmfcnvi7skUayQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@fullcalendar/common": "~5.11.5",
+        "@fullcalendar/daygrid": "~5.11.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@fullcalendar/vue3": {
+      "version": "5.11.5",
+      "resolved": "https://registry.npmjs.org/@fullcalendar/vue3/-/vue3-5.11.5.tgz",
+      "integrity": "sha512-813zzFAuW9/ysysLhjxFKIThUrT23qjf1EKymyj0tCnrFtfTrpbk1k/txRQ5dwITanHEU3iFxgE/d+PlswL/bg==",
+      "license": "MIT",
+      "dependencies": {
+        "@fullcalendar/core": "~5.11.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.11"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
+      "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^1.2.1",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@iconify/vue": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.1.1.tgz",
+      "integrity": "sha512-RL85Bm/DAe8y6rT6pux7D2FJSiUEM/TPfyK7GrbAOfTSwrhvwJW+S5yijdGcmtXouA8MtuH9C7l4hiSE4mLMjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@iconify/types": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/cyberalien"
+      },
+      "peerDependencies": {
+        "vue": ">=3"
+      }
+    },
+    "node_modules/@ioredis/commands": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.2.0.tgz",
+      "integrity": "sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@kiwicom/eslint-config": {
+      "version": "12.7.3",
+      "resolved": "https://registry.npmjs.org/@kiwicom/eslint-config/-/eslint-config-12.7.3.tgz",
+      "integrity": "sha512-oa2DendqKI1gpUQwEaw8349XhSSpUtIzwi9vWWZZdXA0SJl9IejBnL+9LyyN1WO3S7/ceo7whk7b7KAqixP4Qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/eslint-parser": "~7.19.0",
+        "@typescript-eslint/eslint-plugin": "~5.37.0",
+        "@typescript-eslint/parser": "~5.37.0",
+        "eslint-config-prettier": "~8.5.0",
+        "eslint-import-resolver-babel-module": "~5.3.0",
+        "eslint-plugin-babel": "~5.3.1",
+        "eslint-plugin-eslint-comments": "~3.2.0",
+        "eslint-plugin-flowtype": "~8.0.3",
+        "eslint-plugin-fp": "~2.3.0",
+        "eslint-plugin-import": "~2.26.0",
+        "eslint-plugin-jest": "~26.9.0",
+        "eslint-plugin-jsx-a11y": "~6.6.0",
+        "eslint-plugin-monorepo": "~0.3.1",
+        "eslint-plugin-node": "~11.1.0",
+        "eslint-plugin-react": "~7.31.0",
+        "eslint-plugin-react-hooks": "~4.6.0",
+        "prettier": "~2.7.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.3",
+        "babel-plugin-module-resolver": "^4.0.0",
+        "eslint": "^8.3.0",
+        "typescript": "^4.0.5"
+      }
+    },
+    "node_modules/@kiwicom/eslint-config/node_modules/@babel/eslint-parser": {
+      "version": "7.19.1",
+      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.19.1.tgz",
+      "integrity": "sha512-AqNf2QWt1rtu2/1rLswy6CDP7H9Oh3mMhk177Y67Rg8d7RD9WfOLLv8CGn6tisFvS2htm86yIe1yLF6I1UDaGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
+        "eslint-visitor-keys": "^2.1.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": ">=7.11.0",
+        "eslint": "^7.5.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@kiwicom/eslint-config/node_modules/prettier": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
+      "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/@koa/router": {
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/@koa/router/-/router-9.4.0.tgz",
+      "integrity": "sha512-dOOXgzqaDoHu5qqMEPLKEgLz5CeIA7q8+1W62mCvFVCOqeC71UoTGJ4u1xUSOpIl2J1x2pqrNULkFteUeZW3/A==",
+      "deprecated": "**IMPORTANT 10x+ PERFORMANCE UPGRADE**: Please upgrade to v12.0.1+ as we have fixed an issue with debuglog causing 10x slower router benchmark performance, see https://github.com/koajs/router/pull/173",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "http-errors": "^1.7.3",
+        "koa-compose": "^4.1.0",
+        "methods": "^1.1.2",
+        "path-to-regexp": "^6.1.0"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/@koa/router/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/@koa/router/node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/@koa/router/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/@lezer/common": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.0.3.tgz",
+      "integrity": "sha512-JH4wAXCgUOcCGNekQPLhVeUtIqjH0yPBs7vvUdSjyQama9618IOKFJwkv2kcqdhF0my8hQEgCTEJU0GIgnahvA==",
+      "license": "MIT"
+    },
+    "node_modules/@lezer/css": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.1.3.tgz",
+      "integrity": "sha512-SjSM4pkQnQdJDVc80LYzEaMiNy9txsFbI7HsMgeVF28NdLaAdHNtQ+kB/QqDUzRBV/75NTXjJ/R5IdC8QQGxMg==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.1.6.tgz",
+      "integrity": "sha512-cmSJYa2us+r3SePpRCjN5ymCqCPv+zyXmDl0ciWtVaNiORT/MxM7ZgOMQZADD0o51qOaOg24qc/zBViOIwAjJg==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/html": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.6.tgz",
+      "integrity": "sha512-Kk9HJARZTc0bAnMQUqbtuhFVsB4AnteR2BFUWfZV7L/x1H0aAKz6YabrfJ2gk/BEgjh9L3hg5O4y2IDZRBdzuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/javascript": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.5.tgz",
+      "integrity": "sha512-FmBUHz8K1V22DgjTd6SrIG9owbzOYZ1t3rY6vGEmw+e2RVBd7sqjM8uXEVRFmfxKFn1Mx2ABJehHjrN3G2ZpmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/highlight": "^1.1.3",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.3.9",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.3.9.tgz",
+      "integrity": "sha512-XPz6dzuTHlnsbA5M2DZgjflNQ+9Hi5Swhic0RULdp3oOs3rh6bqGZolosVqN/fQIT8uNiepzINJDnS39oweTHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "make-dir": "^3.1.0",
+        "node-fetch": "^2.6.7",
+        "nopt": "^5.0.0",
+        "npmlog": "^5.0.1",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/node-fetch": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.12.tgz",
+      "integrity": "sha512-C/fGU2E8ToujUivIO0H+tpQ6HWo4eEmchoPIoXtxCrVghxdKq+QOHqEZW7tuP3KlV3bC8FRMO5nMCC7Zm1VP6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@netlify/functions": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@netlify/functions/-/functions-1.6.0.tgz",
+      "integrity": "sha512-6G92AlcpFrQG72XU8YH8pg94eDnq7+Q0YJhb8x4qNpdGsvuzvrfHWBmqFGp/Yshmv4wex9lpsTRZOocdrA2erQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-promise": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
+      "version": "5.1.1-v1",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
+      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-scope": "5.1.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nuxt/devalue": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@nuxt/devalue/-/devalue-2.0.2.tgz",
+      "integrity": "sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@nuxt/kit": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.6.5.tgz",
+      "integrity": "sha512-uBI5I2Zx6sk+vRHU+nBmifwxg/nyXCGZ1g5hUKrUfgv1ZfiKB8JkN5T9iRoduDOaqbwM6XSnEl1ja73iloDcrw==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/schema": "3.6.5",
+        "c12": "^1.4.2",
+        "consola": "^3.2.3",
+        "defu": "^6.1.2",
+        "globby": "^13.2.2",
+        "hash-sum": "^2.0.0",
+        "ignore": "^5.2.4",
+        "jiti": "^1.19.1",
+        "knitwork": "^1.0.0",
+        "mlly": "^1.4.0",
+        "pathe": "^1.1.1",
+        "pkg-types": "^1.0.3",
+        "scule": "^1.0.0",
+        "semver": "^7.5.3",
+        "unctx": "^2.3.1",
+        "unimport": "^3.0.14",
+        "untyped": "^1.3.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/@nuxt/kit/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/kit/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/kit/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC"
+    },
+    "node_modules/@nuxt/postcss8": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@nuxt/postcss8/-/postcss8-1.1.3.tgz",
+      "integrity": "sha512-CdHtErhvQwueNZPBOmlAAKrNCK7aIpZDYhtS7TzXlSgPHHox1g3cSlf+Ke9oB/8t4mNNjdB+prclme2ibuCOEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "autoprefixer": "^10.2.5",
+        "css-loader": "^5.0.0",
+        "defu": "^3.2.2",
+        "postcss": "^8.1.10",
+        "postcss-import": "^13.0.0",
+        "postcss-loader": "^4.1.0",
+        "postcss-url": "^10.1.1",
+        "semver": "^7.3.4"
+      }
+    },
+    "node_modules/@nuxt/postcss8/node_modules/defu": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-3.2.2.tgz",
+      "integrity": "sha512-8UWj5lNv7HD+kB0e9w77Z7TdQlbUYDVWqITLHNqFIn6khrNHv5WQo38Dcm1f6HeNyZf0U7UbPf6WeZDSdCzGDQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@nuxt/postcss8/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/postcss8/node_modules/postcss-import": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-13.0.0.tgz",
+      "integrity": "sha512-LPUbm3ytpYopwQQjqgUH4S3EM/Gb9QsaSPP/5vnoi+oKVy3/mIk2sc0Paqw7RL57GpScm9MdIMUypw2znWiBpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/@nuxt/postcss8/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@nuxt/postcss8/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@nuxt/schema": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/@nuxt/schema/-/schema-3.6.5.tgz",
+      "integrity": "sha512-UPUnMB0W5TZ/Pi1fiF71EqIsPlj8LGZqzhSf8wOeh538KHwxbA9r7cuvEUU92eXRksOZaylbea3fJxZWhOITVw==",
+      "license": "MIT",
+      "dependencies": {
+        "defu": "^6.1.2",
+        "hookable": "^5.5.3",
+        "pathe": "^1.1.1",
+        "pkg-types": "^1.0.3",
+        "postcss-import-resolver": "^2.0.0",
+        "std-env": "^3.3.3",
+        "ufo": "^1.1.2",
+        "unimport": "^3.0.14",
+        "untyped": "^1.3.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/@nuxt/telemetry": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@nuxt/telemetry/-/telemetry-2.3.2.tgz",
+      "integrity": "sha512-S2sF4hLQWS48lWPpRT8xqVUFuwFGTgeKvojp8vL/iP79fWxudua2DWXR15T8C2zpauYwNgEpEWJmy6vxY2ZQeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.6.5",
+        "chalk": "^5.3.0",
+        "ci-info": "^3.8.0",
+        "consola": "^3.2.3",
+        "create-require": "^1.1.1",
+        "defu": "^6.1.2",
+        "destr": "^2.0.0",
+        "dotenv": "^16.3.1",
+        "fs-extra": "^11.1.1",
+        "git-url-parse": "^13.1.0",
+        "is-docker": "^3.0.0",
+        "jiti": "^1.19.1",
+        "mri": "^1.2.0",
+        "nanoid": "^4.0.2",
+        "node-fetch": "^3.3.1",
+        "ofetch": "^1.1.1",
+        "parse-git-config": "^3.0.0",
+        "rc9": "^2.1.1",
+        "std-env": "^3.3.3"
+      },
+      "bin": {
+        "nuxt-telemetry": "bin/nuxt-telemetry.mjs"
+      }
+    },
+    "node_modules/@nuxt/telemetry/node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@nuxt/ui-templates": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@nuxt/ui-templates/-/ui-templates-1.3.1.tgz",
+      "integrity": "sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==",
+      "dev": true,
+      "license": "CC-BY-ND-4.0"
+    },
+    "node_modules/@nuxt/vite-builder": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/@nuxt/vite-builder/-/vite-builder-3.6.5.tgz",
+      "integrity": "sha512-pwSpt257ApCp3XWUs8vrC7X9QHeHUv5PbbIR3+5w0n5f95XPNOQWDJa2fTPX/H6oaRJCPYAsBPqiQhQ7qW/NZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "3.6.5",
+        "@rollup/plugin-replace": "^5.0.2",
+        "@vitejs/plugin-vue": "^4.2.3",
+        "@vitejs/plugin-vue-jsx": "^3.0.1",
+        "autoprefixer": "^10.4.14",
+        "clear": "^0.1.0",
+        "consola": "^3.2.3",
+        "cssnano": "^6.0.1",
+        "defu": "^6.1.2",
+        "esbuild": "^0.18.11",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "externality": "^1.0.2",
+        "fs-extra": "^11.1.1",
+        "get-port-please": "^3.0.1",
+        "h3": "^1.7.1",
+        "knitwork": "^1.0.0",
+        "magic-string": "^0.30.1",
+        "mlly": "^1.4.0",
+        "ohash": "^1.1.2",
+        "pathe": "^1.1.1",
+        "perfect-debounce": "^1.0.0",
+        "pkg-types": "^1.0.3",
+        "postcss": "^8.4.24",
+        "postcss-import": "^15.1.0",
+        "postcss-url": "^10.1.3",
+        "rollup-plugin-visualizer": "^5.9.2",
+        "std-env": "^3.3.3",
+        "strip-literal": "^1.0.1",
+        "ufo": "^1.1.2",
+        "unplugin": "^1.3.2",
+        "vite": "~4.3.9",
+        "vite-node": "^0.33.0",
+        "vite-plugin-checker": "^0.6.1",
+        "vue-bundle-renderer": "^1.0.3"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.3.4"
+      }
+    },
+    "node_modules/@nuxt/vite-builder/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@nuxtjs/tailwindcss": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/@nuxtjs/tailwindcss/-/tailwindcss-6.8.0.tgz",
+      "integrity": "sha512-jzuvD1nfA2BPnSbHtKK0aiI51ndMa7lNGL1iDEFuEPsltzilZ9ED7zOP6niGTrImg0n5Yt4GEJpixi6yWwp9Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.5.3",
+        "@nuxt/postcss8": "^1.1.3",
+        "autoprefixer": "^10.4.14",
+        "chokidar": "^3.5.3",
+        "clear-module": "^4.1.2",
+        "colorette": "^2.0.20",
+        "cookie-es": "^1.0.0",
+        "defu": "^6.1.2",
+        "destr": "^2.0.0",
+        "h3": "^1.6.6",
+        "iron-webcrypto": "^0.7.0",
+        "micromatch": "^4.0.5",
+        "pathe": "^1.1.1",
+        "postcss": "^8.4.24",
+        "postcss-custom-properties": "^13.2.0",
+        "postcss-nesting": "^11.3.0",
+        "radix3": "^1.0.1",
+        "tailwind-config-viewer": "^1.7.2",
+        "tailwindcss": "~3.3.2",
+        "ufo": "^1.1.2",
+        "uncrypto": "^0.1.3"
+      }
+    },
+    "node_modules/@parcel/watcher-wasm": {
+      "version": "2.3.0-alpha.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-wasm/-/watcher-wasm-2.3.0-alpha.1.tgz",
+      "integrity": "sha512-wo6065l1MQ6SJPPchYw/q8J+pFL40qBXLu4Td2CXeQ/+mUk8NenNqC75P/P1Cyvpam0kfk91iszd+XL+xKDQww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "napi-wasm": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@pinia-plugin-persistedstate/nuxt": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@pinia-plugin-persistedstate/nuxt/-/nuxt-1.1.1.tgz",
+      "integrity": "sha512-b6ZNP3Re8COmfZEpj4KQmbp2TuDKrLggDFLZa8FiJF68xE/oCsPXIuXUvAt8E4ht/5sq4Z/grlA+iGXaI2aeKQ==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.2.3",
+        "defu": "^6.1.2",
+        "pinia-plugin-persistedstate": ">=3.1.0"
+      },
+      "peerDependencies": {
+        "@pinia/nuxt": "^0.4.4"
+      }
+    },
+    "node_modules/@pinia/nuxt": {
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/@pinia/nuxt/-/nuxt-0.4.11.tgz",
+      "integrity": "sha512-bhuNFngJpmBCdAqWguezNJ/oJFR7wvKieqiZrmmdmPR07XjsidAw8RLXHMZE9kUm32M9E6T057OBbG/22jERTg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.5.0",
+        "pinia": ">=2.1.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@prisma/client": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-5.1.1.tgz",
+      "integrity": "sha512-fxcCeK5pMQGcgCqCrWsi+I2rpIbk0rAhdrN+ke7f34tIrgPwA68ensrpin+9+fZvuV2OtzHmuipwduSY6HswdA==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/engines-version": "5.1.1-1.6a3747c37ff169c90047725a05a6ef02e32ac97e"
+      },
+      "engines": {
+        "node": ">=16.13"
+      },
+      "peerDependencies": {
+        "prisma": "*"
+      },
+      "peerDependenciesMeta": {
+        "prisma": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@prisma/engines": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-5.1.1.tgz",
+      "integrity": "sha512-NV/4nVNWFZSJCCIA3HIFJbbDKO/NARc9ej0tX5S9k2EVbkrFJC4Xt9b0u4rNZWL4V+F5LAjvta8vzEUw0rw+HA==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/engines-version": {
+      "version": "5.1.1-1.6a3747c37ff169c90047725a05a6ef02e32ac97e",
+      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-5.1.1-1.6a3747c37ff169c90047725a05a6ef02e32ac97e.tgz",
+      "integrity": "sha512-owZqbY/wucbr65bXJ/ljrHPgQU5xXTSkmcE/JcbqE1kusuAXV/TLN3/exmz21SZ5rJ7WDkyk70J2G/n68iogbQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@remirror/core-constants": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
+      "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==",
+      "license": "MIT"
+    },
+    "node_modules/@rollup/plugin-alias": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-alias/-/plugin-alias-5.0.0.tgz",
+      "integrity": "sha512-l9hY5chSCjuFRPsnRm16twWBiSApl2uYFLsepQYwtBuAxNMQ/1dJqADld40P0Jkqm65GRTLy/AC6hnpVebtLsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "slash": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-babel": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
+      "integrity": "sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.10.4",
+        "@rollup/pluginutils": "^3.1.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "@types/babel__core": "^7.1.9",
+        "rollup": "^1.20.0||^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/babel__core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-babel/node_modules/@rollup/pluginutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "0.0.39",
+        "estree-walker": "^1.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
+    "node_modules/@rollup/plugin-babel/node_modules/@types/estree": {
+      "version": "0.0.39",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/plugin-babel/node_modules/estree-walker": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/plugin-commonjs": {
+      "version": "25.0.3",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.3.tgz",
+      "integrity": "sha512-uBdtWr/H3BVcgm97MUdq2oJmqBR23ny1hOrWe2PKo9FTbjsGqg32jfasJUKYAI5ouqacjRnj65mBB/S79F+GQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "commondir": "^1.0.1",
+        "estree-walker": "^2.0.2",
+        "glob": "^8.0.3",
+        "is-reference": "1.2.1",
+        "magic-string": "^0.27.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.68.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-commonjs/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/plugin-commonjs/node_modules/magic-string": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.13"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@rollup/plugin-inject": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-inject/-/plugin-inject-5.0.3.tgz",
+      "integrity": "sha512-411QlbL+z2yXpRWFXSmw/teQRMkXcAAC8aYTemc15gwJRpvEVDQwoe+N/HTFD8RFG8+88Bme9DK2V9CVm7hJdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.27.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-inject/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/plugin-inject/node_modules/magic-string": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.13"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@rollup/plugin-json": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.0.0.tgz",
+      "integrity": "sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-node-resolve": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz",
+      "integrity": "sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "@types/resolve": "1.20.2",
+        "deepmerge": "^4.2.2",
+        "is-builtin-module": "^3.2.1",
+        "is-module": "^1.0.0",
+        "resolve": "^1.22.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.78.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-replace": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz",
+      "integrity": "sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "magic-string": "^0.27.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-replace/node_modules/magic-string": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.13"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@rollup/plugin-terser": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.3.tgz",
+      "integrity": "sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "serialize-javascript": "^6.0.1",
+        "smob": "^1.0.0",
+        "terser": "^5.17.4"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.x || ^3.x"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-wasm": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-wasm/-/plugin-wasm-6.1.3.tgz",
+      "integrity": "sha512-7ItTTeyauE6lwdDtQWceEHZ9+txbi4RRy0mYPFn9BW7rD7YdgBDu7HTHsLtHrRzJc313RM/1m6GKgV3np/aEaw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
+      "integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/@shimyshack/uid": {
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/@shimyshack/uid/-/uid-0.1.9.tgz",
+      "integrity": "sha512-J3sZ7mh/FjhsKWg8T8Pb5nxQkqoCiWvm7CQqG5pMhVN3asJbrkAeP/gqJujLZt4CPEpX1pWmkJihIt3/YFsQrg==",
+      "license": "MIT",
+      "dependencies": {
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@surma/rollup-plugin-off-main-thread": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz",
+      "integrity": "sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "ejs": "^3.1.6",
+        "json5": "^2.2.0",
+        "magic-string": "^0.25.0",
+        "string.prototype.matchall": "^4.0.6"
+      }
+    },
+    "node_modules/@surma/rollup-plugin-off-main-thread/node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/@sweetalert2/theme-dark": {
+      "version": "5.0.15",
+      "resolved": "https://registry.npmjs.org/@sweetalert2/theme-dark/-/theme-dark-5.0.15.tgz",
+      "integrity": "sha512-g1QCwQVOkiAz5hIEBOIvvu0580lubu4KuQlod+48QetYzGIEXNlHEH36QihCDnGVgE6vx48iO48w9q0WrZWyHQ==",
+      "deprecated": "Use Swal.fire({ theme: 'dark' }) instead",
+      "license": "MIT"
+    },
+    "node_modules/@tiptap/core": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.12.0.tgz",
+      "integrity": "sha512-3qX8oGVKFFZzQ0vit+ZolR6AJIATBzmEmjAA0llFhWk4vf3v64p1YcXcJsOBsr5scizJu5L6RYWEFatFwqckRg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-blockquote": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.12.0.tgz",
+      "integrity": "sha512-XUC2A77YAPMJS2SqZ2S62IGcUH8gZ7cdhoWlYQb1pR4ZzXFByeKDJPxfYeAePSiuI01YGrlzgY2c6Ncx/DtO0A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-bold": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.12.0.tgz",
+      "integrity": "sha512-lAUtoLDLRc5ofD2I9MFY6MQ7d1qBLLqS1rvpwaPjOaoQb/GPVnaHj9qXYG0SY9K3erMtto48bMFpAcscjZHzZQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-bubble-menu": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.12.0.tgz",
+      "integrity": "sha512-DYijoE0igV0Oi+ZppFsp2UrQsM/4HZtmmpD78BJM9zfCbd1YvAUIxmzmXr8uqU18OHd1uQy+/zvuNoUNYyw67g==",
+      "license": "MIT",
+      "dependencies": {
+        "tippy.js": "^6.3.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-bullet-list": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.12.0.tgz",
+      "integrity": "sha512-YTCjztB8MaIpwyxFYr81H4+LdKCq1VlaSXQyrPdB44mVdhhRqc46BYQb8/B//XE3UIu3X2QWFjwrqRlUq6vUiw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-code": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.12.0.tgz",
+      "integrity": "sha512-R7RaS+hJeHFim7alImQ9L9CSWSMjWXvz0Ote568x9ea5gdBGUYW8PcH+5a91lh8e1XGYWBM12a8oJZRyxg/tQA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-code-block": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.12.0.tgz",
+      "integrity": "sha512-1D7cYAjgxEFHdfC/35Ooi4GqWKB5sszbW8iI7N16XILNln26xb0d5KflXqYrwr9CN/ZnZoCl2o6YsP7xEObcZA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-document": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.12.0.tgz",
+      "integrity": "sha512-sA1Q+mxDIv0Y3qQTBkYGwknNbDcGFiJ/fyAFholXpqbrcRx3GavwR/o0chBdsJZlFht0x7AWGwUYWvIo7wYilA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-dropcursor": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.12.0.tgz",
+      "integrity": "sha512-zcZSOXFj+7LVnmdPWTfKr5AoxYIzFPFlLJe35AdTQC5IhkljLn1Exct8I30ZREojX/00hKYsO7JJmePS6TEVlQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-floating-menu": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.12.0.tgz",
+      "integrity": "sha512-BYpyZx/56KCDksWuJJbhki/uNgt9sACuSSZFH5AN1yS1ISD+EzIxqf6Pzzv8QCoNJ+KcRNVaZsOlOFaJGoyzag==",
+      "license": "MIT",
+      "dependencies": {
+        "tippy.js": "^6.3.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-gapcursor": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.12.0.tgz",
+      "integrity": "sha512-k8ji5v9YKn7bNjo8UtI9hEfXfl4tKUp1hpJOEmUxGJQa3LIwrwSbReupUTnHszGQelzxikS/l1xO9P0TIGwRoA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-hard-break": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.12.0.tgz",
+      "integrity": "sha512-08MNS2PK5DzdnAfqXn4krmJ/xebKmWpRpYqqN5EM8AvetYKlAJyTVSpo0ZUeGbZ3EZiPm9djgSnrLqpFUDjRCg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-heading": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.12.0.tgz",
+      "integrity": "sha512-9DfES4Wd5TX1foI70N9sAL+35NN1UHrtzDYN2+dTHupnmKir9RaMXyZcbkUb4aDVzYrGxIqxJzHBVkquKIlTrw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-history": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.12.0.tgz",
+      "integrity": "sha512-+B9CAf2BFURC6mQiM1OQtahVTzdEOEgT/UUNlRZkeeBc0K5of3dr6UdBqaoaMAefja3jx5PqiQ7mhUBAjSt6AA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-horizontal-rule": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.12.0.tgz",
+      "integrity": "sha512-Vi2+6RIehDSpoJn/7PDuOieUj7W7WrEb4wBxK9TG8PDscihR0mehhhzm/K2xhH4TN48iPJGRsjDFrFjTbXmcnw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-italic": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.12.0.tgz",
+      "integrity": "sha512-JKcXK3LmEsmxNzEq5e06rPUGMRLUxmJ2mYtBY4NlJ6yLM9XMDljtgeTnWT0ySLYmfINSFTkX4S7WIRbpl9l4pw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-list-item": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.12.0.tgz",
+      "integrity": "sha512-4YwZooC8HP+gPxs6YrkB1ayggyYbgVvJx/rWBT6lKSW2MVVg8QXi1zAcSI3MhIhHmqDysXXFPL8JURlbeGjaFA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-ordered-list": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.12.0.tgz",
+      "integrity": "sha512-1ys0e/oqk09oXxrB1WzAx5EntK/QreObG/V1yhgihGm429fxHMsxzIYN6dKAYxx0YOPQG7qEZRrrPuWU70Ms7g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-paragraph": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.12.0.tgz",
+      "integrity": "sha512-QNK5cgewCunWFxpLlbvvoO1rrLgEtNKxiY79fctP9toV+e59R+1i1Q9lXC1O5mOfDgVxCb6uFDMsqmKhFjpPog==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-strike": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.12.0.tgz",
+      "integrity": "sha512-nBaa5YtBsLJPZFfSs36sBz4Zgi/c8b3MsmS/Az8uXaHb0R9yPewOVUMDIQbxMct8SXUlIo9VtKlOL+mVJ3Nkpw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-text": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.12.0.tgz",
+      "integrity": "sha512-0ytN9V1tZYTXdiYDQg4FB2SQ56JAJC9r/65snefb9ztl+gZzDrIvih7CflHs1ic9PgyjexfMLeH+VzuMccNyZw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-text-style": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-style/-/extension-text-style-2.12.0.tgz",
+      "integrity": "sha512-Pxwt23ZlvbQUahV0PvHy8Ej6IAuKR1FvHobUvwP3T8AiY7hob66fWRe7tQbESzSAzm5Vv2xkvyHeU8vekMTezA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-underline": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.12.0.tgz",
+      "integrity": "sha512-u95lrUCesw1SN3BXY4xrgfSuxtoCYmJ9uaU7IVVOu0zVsDFtLlOa82kd63KVF+URL0kMdO+FBmvdS6d8Era70Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/pm": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.12.0.tgz",
+      "integrity": "sha512-TNzVwpeNzFfHAcYTOKqX9iU4fRxliyoZrCnERR+RRzeg7gWrXrCLubQt1WEx0sojMAfznshSL3M5HGsYjEbYwA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-changeset": "^2.3.0",
+        "prosemirror-collab": "^1.3.1",
+        "prosemirror-commands": "^1.6.2",
+        "prosemirror-dropcursor": "^1.8.1",
+        "prosemirror-gapcursor": "^1.3.2",
+        "prosemirror-history": "^1.4.1",
+        "prosemirror-inputrules": "^1.4.0",
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-markdown": "^1.13.1",
+        "prosemirror-menu": "^1.2.4",
+        "prosemirror-model": "^1.23.0",
+        "prosemirror-schema-basic": "^1.2.3",
+        "prosemirror-schema-list": "^1.4.1",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-tables": "^1.6.4",
+        "prosemirror-trailing-node": "^3.0.0",
+        "prosemirror-transform": "^1.10.2",
+        "prosemirror-view": "^1.37.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/starter-kit": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.12.0.tgz",
+      "integrity": "sha512-wlcEEtexd6u0gbR311/OFZnbtRWU97DUsY6/GsSQzN4rqZ7Ra6YbfHEN5Lutu+I/anomK8vKy8k9NyvfY5Hllg==",
+      "license": "MIT",
+      "dependencies": {
+        "@tiptap/core": "^2.12.0",
+        "@tiptap/extension-blockquote": "^2.12.0",
+        "@tiptap/extension-bold": "^2.12.0",
+        "@tiptap/extension-bullet-list": "^2.12.0",
+        "@tiptap/extension-code": "^2.12.0",
+        "@tiptap/extension-code-block": "^2.12.0",
+        "@tiptap/extension-document": "^2.12.0",
+        "@tiptap/extension-dropcursor": "^2.12.0",
+        "@tiptap/extension-gapcursor": "^2.12.0",
+        "@tiptap/extension-hard-break": "^2.12.0",
+        "@tiptap/extension-heading": "^2.12.0",
+        "@tiptap/extension-history": "^2.12.0",
+        "@tiptap/extension-horizontal-rule": "^2.12.0",
+        "@tiptap/extension-italic": "^2.12.0",
+        "@tiptap/extension-list-item": "^2.12.0",
+        "@tiptap/extension-ordered-list": "^2.12.0",
+        "@tiptap/extension-paragraph": "^2.12.0",
+        "@tiptap/extension-strike": "^2.12.0",
+        "@tiptap/extension-text": "^2.12.0",
+        "@tiptap/extension-text-style": "^2.12.0",
+        "@tiptap/pm": "^2.12.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/vue-3": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-2.12.0.tgz",
+      "integrity": "sha512-NXvxIwBSYDhEiL6MwRnoUc5+KizAnokp4/BA3n4S5+hbmpuJCygebYdq8Tap0KU9caAh53qqiMlSonuLHny5vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tiptap/extension-bubble-menu": "^2.12.0",
+        "@tiptap/extension-floating-menu": "^2.12.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0",
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
+      "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/http-proxy": {
+      "version": "1.17.11",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz",
+      "integrity": "sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.14.196",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.196.tgz",
+      "integrity": "sha512-22y3o88f4a94mKljsZcanlNWPzO0uBsBdzLAngf2tp533LzZcQzb6+eZPJ+vCTt+bqF2XnvT9gejTLsAcJAJyQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.4.8",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.8.tgz",
+      "integrity": "sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/raf": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz",
+      "integrity": "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/resize-observer-browser": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/@types/resize-observer-browser/-/resize-observer-browser-0.1.7.tgz",
+      "integrity": "sha512-G9eN0Sn0ii9PWQ3Vl72jDPgeJwRWhv2Qk/nQkJuWmRmOB4HX3/BhD5SE1dZs/hzPZL/WKnvF0RHdTSG54QJFyg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/resolve": {
+      "version": "1.20.2",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
+      "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.37.0.tgz",
+      "integrity": "sha512-Fde6W0IafXktz1UlnhGkrrmnnGpAo1kyX7dnyHHVrmwJOn72Oqm3eYtddrpOwwel2W8PAK9F3pIL5S+lfoM0og==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "5.37.0",
+        "@typescript-eslint/type-utils": "5.37.0",
+        "@typescript-eslint/utils": "5.37.0",
+        "debug": "^4.3.4",
+        "functional-red-black-tree": "^1.0.1",
+        "ignore": "^5.2.0",
+        "regexpp": "^3.2.0",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^5.0.0",
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC"
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.37.0.tgz",
+      "integrity": "sha512-01VzI/ipYKuaG5PkE5+qyJ6m02fVALmMPY3Qq5BHflDx3y4VobbLdHQkSMg9VPRS4KdNt4oYTMaomFoHonBGAw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "5.37.0",
+        "@typescript-eslint/types": "5.37.0",
+        "@typescript-eslint/typescript-estree": "5.37.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.37.0.tgz",
+      "integrity": "sha512-F67MqrmSXGd/eZnujjtkPgBQzgespu/iCZ+54Ok9X5tALb9L2v3G+QBSoWkXG0p3lcTJsL+iXz5eLUEdSiJU9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "5.37.0",
+        "@typescript-eslint/visitor-keys": "5.37.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.37.0.tgz",
+      "integrity": "sha512-BSx/O0Z0SXOF5tY0bNTBcDEKz2Ec20GVYvq/H/XNKiUorUFilH7NPbFUuiiyzWaSdN3PA8JV0OvYx0gH/5aFAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "5.37.0",
+        "@typescript-eslint/utils": "5.37.0",
+        "debug": "^4.3.4",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.37.0.tgz",
+      "integrity": "sha512-3frIJiTa5+tCb2iqR/bf7XwU20lnU05r/sgPJnRpwvfZaqCJBrl8Q/mw9vr3NrNdB/XtVyMA0eppRMMBqdJ1bA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.37.0.tgz",
+      "integrity": "sha512-JkFoFIt/cx59iqEDSgIGnQpCTRv96MQnXCYvJi7QhBC24uyuzbD8wVbajMB1b9x4I0octYFJ3OwjAwNqk1AjDA==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/types": "5.37.0",
+        "@typescript-eslint/visitor-keys": "5.37.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC"
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.37.0.tgz",
+      "integrity": "sha512-jUEJoQrWbZhmikbcWSMDuUSxEE7ID2W/QCV/uz10WtQqfOuKZUqFGjqLJ+qhDd17rjgp+QJPqTdPIBWwoob2NQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "@typescript-eslint/scope-manager": "5.37.0",
+        "@typescript-eslint/types": "5.37.0",
+        "@typescript-eslint/typescript-estree": "5.37.0",
+        "eslint-scope": "^5.1.1",
+        "eslint-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.37.0.tgz",
+      "integrity": "sha512-Hp7rT4cENBPIzMwrlehLW/28EVCOcE9U1Z1BQTc8EA8v5qpr7GRGuG+U58V5tTY48zvUOA3KHvw3rA8tY9fbdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "5.37.0",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz",
+      "integrity": "sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@unhead/dom": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@unhead/dom/-/dom-1.2.2.tgz",
+      "integrity": "sha512-ohganmg4i1Dd4wwQ2A9oLWEkJNpJRoERJNmFgzmScw9Vi3zMqoS4gPIofT20zUR5rhyyAsFojuDPojJ5vKcmqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@unhead/schema": "1.2.2",
+        "@unhead/shared": "1.2.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/@unhead/schema": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@unhead/schema/-/schema-1.2.2.tgz",
+      "integrity": "sha512-cGtNvadL76eGl7QxGjWHZxFqLv9a2VrmRpeEb1d7sm0cvnN0bWngdXDTdUyXzn7RVv/Um+/yae6eiT6A+pyQOw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hookable": "^5.5.3",
+        "zhead": "^2.0.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/@unhead/shared": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@unhead/shared/-/shared-1.2.2.tgz",
+      "integrity": "sha512-bWRjRyVzFsunih9GbHctvS8Aenj6KBe5ycql1JE4LawBL/NRYvCYUCPpdK5poVOqjYr0yDAf9m4JGaM2HwpVLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@unhead/schema": "1.2.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/@unhead/ssr": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@unhead/ssr/-/ssr-1.2.2.tgz",
+      "integrity": "sha512-mpWSNNbrQFJZolAfdVInPPiSGUva08bK9UbNV1zgDScUz+p+FnRg4cj77X+PpVeJ0+KPgjXfOsI8VQKYt+buYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@unhead/schema": "1.2.2",
+        "@unhead/shared": "1.2.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/@unhead/vue": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@unhead/vue/-/vue-1.2.2.tgz",
+      "integrity": "sha512-AxOmY5JPn4fS34ovaivPnqg2my+InIkZDNSxCKfRkmbBtstFre/Fyf0d92Qfx0u8PJiSRPOjthEHx5vKDgTEJQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@unhead/schema": "1.2.2",
+        "@unhead/shared": "1.2.2",
+        "hookable": "^5.5.3",
+        "unhead": "1.2.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      },
+      "peerDependencies": {
+        "vue": ">=2.7 || >=3"
+      }
+    },
+    "node_modules/@vercel/nft": {
+      "version": "0.22.6",
+      "resolved": "https://registry.npmjs.org/@vercel/nft/-/nft-0.22.6.tgz",
+      "integrity": "sha512-gTsFnnT4mGxodr4AUlW3/urY+8JKKB452LwF3m477RFUJTAaDmcz2JqFuInzvdybYIeyIv1sSONEJxsxnbQ5JQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.5",
+        "@rollup/pluginutils": "^4.0.0",
+        "acorn": "^8.6.0",
+        "async-sema": "^3.1.1",
+        "bindings": "^1.4.0",
+        "estree-walker": "2.0.2",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.2",
+        "node-gyp-build": "^4.2.2",
+        "resolve-from": "^5.0.0"
+      },
+      "bin": {
+        "nft": "out/cli.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@vercel/nft/node_modules/@rollup/pluginutils": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
+      "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "estree-walker": "^2.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/@vercel/nft/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vercel/nft/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@vite-pwa/nuxt": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@vite-pwa/nuxt/-/nuxt-0.1.0.tgz",
+      "integrity": "sha512-w6wm/0Y9yIqo6UTj9LeQUMR+xuRTf2sRdUTffu03SbRyWBzF7SnQcTqTRkXQy+NK+XafZuIDDLC12VkhValg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.5.3",
+        "vite-plugin-pwa": ">=0.16.3 <1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^3.5.3",
+        "vite-plugin-pwa": ">=0.16.3 <1"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.2.3.tgz",
+      "integrity": "sha512-R6JDUfiZbJA9cMiguQ7jxALsgiprjBeHL5ikpXfJCH62pPHtI+JdJ5xWj6Ev73yXSlYl86+blXn1kZHQ7uElxw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue-jsx": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-3.0.1.tgz",
+      "integrity": "sha512-+Jb7ggL48FSPS1uhPnJbJwWa9Sr90vQ+d0InW+AhBM22n+cfuYqJZDckBc+W3QSHe1WDvewMZfa4wZOtk5pRgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.20.7",
+        "@babel/plugin-transform-typescript": "^7.20.7",
+        "@vue/babel-plugin-jsx": "^1.1.1"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.0.0",
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@vue-macros/common": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@vue-macros/common/-/common-1.7.0.tgz",
+      "integrity": "sha512-177tzAjvEiFxAsOM+zd8EWCfAdneePoZroGg6R5QhMcycC28r+2k4wyzrjupjkDBgx7KAZkJ/KzkSfuEi31U0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.22.5",
+        "@rollup/pluginutils": "^5.0.2",
+        "@vue/compiler-sfc": "^3.3.4",
+        "ast-kit": "^0.9.5",
+        "local-pkg": "^0.4.3",
+        "magic-string-ast": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=16.14.0"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.2.25"
+      },
+      "peerDependenciesMeta": {
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/babel-helper-vue-transform-on": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.1.5.tgz",
+      "integrity": "sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vue/babel-plugin-jsx": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.1.5.tgz",
+      "integrity": "sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.22.5",
+        "@babel/plugin-syntax-jsx": "^7.22.5",
+        "@babel/template": "^7.22.5",
+        "@babel/traverse": "^7.22.5",
+        "@babel/types": "^7.22.5",
+        "@vue/babel-helper-vue-transform-on": "^1.1.5",
+        "camelcase": "^6.3.0",
+        "html-tags": "^3.3.1",
+        "svg-tags": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz",
+      "integrity": "sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.21.3",
+        "@vue/shared": "3.3.4",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "node_modules/@vue/compiler-core/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz",
+      "integrity": "sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz",
+      "integrity": "sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/compiler-ssr": "3.3.4",
+        "@vue/reactivity-transform": "3.3.4",
+        "@vue/shared": "3.3.4",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.0",
+        "postcss": "^8.1.10",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz",
+      "integrity": "sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz",
+      "integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz",
+      "integrity": "sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/@vue/reactivity-transform": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz",
+      "integrity": "sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.15",
+        "@vue/compiler-core": "3.3.4",
+        "@vue/shared": "3.3.4",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.0"
+      }
+    },
+    "node_modules/@vue/reactivity-transform/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz",
+      "integrity": "sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.3.4",
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz",
+      "integrity": "sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/runtime-core": "3.3.4",
+        "@vue/shared": "3.3.4",
+        "csstype": "^3.1.1"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz",
+      "integrity": "sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.3.4",
+        "@vue/shared": "3.3.4"
+      },
+      "peerDependencies": {
+        "vue": "3.3.4"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz",
+      "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vueup/vue-quill": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@vueup/vue-quill/-/vue-quill-1.2.0.tgz",
+      "integrity": "sha512-kd5QPSHMDpycklojPXno2Kw2JSiKMYduKYQckTm1RJoVDA557MnyUXgcuuDpry4HY/Rny9nGNcK+m3AHk94wag==",
+      "license": "MIT",
+      "dependencies": {
+        "quill": "^1.3.7",
+        "quill-delta": "^4.2.2"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.41"
+      }
+    },
+    "node_modules/@vueuse/core": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz",
+      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.13.0",
+        "@vueuse/shared": "9.13.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz",
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/nuxt": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-9.13.0.tgz",
+      "integrity": "sha512-JunH/w6nFIwCyaZ0s+pfrYFMfBzGfhkwmFPz7ogHFmb71Ty/5HINrYOAOZCXpN44X6QH6FiJq/wuLLdvYzqFUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.2.0",
+        "@vueuse/core": "9.13.0",
+        "@vueuse/metadata": "9.13.0",
+        "local-pkg": "^0.4.3",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "nuxt": "^3.0.0"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz",
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+      "license": "MIT",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-escapes/node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/apexcharts": {
+      "version": "3.41.1",
+      "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-3.41.1.tgz",
+      "integrity": "sha512-kta8fhXrfZYqW7K9kF7FqZ6imQaC6moyRgcUZjwIky/oeHVVISSN/2rjUIvZXnwxWHiSdDHMqLy+TqJhB4DXFA==",
+      "license": "MIT",
+      "dependencies": {
+        "svg.draggable.js": "^2.2.2",
+        "svg.easing.js": "^2.0.0",
+        "svg.filter.js": "^2.0.2",
+        "svg.pathmorphing.js": "^0.1.3",
+        "svg.resize.js": "^1.4.3",
+        "svg.select.js": "^3.0.1"
+      }
+    },
+    "node_modules/aproba": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
+      "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/arch": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
+      "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/archiver": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/archiver/-/archiver-5.3.1.tgz",
+      "integrity": "sha512-8KyabkmbYrH+9ibcTScQ1xCJC/CGcugdVIwB+53f5sZziXgwUh3iXlAlANMxcZyDEfTHMe6+Z5FofV8nopXP7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "archiver-utils": "^2.1.0",
+        "async": "^3.2.3",
+        "buffer-crc32": "^0.2.1",
+        "readable-stream": "^3.6.0",
+        "readdir-glob": "^1.0.0",
+        "tar-stream": "^2.2.0",
+        "zip-stream": "^4.1.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/archiver-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/archiver-utils/-/archiver-utils-2.1.0.tgz",
+      "integrity": "sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "glob": "^7.1.4",
+        "graceful-fs": "^4.2.0",
+        "lazystream": "^1.0.0",
+        "lodash.defaults": "^4.2.0",
+        "lodash.difference": "^4.5.0",
+        "lodash.flatten": "^4.4.0",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.union": "^4.6.0",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/archiver-utils/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/archiver-utils/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/are-we-there-yet": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "deprecated": "This package is no longer supported.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz",
+      "integrity": "sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@babel/runtime": "^7.10.2",
+        "@babel/runtime-corejs3": "^7.10.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
+      "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz",
+      "integrity": "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz",
+      "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
+      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz",
+      "integrity": "sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw==",
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "get-intrinsic": "^1.2.1",
+        "is-array-buffer": "^3.0.2",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ast-kit": {
+      "version": "0.9.5",
+      "resolved": "https://registry.npmjs.org/ast-kit/-/ast-kit-0.9.5.tgz",
+      "integrity": "sha512-kbL7ERlqjXubdDd+szuwdlQ1xUxEz9mCz1+m07ftNVStgwRb2RWw+U6oKo08PAvOishMxiqz1mlJyLl8yQx2Qg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.22.7",
+        "@rollup/pluginutils": "^5.0.2",
+        "pathe": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=16.14.0"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==",
+      "license": "ISC"
+    },
+    "node_modules/ast-walker-scope": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/ast-walker-scope/-/ast-walker-scope-0.4.2.tgz",
+      "integrity": "sha512-vdCU9JvpsrxWxvJiRHAr8If8cu07LWJXDPhkqLiP4ErbN1fu/mK623QGmU4Qbn2Nq4Mx0vR/Q017B6+HcHg1aQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.22.4",
+        "@babel/types": "^7.22.4"
+      },
+      "engines": {
+        "node": ">=16.14.0"
+      }
+    },
+    "node_modules/async": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
+      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-sema": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/async-sema/-/async-sema-3.1.1.tgz",
+      "integrity": "sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "license": "(MIT OR Apache-2.0)",
+      "bin": {
+        "atob": "bin/atob.js"
+      },
+      "engines": {
+        "node": ">= 4.5.0"
+      }
+    },
+    "node_modules/attr-accept": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/attr-accept/-/attr-accept-2.2.2.tgz",
+      "integrity": "sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.14",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
+      "integrity": "sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.5",
+        "caniuse-lite": "^1.0.30001464",
+        "fraction.js": "^4.2.0",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.2.tgz",
+      "integrity": "sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g==",
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
+      "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz",
+      "integrity": "sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.4.2",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.3.tgz",
+      "integrity": "sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.2",
+        "core-js-compat": "^3.31.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz",
+      "integrity": "sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.4.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
+    },
+    "node_modules/base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+      "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/basic-auth/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "license": "ISC"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.0.tgz",
+      "integrity": "sha512-PJ8gYKeS5e/whHBh8xrwYK+dAvEj7JXtz6uTucnMRB8OiGTsKccFekoRrjajPBHV8oOY+2tI4uxeceSimKwMFA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001718",
+        "electron-to-chromium": "^1.5.160",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/btoa": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
+      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
+      "license": "(MIT OR Apache-2.0)",
+      "bin": {
+        "btoa": "bin/btoa.js"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dev": true,
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/c12": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-1.4.2.tgz",
+      "integrity": "sha512-3IP/MuamSVRVw8W8+CHWAz9gKN4gd+voF2zm/Ln6D25C2RhytEZ1ABbC8MjKr4BR9rhoV1JQ7jJA158LDiTkLg==",
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.5.3",
+        "defu": "^6.1.2",
+        "dotenv": "^16.3.1",
+        "giget": "^1.1.2",
+        "jiti": "^1.18.2",
+        "mlly": "^1.4.0",
+        "ohash": "^1.1.2",
+        "pathe": "^1.1.1",
+        "perfect-debounce": "^1.0.0",
+        "pkg-types": "^1.0.3",
+        "rc9": "^2.1.1"
+      }
+    },
+    "node_modules/cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cache-content-type": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-content-type/-/cache-content-type-1.0.1.tgz",
+      "integrity": "sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "^2.1.18",
+        "ylru": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "get-intrinsic": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-api": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
+      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "caniuse-lite": "^1.0.0",
+        "lodash.memoize": "^4.1.2",
+        "lodash.uniq": "^4.5.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001720",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001720.tgz",
+      "integrity": "sha512-Ec/2yV2nNPwb4DnTANEV99ZWwm3ZWfdlfkQbWSDDt+PsXEVYwlhPH8tdMaPunYTKKmz7AnHi2oNEi1GcmKCD8g==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/canvg": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.10.tgz",
+      "integrity": "sha512-qwR2FRNO9NlzTeKIPIKpnTY6fqwuYSequ8Ru8c0YkYU7U0oW+hLUvWadLvAu1Rl72OMNiFhoLu4f8eUjQ7l/+Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@types/raf": "^3.4.0",
+        "core-js": "^3.8.3",
+        "raf": "^3.4.1",
+        "regenerator-runtime": "^0.13.7",
+        "rgbcolor": "^1.0.1",
+        "stackblur-canvas": "^2.0.0",
+        "svg-pathdata": "^6.0.3"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/canvg/node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chart.js": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.9.1.tgz",
+      "integrity": "sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==",
+      "license": "MIT"
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz",
+      "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/citty": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.2.tgz",
+      "integrity": "sha512-Me9nf0/BEmMOnuQzMOVXgpzkMUNbd0Am8lTl/13p0aRGAoLGk5T5sdet/42CrIGmWdG67BgHUhcKK1my1ujUEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "consola": "^3.2.3"
+      }
+    },
+    "node_modules/clear": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/clear/-/clear-0.1.0.tgz",
+      "integrity": "sha512-qMjRnoL+JDPJHeLePZJuao6+8orzHMGP04A8CdwCNsKhRbOnKRjefxONR7bwILT3MHecxKBjHkKL/tkZ8r4Uzw==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/clear-module": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/clear-module/-/clear-module-4.1.2.tgz",
+      "integrity": "sha512-LWAxzHqdHsAZlPlEyJ2Poz6AIs384mPeqLVCru2p0BrP9G/kVGuhNyZYClLO6cXlnuJjzC8xtsJIuMjKqLXoAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^2.0.0",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/clipboardy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz",
+      "integrity": "sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "arch": "^2.2.0",
+        "execa": "^5.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/cluster-key-slot": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz",
+      "integrity": "sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/codemirror": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.1.tgz",
+      "integrity": "sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "license": "MIT"
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "license": "MIT"
+    },
+    "node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/common-tags": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz",
+      "integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/compress-commons": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/compress-commons/-/compress-commons-4.1.1.tgz",
+      "integrity": "sha512-QLdDLCKNV2dtoTorqgxngQCMA+gWXkM/Nwu7FpeBhk/RdkzimqC3jueb/FDmaZeXh+uby1jkBqE3xArsLBE5wQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-crc32": "^0.2.13",
+        "crc32-stream": "^4.0.2",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "license": "MIT"
+    },
+    "node_modules/consola": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
+      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/cookie-es": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/cookie-es/-/cookie-es-1.0.0.tgz",
+      "integrity": "sha512-mWYvfOLrfEc996hlKcdABeIiPHUPC6DM2QYZdGGOvhOTbA3tjm2eBwqlJpoFdjC89NI4Qt6h0Pu06Mp+1Pj5OQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookies": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/cookies/-/cookies-0.8.0.tgz",
+      "integrity": "sha512-8aPsApQfebXnuI+537McwYsDtjVxGm8gTIzQI3FDW6t5t/DAhERxtnbEPN/8RX+uZthoz4eCOgloXaE5cYyNow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "keygrip": "~1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.38.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.38.1.tgz",
+      "integrity": "sha512-OP35aUorbU3Zvlx7pjsFdu1rGNnD4pgw/CWoYzRY3t2EzoVT7shKHY1dlAy3f41cGIO7ZDPQimhGFTlEYkG/Hw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.32.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.32.0.tgz",
+      "integrity": "sha512-7a9a3D1k4UCVKnLhrgALyFcP7YCsLOQIxPd0dKjf/6GuPcgyiGP70ewWdCGrSK7evyhymi0qO4EqCmSJofDeYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.9"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-pure": {
+      "version": "3.32.0",
+      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.32.0.tgz",
+      "integrity": "sha512-qsev1H+dTNYpDUEURRuOXMvpdtAnNEvQWS/FMJ2Vb5AY8ZP4rAPQldkE27joykZPJTe0+IVgHZYh1P5Xu1/i1g==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cosmiconfig/node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/crc32-stream": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/crc32-stream/-/crc32-stream-4.0.2.tgz",
+      "integrity": "sha512-DxFZ/Hk473b/muq1VJ///PMNLj0ZMnzye9thBpmjpJKCc5eMgB95aK8zCGrGfQ90cWo561Te6HK9D+j4KPdM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "readable-stream": "^3.4.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/create-eslint-index": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/create-eslint-index/-/create-eslint-index-1.0.0.tgz",
+      "integrity": "sha512-nXvJjnfDytOOaPOonX0h0a1ggMoqrhdekGeZkD6hkcWYvlCWhU719tKFVh8eU04CnMwu3uwe1JjwuUF2C3k2qg==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash.get": "^4.3.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/create-require": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
+    "node_modules/cross-env": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
+      "integrity": "sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==",
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.1"
+      },
+      "bin": {
+        "cross-env": "src/bin/cross-env.js",
+        "cross-env-shell": "src/bin/cross-env-shell.js"
+      },
+      "engines": {
+        "node": ">=10.14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-js": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
+      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==",
+      "license": "MIT"
+    },
+    "node_modules/crypto-random-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
+      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/css-declaration-sorter": {
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz",
+      "integrity": "sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==",
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.9"
+      }
+    },
+    "node_modules/css-line-break": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "node_modules/css-loader": {
+      "version": "5.2.7",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-5.2.7.tgz",
+      "integrity": "sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "icss-utils": "^5.1.0",
+        "loader-utils": "^2.0.0",
+        "postcss": "^8.2.15",
+        "postcss-modules-extract-imports": "^3.0.0",
+        "postcss-modules-local-by-default": "^4.0.0",
+        "postcss-modules-scope": "^3.0.0",
+        "postcss-modules-values": "^4.0.0",
+        "postcss-value-parser": "^4.1.0",
+        "schema-utils": "^3.0.0",
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.27.0 || ^5.0.0"
+      }
+    },
+    "node_modules/css-loader/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/css-loader/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/css-loader/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/css-select": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssfilter": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/cssfilter/-/cssfilter-0.0.10.tgz",
+      "integrity": "sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cssnano": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-6.0.1.tgz",
+      "integrity": "sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-preset-default": "^6.0.1",
+        "lilconfig": "^2.1.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/cssnano"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/cssnano-preset-default": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-6.0.1.tgz",
+      "integrity": "sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-declaration-sorter": "^6.3.1",
+        "cssnano-utils": "^4.0.0",
+        "postcss-calc": "^9.0.0",
+        "postcss-colormin": "^6.0.0",
+        "postcss-convert-values": "^6.0.0",
+        "postcss-discard-comments": "^6.0.0",
+        "postcss-discard-duplicates": "^6.0.0",
+        "postcss-discard-empty": "^6.0.0",
+        "postcss-discard-overridden": "^6.0.0",
+        "postcss-merge-longhand": "^6.0.0",
+        "postcss-merge-rules": "^6.0.1",
+        "postcss-minify-font-values": "^6.0.0",
+        "postcss-minify-gradients": "^6.0.0",
+        "postcss-minify-params": "^6.0.0",
+        "postcss-minify-selectors": "^6.0.0",
+        "postcss-normalize-charset": "^6.0.0",
+        "postcss-normalize-display-values": "^6.0.0",
+        "postcss-normalize-positions": "^6.0.0",
+        "postcss-normalize-repeat-style": "^6.0.0",
+        "postcss-normalize-string": "^6.0.0",
+        "postcss-normalize-timing-functions": "^6.0.0",
+        "postcss-normalize-unicode": "^6.0.0",
+        "postcss-normalize-url": "^6.0.0",
+        "postcss-normalize-whitespace": "^6.0.0",
+        "postcss-ordered-values": "^6.0.0",
+        "postcss-reduce-initial": "^6.0.0",
+        "postcss-reduce-transforms": "^6.0.0",
+        "postcss-svgo": "^6.0.0",
+        "postcss-unique-selectors": "^6.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/cssnano-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-4.0.0.tgz",
+      "integrity": "sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/cssstyle": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-5.3.1.tgz",
+      "integrity": "sha512-g5PC9Aiph9eiczFpcgUhd9S4UUO3F+LHGRIi5NUMZ+4xtoIYbHNZwZnWA2JsFGe8OU8nl4WyaEFiZuGuxlutJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^4.0.3",
+        "@csstools/css-syntax-patches-for-csstree": "^1.0.14",
+        "css-tree": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/cssstyle/node_modules/css-tree": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz",
+      "integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.12.2",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/cssstyle/node_modules/mdn-data": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz",
+      "integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+      "license": "MIT"
+    },
+    "node_modules/cuint": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/cuint/-/cuint-0.2.2.tgz",
+      "integrity": "sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-uri-to-buffer": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz",
+      "integrity": "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/data-urls": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-6.0.0.tgz",
+      "integrity": "sha512-BnBS08aLUM+DKamupXs3w2tJJoqU+AkaE/+6vQxi/G/DPmIZFJJp9Dkb1kM03AZx8ADehDUZgsNxju3mPXZYIA==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^15.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/data-urls/node_modules/tr46": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/data-urls/node_modules/webidl-conversions": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.0.tgz",
+      "integrity": "sha512-n4W4YFyz5JzOfQeA8oN7dUYpR+MBP3PIUsn2jLjWXwK5ASUzt0Jc/A5sAUZoCYFJRGF0FBKJ+1JjN43rNdsQzA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/data-urls/node_modules/whatwg-url": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-15.1.0.tgz",
+      "integrity": "sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      },
+      "engines": {
+        "node": ">=0.11"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/date-fns"
+      }
+    },
+    "node_modules/date-fns-tz": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-1.3.8.tgz",
+      "integrity": "sha512-qwNXUFtMHTTU6CFSFjoJ80W8Fzzp24LntbjFFBgL/faqds4e5mo9mftoRLgr3Vi1trISsg4awSpYVsOQCRnapQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "date-fns": ">=2.0.0"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "license": "MIT"
+    },
+    "node_modules/deep-equal": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
+      "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arguments": "^1.0.4",
+        "is-date-object": "^1.0.1",
+        "is-regex": "^1.0.4",
+        "object-is": "^1.0.1",
+        "object-keys": "^1.1.1",
+        "regexp.prototype.flags": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz",
+      "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==",
+      "license": "MIT",
+      "dependencies": {
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/defu": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz",
+      "integrity": "sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==",
+      "license": "MIT"
+    },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/denque": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
+      "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destr": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.1.tgz",
+      "integrity": "sha512-M1Ob1zPSIvlARiJUkKqvAZ3VAqQY6Jcuth/pBKQ2b1dX/Qx0OnJ8Vux6J2H5PTMQeRzWrrbTu70VxBfv/OPDJA==",
+      "license": "MIT"
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz",
+      "integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/devalue": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz",
+      "integrity": "sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/dom7": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/dom7/-/dom7-4.0.6.tgz",
+      "integrity": "sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==",
+      "license": "MIT",
+      "dependencies": {
+        "ssr-window": "^4.0.0"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.6.tgz",
+      "integrity": "sha512-zUTaUBO8pY4+iJMPE1B9XlO2tXVYIcEA4SNGtvDELzTSCQO7RzH+j7S180BmhmJId78lqGU2z19vgVx2Sxs/PQ==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optional": true
+    },
+    "node_modules/domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dot-prop": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-7.2.0.tgz",
+      "integrity": "sha512-Ol/IPXUARn9CSbkrdV4VJo7uCy1I3VuSiWCaFSg+8BdUOzF9n3jefIpcgAydvUZbTdEBZs2vEiTiS9m61ssiDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^2.11.2"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/dot-prop/node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.3.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
+      "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/motdotla/dotenv?sponsor=1"
+      }
+    },
+    "node_modules/duplexer": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ejs": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
+      "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.161",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.161.tgz",
+      "integrity": "sha512-hwtetwfKNZo/UlwHIVBlKZVdy7o8bIZxxKs0Mv/ROPiQQQmDgdm5a+KvKtBsxM8ZjFzTaCeLoodZ8jiBE3o9rA==",
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+      "license": "MIT",
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.22.1",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz",
+      "integrity": "sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==",
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "arraybuffer.prototype.slice": "^1.0.1",
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "es-set-tostringtag": "^2.0.1",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.5",
+        "get-intrinsic": "^1.2.1",
+        "get-symbol-description": "^1.0.0",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has": "^1.0.3",
+        "has-property-descriptors": "^1.0.0",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.5",
+        "is-array-buffer": "^3.0.2",
+        "is-callable": "^1.2.7",
+        "is-negative-zero": "^2.0.2",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.10",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.12.3",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.0",
+        "safe-array-concat": "^1.0.0",
+        "safe-regex-test": "^1.0.0",
+        "string.prototype.trim": "^1.2.7",
+        "string.prototype.trimend": "^1.0.6",
+        "string.prototype.trimstart": "^1.0.6",
+        "typed-array-buffer": "^1.0.0",
+        "typed-array-byte-length": "^1.0.0",
+        "typed-array-byte-offset": "^1.0.0",
+        "typed-array-length": "^1.0.4",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
+      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3",
+        "has": "^1.0.3",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "license": "MIT",
+      "dependencies": {
+        "has": "^1.0.3"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.18.19",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.19.tgz",
+      "integrity": "sha512-ra3CaIKCzJp5bU5BDfrCc0FRqKj71fQi+gbld0aj6lN0ifuX2fWJYPgLVLGwPfA+ruKna+OWwOvf/yHj6n+i0g==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.18.19",
+        "@esbuild/android-arm64": "0.18.19",
+        "@esbuild/android-x64": "0.18.19",
+        "@esbuild/darwin-arm64": "0.18.19",
+        "@esbuild/darwin-x64": "0.18.19",
+        "@esbuild/freebsd-arm64": "0.18.19",
+        "@esbuild/freebsd-x64": "0.18.19",
+        "@esbuild/linux-arm": "0.18.19",
+        "@esbuild/linux-arm64": "0.18.19",
+        "@esbuild/linux-ia32": "0.18.19",
+        "@esbuild/linux-loong64": "0.18.19",
+        "@esbuild/linux-mips64el": "0.18.19",
+        "@esbuild/linux-ppc64": "0.18.19",
+        "@esbuild/linux-riscv64": "0.18.19",
+        "@esbuild/linux-s390x": "0.18.19",
+        "@esbuild/linux-x64": "0.18.19",
+        "@esbuild/netbsd-x64": "0.18.19",
+        "@esbuild/openbsd-x64": "0.18.19",
+        "@esbuild/sunos-x64": "0.18.19",
+        "@esbuild/win32-arm64": "0.18.19",
+        "@esbuild/win32-ia32": "0.18.19",
+        "@esbuild/win32-x64": "0.18.19"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.46.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.46.0.tgz",
+      "integrity": "sha512-cIO74PvbW0qU8e0mIvk5IV3ToWdCq5FYG6gWPHHkx6gNdjlbAYvtfHmlCMXxjcoVaIdwy/IAt3+mDkZkfvb2Dg==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.1",
+        "@eslint/js": "^8.46.0",
+        "@humanwhocodes/config-array": "^0.11.10",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.2",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-ast-utils": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-ast-utils/-/eslint-ast-utils-1.1.0.tgz",
+      "integrity": "sha512-otzzTim2/1+lVrlH19EfQQJEhVJSu0zOb9ygb3iapN6UlyaDtyRq4b5U1FuW0v1lRa9Fp/GJyHkSwm6NqABgCA==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash.get": "^4.4.2",
+        "lodash.zip": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "8.5.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz",
+      "integrity": "sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==",
+      "license": "MIT",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-babel-module": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-babel-module/-/eslint-import-resolver-babel-module-5.3.2.tgz",
+      "integrity": "sha512-K7D8n0O6p/JJncPote8yiuB7chJfu26Yn/Q3gzT53cNzJNS0NUCkI0iuimj4/vWVRHVQvPnYWeq07V8RvKjz/A==",
+      "license": "MIT",
+      "dependencies": {
+        "pkg-up": "^3.1.0",
+        "resolve": "^1.20.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0",
+        "babel-plugin-module-resolver": "^3.0.0 || ^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.8.tgz",
+      "integrity": "sha512-tEe+Pok22qIGaK3KoMP+N96GVDS66B/zreoVVmiavLvRUEmGRtvb4B8wO9jwnb8d2lvHtrkhZ7UD73dWBVnf/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-babel": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-babel/-/eslint-plugin-babel-5.3.1.tgz",
+      "integrity": "sha512-VsQEr6NH3dj664+EyxJwO4FCYm/00JhYb3Sk3ft8o+fpKuIfQ9TaW6uVUfvwMXHcf/lsnRIoyFPsLMyiWCSL/g==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-rule-composer": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": ">=4.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-es": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz",
+      "integrity": "sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-utils": "^2.0.0",
+        "regexpp": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=4.19.1"
+      }
+    },
+    "node_modules/eslint-plugin-es/node_modules/eslint-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      }
+    },
+    "node_modules/eslint-plugin-es/node_modules/eslint-visitor-keys": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-eslint-comments": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-eslint-comments/-/eslint-plugin-eslint-comments-3.2.0.tgz",
+      "integrity": "sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5",
+        "ignore": "^5.0.5"
+      },
+      "engines": {
+        "node": ">=6.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=4.19.1"
+      }
+    },
+    "node_modules/eslint-plugin-eslint-comments/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint-plugin-flowtype": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-flowtype/-/eslint-plugin-flowtype-8.0.3.tgz",
+      "integrity": "sha512-dX8l6qUL6O+fYPtpNRideCFSpmWOUVx5QcaGLVqe/vlDiBSe4vYljDWDETwnyFzpl7By/WVIu6rcrniCgH9BqQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "lodash": "^4.17.21",
+        "string-natural-compare": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "@babel/plugin-syntax-flow": "^7.14.5",
+        "@babel/plugin-transform-react-jsx": "^7.14.9",
+        "eslint": "^8.1.0"
+      }
+    },
+    "node_modules/eslint-plugin-fp": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-fp/-/eslint-plugin-fp-2.3.0.tgz",
+      "integrity": "sha512-3n2oHibwoIxAht9/+ZaTldhI6brXORgl8oNXqZd+d9xuAQt2SBJ2/aml0oQRMWvXrgsz2WG6wfC++NjzSG3prA==",
+      "license": "MIT",
+      "dependencies": {
+        "create-eslint-index": "^1.0.0",
+        "eslint-ast-utils": "^1.0.0",
+        "lodash": "^4.13.1",
+        "req-all": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=3"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.26.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz",
+      "integrity": "sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==",
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.4",
+        "array.prototype.flat": "^1.2.5",
+        "debug": "^2.6.9",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-module-utils": "^2.7.3",
+        "has": "^1.0.3",
+        "is-core-module": "^2.8.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.values": "^1.1.5",
+        "resolve": "^1.22.0",
+        "tsconfig-paths": "^3.14.1"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/eslint-plugin-jest": {
+      "version": "26.9.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-26.9.0.tgz",
+      "integrity": "sha512-TWJxWGp1J628gxh2KhaH1H1paEdgE2J61BBF1I59c6xWeL5+D1BzMxGDN/nXAfX+aSkR5u80K+XhskK6Gwq9ng==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "^5.10.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/eslint-plugin": "^5.0.0",
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@typescript-eslint/eslint-plugin": {
+          "optional": true
+        },
+        "jest": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.6.1.tgz",
+      "integrity": "sha512-sXgFVNHiWffBq23uiS/JaP6eVR622DqwB4yTzKvGZGcPq6/yZ3WmOZfuBks/vHWo9GaFOqC2ZK4i6+C35knx7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.9",
+        "aria-query": "^4.2.2",
+        "array-includes": "^3.1.5",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.4.3",
+        "axobject-query": "^2.2.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.3.2",
+        "language-tags": "^1.0.5",
+        "minimatch": "^3.1.2",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-monorepo": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-monorepo/-/eslint-plugin-monorepo-0.3.2.tgz",
+      "integrity": "sha512-CypTAqHjTR05XxzqDj7x88oVu2GiqqQA/datD9kIwciHzpj0oE4YbTdyEFFKADgd7dbd21KliSlUpOvo626FBw==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-module-utils": "^2.1.1",
+        "get-monorepo-packages": "^1.1.0",
+        "globby": "^7.1.1",
+        "load-json-file": "^4.0.0",
+        "minimatch": "^3.0.4",
+        "parse-package-name": "^0.1.0",
+        "path-is-inside": "^1.0.2"
+      }
+    },
+    "node_modules/eslint-plugin-monorepo/node_modules/array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+      "license": "MIT",
+      "dependencies": {
+        "array-uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-monorepo/node_modules/dir-glob": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz",
+      "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==",
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-monorepo/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/eslint-plugin-monorepo/node_modules/globby": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-7.1.1.tgz",
+      "integrity": "sha512-yANWAN2DUcBtuus5Cpd+SKROzXHs2iVXFZt/Ykrfz6SAXqacLX25NZpltE+39ceMexYF4TtEadjuSTw8+3wX4g==",
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^1.0.1",
+        "dir-glob": "^2.0.0",
+        "glob": "^7.1.2",
+        "ignore": "^3.3.5",
+        "pify": "^3.0.0",
+        "slash": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-monorepo/node_modules/ignore": {
+      "version": "3.3.10",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz",
+      "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
+      "license": "MIT"
+    },
+    "node_modules/eslint-plugin-monorepo/node_modules/path-type": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-monorepo/node_modules/slash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+      "integrity": "sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-node": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz",
+      "integrity": "sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-plugin-es": "^3.0.0",
+        "eslint-utils": "^2.0.0",
+        "ignore": "^5.1.1",
+        "minimatch": "^3.0.4",
+        "resolve": "^1.10.1",
+        "semver": "^6.1.0"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=5.16.0"
+      }
+    },
+    "node_modules/eslint-plugin-node/node_modules/eslint-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      }
+    },
+    "node_modules/eslint-plugin-node/node_modules/eslint-visitor-keys": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.31.11",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.31.11.tgz",
+      "integrity": "sha512-TTvq5JsT5v56wPa9OYHzsrOlHzKZKjV+aLgS+55NJP/cuzdiQPC7PfYoUjMoxlffKtvijpk7vA/jmuqRb9nohw==",
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.3",
+        "semver": "^6.3.0",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.4",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-vue": {
+      "version": "9.16.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.16.1.tgz",
+      "integrity": "sha512-2FtnTqazA6aYONfDuOZTk0QzwhAwi7Z4+uJ7+GHeGxcKapjqWlDsRWDenvyG/utyOfAS5bVRmAG3cEWiYEz2bA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "natural-compare": "^1.4.0",
+        "nth-check": "^2.1.1",
+        "postcss-selector-parser": "^6.0.13",
+        "semver": "^7.5.4",
+        "vue-eslint-parser": "^9.3.1",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-vue/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-vue/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-vue/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/eslint-rule-composer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz",
+      "integrity": "sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^2.0.0"
+      },
+      "engines": {
+        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=5"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz",
+      "integrity": "sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz",
+      "integrity": "sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
+    "node_modules/externality": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/externality/-/externality-1.0.2.tgz",
+      "integrity": "sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "enhanced-resolve": "^5.14.1",
+        "mlly": "^1.3.0",
+        "pathe": "^1.1.1",
+        "ufo": "^1.1.2"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fetch-blob": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
+      "integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "node-domexception": "^1.0.0",
+        "web-streams-polyfill": "^3.0.3"
+      },
+      "engines": {
+        "node": "^12.20 || >= 14.13"
+      }
+    },
+    "node_modules/fflate": {
+      "version": "0.4.8",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.4.8.tgz",
+      "integrity": "sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==",
+      "license": "MIT"
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/file-selector": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/file-selector/-/file-selector-0.2.4.tgz",
+      "integrity": "sha512-ZDsQNbrv6qRi1YTDOEWzf5J2KjZ9KMI1Q2SGeTkCJmNNW25Jg4TW4UMcmoqcg4WrAyKRcpBXdbWRxkfrOzVRbA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
+      "license": "BSD-3-Clause",
+      "bin": {
+        "flat": "cli.js"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz",
+      "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/floating-vue": {
+      "version": "2.0.0-beta.24",
+      "resolved": "https://registry.npmjs.org/floating-vue/-/floating-vue-2.0.0-beta.24.tgz",
+      "integrity": "sha512-URSzP6YXaF4u1oZ9XGL8Sn8puuM7ivp5jkOUrpy5Q1mfo9BfGppJOn+ierTmsSUfJEeHBae8KT7r5DeI3vQIEw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "~1.1.1",
+        "vue-resize": "^2.0.0-alpha.1"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^3.2.0",
+        "vue": "^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/formdata-polyfill": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
+      "integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fetch-blob": "^3.1.2"
+      },
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
+      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://www.patreon.com/infusion"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fs-extra": {
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz",
+      "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fs-minipass/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fs-minipass/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC"
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "license": "MIT"
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz",
+      "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.19.0",
+        "functions-have-names": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
+      "license": "MIT"
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gauge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
+      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "deprecated": "This package is no longer supported.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.2",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.1",
+        "object-assign": "^4.1.1",
+        "signal-exit": "^3.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
+      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-monorepo-packages": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/get-monorepo-packages/-/get-monorepo-packages-1.2.0.tgz",
+      "integrity": "sha512-aDP6tH+eM3EuVSp3YyCutOcFS4Y9AhRRH9FAd+cjtR/g63Hx+DCXdKoP1ViRPUJz5wm+BOEXB4FhoffGHxJ7jQ==",
+      "license": "MIT",
+      "dependencies": {
+        "globby": "^7.1.1",
+        "load-json-file": "^4.0.0"
+      }
+    },
+    "node_modules/get-monorepo-packages/node_modules/array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+      "license": "MIT",
+      "dependencies": {
+        "array-uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/get-monorepo-packages/node_modules/dir-glob": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz",
+      "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==",
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/get-monorepo-packages/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/get-monorepo-packages/node_modules/globby": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-7.1.1.tgz",
+      "integrity": "sha512-yANWAN2DUcBtuus5Cpd+SKROzXHs2iVXFZt/Ykrfz6SAXqacLX25NZpltE+39ceMexYF4TtEadjuSTw8+3wX4g==",
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^1.0.1",
+        "dir-glob": "^2.0.0",
+        "glob": "^7.1.2",
+        "ignore": "^3.3.5",
+        "pify": "^3.0.0",
+        "slash": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/get-monorepo-packages/node_modules/ignore": {
+      "version": "3.3.10",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz",
+      "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
+      "license": "MIT"
+    },
+    "node_modules/get-monorepo-packages/node_modules/path-type": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
+      "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/get-monorepo-packages/node_modules/slash": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
+      "integrity": "sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/get-own-enumerable-property-symbols": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz",
+      "integrity": "sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/get-port-please": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/get-port-please/-/get-port-please-3.0.1.tgz",
+      "integrity": "sha512-R5pcVO8Z1+pVDu8Ml3xaJCEkBiiy1VQN9za0YqH8GIi1nIqD4IzQhzY6dDzMRtdS1lyiGlucRzm8IN8wtLIXng==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/giget": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-1.1.2.tgz",
+      "integrity": "sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==",
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.19",
+        "defu": "^6.1.2",
+        "https-proxy-agent": "^5.0.1",
+        "mri": "^1.2.0",
+        "node-fetch-native": "^1.0.2",
+        "pathe": "^1.1.0",
+        "tar": "^6.1.13"
+      },
+      "bin": {
+        "giget": "dist/cli.mjs"
+      }
+    },
+    "node_modules/git-config-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/git-config-path/-/git-config-path-2.0.0.tgz",
+      "integrity": "sha512-qc8h1KIQbJpp+241id3GuAtkdyJ+IK+LIVtkiFTRKRrmddDzs3SI9CvP1QYmWBFvm1I/PWRwj//of8bgAc0ltA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/git-up": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/git-up/-/git-up-7.0.0.tgz",
+      "integrity": "sha512-ONdIrbBCFusq1Oy0sC71F5azx8bVkvtZtMJAsv+a6lz5YAmbNnLD6HAB4gptHZVLPR8S2/kVN6Gab7lryq5+lQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-ssh": "^1.4.0",
+        "parse-url": "^8.1.0"
+      }
+    },
+    "node_modules/git-url-parse": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/git-url-parse/-/git-url-parse-13.1.0.tgz",
+      "integrity": "sha512-5FvPJP/70WkIprlUZ33bm4UAaFdjcLkJLpWft1BeZKqwR0uhhNGoKwlUaPtVb4LxCSQ++erHapRak9kWGj+FCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "git-up": "^7.0.0"
+      }
+    },
+    "node_modules/glob": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^5.0.1",
+        "once": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/globals": {
+      "version": "13.20.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
+      "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "13.2.2",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz",
+      "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==",
+      "license": "MIT",
+      "dependencies": {
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.3.0",
+        "ignore": "^5.2.4",
+        "merge2": "^1.4.1",
+        "slash": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/gzip-size": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-7.0.0.tgz",
+      "integrity": "sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "duplexer": "^0.1.2"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/h3": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/h3/-/h3-1.7.1.tgz",
+      "integrity": "sha512-A9V2NEDNHet7v1gCg7CMwerSigLi0SRbhTy7C3lGb0N4YKIpPmLDjedTUopqp4dnn7COHfqUjjaz3zbtz4QduA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cookie-es": "^1.0.0",
+        "defu": "^6.1.2",
+        "destr": "^2.0.0",
+        "iron-webcrypto": "^0.7.0",
+        "radix3": "^1.0.1",
+        "ufo": "^1.1.2",
+        "uncrypto": "^0.1.3"
+      }
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
+      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/hash-sum": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+      "license": "MIT"
+    },
+    "node_modules/hookable": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
+      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
+      "license": "MIT"
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-encoding": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/html-tags": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
+      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/html2canvas": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-assert": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/http-assert/-/http-assert-1.5.0.tgz",
+      "integrity": "sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-equal": "~1.0.1",
+        "http-errors": "~1.8.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-assert/node_modules/deep-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
+      "integrity": "sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-assert/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/http-assert/node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/http-assert/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-graceful-shutdown": {
+      "version": "3.1.13",
+      "resolved": "https://registry.npmjs.org/http-graceful-shutdown/-/http-graceful-shutdown-3.1.13.tgz",
+      "integrity": "sha512-Ci5LRufQ8AtrQ1U26AevS8QoMXDOhnAHCJI3eZu1com7mZGHxREmw3dNj85ftpQokQCvak8nI2pnFS8zyM1M+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/http-proxy-agent/node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/http-shutdown": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/http-shutdown/-/http-shutdown-1.2.2.tgz",
+      "integrity": "sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/icss-utils": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/idb": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz",
+      "integrity": "sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ignore": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
+      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.2.tgz",
+      "integrity": "sha512-oGXzbEDem9OOpDWZu88jGiYCvIsLHMvGw+8OXlpsvTFvIQplQbjg1B1cvKg8f7Hoch6+NGjpPsH1Fr+Mc2D1aA==",
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-fresh/node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/import-fresh/node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
+      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.0",
+        "has": "^1.0.3",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ioredis": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ioredis/-/ioredis-5.3.2.tgz",
+      "integrity": "sha512-1DKMMzlIHM02eBBVOFQ1+AolGjs6+xEcM4PDL7NqOS6szq7H9jSaEkIUH6/a5Hl241LzW6JLSiAbNvTQjUupUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ioredis/commands": "^1.1.1",
+        "cluster-key-slot": "^1.1.0",
+        "debug": "^4.3.4",
+        "denque": "^2.1.0",
+        "lodash.defaults": "^4.2.0",
+        "lodash.isarguments": "^3.1.0",
+        "redis-errors": "^1.2.0",
+        "redis-parser": "^3.0.0",
+        "standard-as-callback": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ioredis"
+      }
+    },
+    "node_modules/iron-webcrypto": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-0.7.1.tgz",
+      "integrity": "sha512-K/UmlEhPCPXEHV5hAtH5C0tI5JnFuOrv4yO/j7ODPl3HaiiHBLbOLTde+ieUaAyfCATe4LoAnclyF+hmSCOVmQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/brc-dd"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
+      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
+      "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "has": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
+      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-module": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
+      "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+      "integrity": "sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "license": "MIT"
+    },
+    "node_modules/is-primitive": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-3.0.1.tgz",
+      "integrity": "sha512-GljRxhWvlCNRfZyORiH77FwdFwGcMO620o37EOYC0ORWdq+WYNVqW0w2Juzew4M+L81l6/QS3t5gkkihyRqv9w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-promise": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+      "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-reference": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
+      "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-1.0.0.tgz",
+      "integrity": "sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-ssh": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/is-ssh/-/is-ssh-1.4.0.tgz",
+      "integrity": "sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "protocols": "^2.0.1"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "license": "MIT",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz",
+      "integrity": "sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-wsl/node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/isomorphic-dompurify": {
+      "version": "2.29.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-dompurify/-/isomorphic-dompurify-2.29.0.tgz",
+      "integrity": "sha512-Bgw5M9GMsuGeGSRpS81gk68t9/+r3AwuJJ5WnSxZK+tuazDodlRgmwz4ItMAfNYDgiNaizREYeiefkFQWkG7ow==",
+      "license": "MIT",
+      "dependencies": {
+        "dompurify": "^3.3.0",
+        "jsdom": "^27.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/dompurify": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.0.tgz",
+      "integrity": "sha512-r+f6MYR1gGN1eJv0TVQbhA7if/U7P87cdPl3HN5rikqaBSBxLiCb/b9O+2eG0cxz0ghyU+mU1QkbsOwERMYlWQ==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/jake": {
+      "version": "10.8.7",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz",
+      "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "async": "^3.2.3",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.4",
+        "minimatch": "^3.1.2"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "26.6.2",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
+      "integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.19.1.tgz",
+      "integrity": "sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsdom": {
+      "version": "27.0.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-27.0.0.tgz",
+      "integrity": "sha512-lIHeR1qlIRrIN5VMccd8tI2Sgw6ieYXSVktcSHaNe3Z5nE/tcPQYQWOq00wxMvYOsz+73eAkNenVvmPC6bba9A==",
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/dom-selector": "^6.5.4",
+        "cssstyle": "^5.3.0",
+        "data-urls": "^6.0.0",
+        "decimal.js": "^10.5.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "parse5": "^7.3.0",
+        "rrweb-cssom": "^0.8.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^6.0.0",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^8.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^15.0.0",
+        "ws": "^8.18.2",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom/node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/jsdom/node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/jsdom/node_modules/tr46": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/jsdom/node_modules/webidl-conversions": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.0.tgz",
+      "integrity": "sha512-n4W4YFyz5JzOfQeA8oN7dUYpR+MBP3PIUsn2jLjWXwK5ASUzt0Jc/A5sAUZoCYFJRGF0FBKJ+1JjN43rNdsQzA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/jsdom/node_modules/whatwg-url": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-15.1.0.tgz",
+      "integrity": "sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/jsdom/node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-parse-better-errors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
+      "dev": true,
+      "license": "(AFL-2.1 OR BSD-3-Clause)"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonc-parser": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
+      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
+      "license": "MIT"
+    },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsonpointer": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz",
+      "integrity": "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/jsonwebtoken": {
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-8.5.1.tgz",
+      "integrity": "sha512-XjwVfRS6jTMsqYs0EsuJ4LGxXV14zQybNd4L2r0UvbVnSF9Af8x7p5MzbJ90Ioz/9TI41/hTCvznF/loiSzn8w==",
+      "license": "MIT",
+      "dependencies": {
+        "jws": "^3.2.2",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=4",
+        "npm": ">=1.4.28"
+      }
+    },
+    "node_modules/jsonwebtoken/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/jspdf": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-2.5.1.tgz",
+      "integrity": "sha512-hXObxz7ZqoyhxET78+XR34Xu2qFGrJJ2I2bE5w4SM8eFaFEkW2xcGRVUss360fYelwRSid/jT078kbNvmoW0QA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.14.0",
+        "atob": "^2.1.2",
+        "btoa": "^1.2.1",
+        "fflate": "^0.4.8"
+      },
+      "optionalDependencies": {
+        "canvg": "^3.0.6",
+        "core-js": "^3.6.0",
+        "dompurify": "^2.2.0",
+        "html2canvas": "^1.0.0-rc.5"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/just-performance": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/just-performance/-/just-performance-4.3.0.tgz",
+      "integrity": "sha512-L7RjvtJsL0QO8xFs5wEoDDzzJwoiowRw6Rn/GnvldlchS2JQr9wFYPiwZcDfrbbujEKqKN0tvENdbjXdYhDp5Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jwa": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz",
+      "integrity": "sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-equal-constant-time": "1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
+      "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
+      "license": "MIT",
+      "dependencies": {
+        "jwa": "^1.4.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/keygrip": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
+      "integrity": "sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tsscmp": "1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/klona": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
+      "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/knitwork": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/knitwork/-/knitwork-1.0.0.tgz",
+      "integrity": "sha512-dWl0Dbjm6Xm+kDxhPQJsCBTxrJzuGl0aP9rhr+TG8D3l+GL90N8O8lYUi7dTSAN2uuDqCtNgb6aEuQH5wsiV8Q==",
+      "license": "MIT"
+    },
+    "node_modules/koa": {
+      "version": "2.14.2",
+      "resolved": "https://registry.npmjs.org/koa/-/koa-2.14.2.tgz",
+      "integrity": "sha512-VFI2bpJaodz6P7x2uyLiX6RLYpZmOJqNmoCst/Yyd7hQlszyPwG/I9CQJ63nOtKSxpt5M7NH67V6nJL2BwCl7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "^1.3.5",
+        "cache-content-type": "^1.0.0",
+        "content-disposition": "~0.5.2",
+        "content-type": "^1.0.4",
+        "cookies": "~0.8.0",
+        "debug": "^4.3.2",
+        "delegates": "^1.0.0",
+        "depd": "^2.0.0",
+        "destroy": "^1.0.4",
+        "encodeurl": "^1.0.2",
+        "escape-html": "^1.0.3",
+        "fresh": "~0.5.2",
+        "http-assert": "^1.3.0",
+        "http-errors": "^1.6.3",
+        "is-generator-function": "^1.0.7",
+        "koa-compose": "^4.1.0",
+        "koa-convert": "^2.0.0",
+        "on-finished": "^2.3.0",
+        "only": "~0.0.2",
+        "parseurl": "^1.3.2",
+        "statuses": "^1.5.0",
+        "type-is": "^1.6.16",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": "^4.8.4 || ^6.10.1 || ^7.10.1 || >= 8.1.4"
+      }
+    },
+    "node_modules/koa-compose": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/koa-compose/-/koa-compose-4.1.0.tgz",
+      "integrity": "sha512-8ODW8TrDuMYvXRwra/Kh7/rJo9BtOfPc6qO8eAfC80CnCvSjSl0bkRM24X6/XBBEyj0v1nRUQ1LyOy3dbqOWXw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/koa-convert": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/koa-convert/-/koa-convert-2.0.0.tgz",
+      "integrity": "sha512-asOvN6bFlSnxewce2e/DK3p4tltyfC4VM7ZwuTuepI7dEQVcvpyFuBcEARu1+Hxg8DIwytce2n7jrZtRlPrARA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "co": "^4.6.0",
+        "koa-compose": "^4.1.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/koa-send": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/koa-send/-/koa-send-5.0.1.tgz",
+      "integrity": "sha512-tmcyQ/wXXuxpDxyNXv5yNNkdAMdFRqwtegBXUaowiQzUKqJehttS0x2j0eOZDQAyloAth5w6wwBImnFzkUz3pQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "http-errors": "^1.7.3",
+        "resolve-path": "^1.4.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/koa-send/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa-send/node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa-send/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa-static": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/koa-static/-/koa-static-5.0.0.tgz",
+      "integrity": "sha512-UqyYyH5YEXaJrf9S8E23GoJFQZXkBVJ9zYYMPGz919MSX1KuvAcycIuS0ci150HCoPf4XQVhQ84Qf8xRPWxFaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.1.0",
+        "koa-send": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 7.6.0"
+      }
+    },
+    "node_modules/koa-static/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/koa/node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa/node_modules/http-errors/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/koa/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.22",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
+      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.8.tgz",
+      "integrity": "sha512-aWAZwgPLS8hJ20lNPm9HNVs4inexz6S2sQa3wx/+ycuutMNE5/IfYxiWYBbi+9UWCQVaXYCOPUl6gFrPR7+jGg==",
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      }
+    },
+    "node_modules/lazystream": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
+      "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readable-stream": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.6.3"
+      }
+    },
+    "node_modules/lazystream/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lazystream/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/lazystream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lazystream/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/limiter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/limiter/-/limiter-2.1.0.tgz",
+      "integrity": "sha512-361TYz6iay6n+9KvUUImqdLuFigK+K79qrUtBsXhJTLdH4rIt/r1y8r1iozwh8KbZNpujbFTSh74mJ7bwbAMOw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "just-performance": "4.3.0"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/listhen": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/listhen/-/listhen-1.2.2.tgz",
+      "integrity": "sha512-fQaXe+DAQ5QiYP1B4uXfAgwqIwNS+0WMIwRd5l2a3npQAEhlCJ1pN11d41yHtbeReE7oRtfL+h6Nzxq+Wc4vIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@parcel/watcher-wasm": "2.3.0-alpha.1",
+        "citty": "^0.1.2",
+        "clipboardy": "^3.0.0",
+        "consola": "^3.2.3",
+        "defu": "^6.1.2",
+        "get-port-please": "^3.0.1",
+        "h3": "^1.8.0-rc.2",
+        "http-shutdown": "^1.2.2",
+        "jiti": "^1.19.1",
+        "mlly": "^1.4.0",
+        "node-forge": "^1.3.1",
+        "pathe": "^1.1.1",
+        "ufo": "^1.2.0"
+      },
+      "bin": {
+        "listen": "bin/listhen.mjs",
+        "listhen": "bin/listhen.mjs"
+      }
+    },
+    "node_modules/listhen/node_modules/h3": {
+      "version": "1.8.0-rc.3",
+      "resolved": "https://registry.npmjs.org/h3/-/h3-1.8.0-rc.3.tgz",
+      "integrity": "sha512-NhDCNXhrJkt42BDQF57787yXJa2eX2Hl4OMlu+Ym9QBdBaOByUjBrovYaBc+27mtIhHvs2IqPf56to8qcNBI7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cookie-es": "^1.0.0",
+        "defu": "^6.1.2",
+        "destr": "^2.0.1",
+        "iron-webcrypto": "^0.8.0",
+        "radix3": "^1.0.1",
+        "ufo": "^1.2.0",
+        "uncrypto": "^0.1.3",
+        "unenv": "^1.6.1"
+      }
+    },
+    "node_modules/listhen/node_modules/iron-webcrypto": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-0.8.0.tgz",
+      "integrity": "sha512-gScdcWHjTGclCU15CIv2r069NoQrys1UeUFFfaO1hL++ytLHkVw7N5nXJmFf3J2LEDMz1PkrvC0m62JEeu1axQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/brc-dd"
+      }
+    },
+    "node_modules/load-json-file": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
+      "integrity": "sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "parse-json": "^4.0.0",
+        "pify": "^3.0.0",
+        "strip-bom": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/local-pkg": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz",
+      "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.defaults": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz",
+      "integrity": "sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.difference": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.difference/-/lodash.difference-4.5.0.tgz",
+      "integrity": "sha512-dS2j+W26TQ7taQBGN8Lbbq04ssV3emRw4NY58WErlTO29pIqS0HmoT5aJ9+TUQ1N3G+JOZSji4eugsWwGp9yPA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.flatten": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz",
+      "integrity": "sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+      "deprecated": "This package is deprecated. Use the optional chaining (?.) operator instead.",
+      "license": "MIT"
+    },
+    "node_modules/lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isarguments": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz",
+      "integrity": "sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
+      "deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead.",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.pick": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.pick/-/lodash.pick-4.4.0.tgz",
+      "integrity": "sha512-hXt6Ul/5yWjfklSGvLQl8vM//l3FtyHZeuelpzK6mm99pNvN9yTDruNZPEJZD1oWrqo+izBmB7oUfWgcCX7s4Q==",
+      "deprecated": "This package is deprecated. Use destructuring assignment syntax instead.",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.sortby": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
+      "integrity": "sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.union": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.union/-/lodash.union-4.6.0.tgz",
+      "integrity": "sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.zip": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.zip/-/lodash.zip-4.2.0.tgz",
+      "integrity": "sha512-C7IOaBBK/0gMORRBd8OETNx3kmOkgIWIPvyDpZSCTwUrpYmgZwJkjZeOD8ww4xbOUOs4/attY+pciKvadNfFbg==",
+      "license": "MIT"
+    },
+    "node_modules/log-symbols": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-5.1.0.tgz",
+      "integrity": "sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.0.0",
+        "is-unicode-supported": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-symbols/node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/luxon": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.3.0.tgz",
+      "integrity": "sha512-An0UCfG/rSiqtAIiBPO0Y9/zAnHUZxAMiCpTd5h2smgsj7GGmcenvrvww2cqNA8/4A5ZrD1gJpHN2mIHZQF+Mg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.2",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.2.tgz",
+      "integrity": "sha512-lNZdu7pewtq/ZvWUp9Wpf/x7WzMTsR26TWV03BRZrXFsv+BI6dy8RAiKgm1uM/kyR0rCfUcqvOlXKG66KhIGug==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/magic-string-ast": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/magic-string-ast/-/magic-string-ast-0.3.0.tgz",
+      "integrity": "sha512-0shqecEPgdFpnI3AP90epXyxZy9g6CRZ+SZ7BcqFwYmtFEnZ1jpevcV5HoyVnlDS9gCnc1UIg3Rsvp3Ci7r8OA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "magic-string": "^0.30.2"
+      },
+      "engines": {
+        "node": ">=16.14.0"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
+    "node_modules/maska": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/maska/-/maska-1.5.2.tgz",
+      "integrity": "sha512-zDalYGEVjQvnmedj6Yaae532g1RQVKppX8w4+L4q5HPuTUCJew/YDtTsKto4ReYSk5+nfacGyyz067o7qo4xTQ==",
+      "license": "MIT"
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "license": "MIT"
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memory-cache": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/memory-cache/-/memory-cache-0.2.0.tgz",
+      "integrity": "sha512-OcjA+jzjOYzKmKS6IQVALHLVz+rNTMPoJvCztFaZxwG14wtAW7VRZjwTQu06vKCYOxh4jVnik7ya0SXTB0W+xA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/memory-fs": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
+      "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
+      "license": "MIT",
+      "dependencies": {
+        "errno": "^0.1.3",
+        "readable-stream": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.3.0 <5.0.0 || >=5.10"
+      }
+    },
+    "node_modules/memory-fs/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/memory-fs/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/memory-fs/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/memory-fs/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
+      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minizlib/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minizlib/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC"
+    },
+    "node_modules/mkdirp": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+      "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "dist/cjs/src/bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/mlly": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.4.0.tgz",
+      "integrity": "sha512-ua8PAThnTwpprIaU47EPeZ/bPUVp2QYBbWMphUQpVdBI3Lgqzm5KZQ45Agm3YJedHXaIHl6pBGabaLSUPPSptg==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "pathe": "^1.1.1",
+        "pkg-types": "^1.0.3",
+        "ufo": "^1.1.2"
+      }
+    },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "license": "MIT"
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-4.0.2.tgz",
+      "integrity": "sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.js"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      }
+    },
+    "node_modules/napi-wasm": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/napi-wasm/-/napi-wasm-1.1.0.tgz",
+      "integrity": "sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nitropack": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/nitropack/-/nitropack-2.5.2.tgz",
+      "integrity": "sha512-hXEHY9NJmOOETFFTPCBB9PB0+txoAbU/fB2ovUF6UMRo4ucQZztYnZdX+YSxa6FVz6eONvcxXvf9/9s6t08KWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cloudflare/kv-asset-handler": "^0.3.0",
+        "@netlify/functions": "^1.6.0",
+        "@rollup/plugin-alias": "^5.0.0",
+        "@rollup/plugin-commonjs": "^25.0.2",
+        "@rollup/plugin-inject": "^5.0.3",
+        "@rollup/plugin-json": "^6.0.0",
+        "@rollup/plugin-node-resolve": "^15.1.0",
+        "@rollup/plugin-replace": "^5.0.2",
+        "@rollup/plugin-terser": "^0.4.3",
+        "@rollup/plugin-wasm": "^6.1.3",
+        "@rollup/pluginutils": "^5.0.2",
+        "@types/http-proxy": "^1.17.11",
+        "@vercel/nft": "^0.22.6",
+        "archiver": "^5.3.1",
+        "c12": "^1.4.2",
+        "chalk": "^5.2.0",
+        "chokidar": "^3.5.3",
+        "citty": "^0.1.1",
+        "consola": "^3.2.2",
+        "cookie-es": "^1.0.0",
+        "defu": "^6.1.2",
+        "destr": "^2.0.0",
+        "dot-prop": "^7.2.0",
+        "esbuild": "^0.18.10",
+        "escape-string-regexp": "^5.0.0",
+        "etag": "^1.8.1",
+        "fs-extra": "^11.1.1",
+        "globby": "^13.2.0",
+        "gzip-size": "^7.0.0",
+        "h3": "^1.7.1",
+        "hookable": "^5.5.3",
+        "http-graceful-shutdown": "^3.1.13",
+        "http-proxy": "^1.18.1",
+        "is-primitive": "^3.0.1",
+        "jiti": "^1.18.2",
+        "klona": "^2.0.6",
+        "knitwork": "^1.0.0",
+        "listhen": "^1.0.4",
+        "magic-string": "^0.30.0",
+        "mime": "^3.0.0",
+        "mlly": "^1.4.0",
+        "mri": "^1.2.0",
+        "node-fetch-native": "^1.2.0",
+        "ofetch": "^1.1.1",
+        "ohash": "^1.1.2",
+        "openapi-typescript": "^6.2.8",
+        "pathe": "^1.1.1",
+        "perfect-debounce": "^1.0.0",
+        "pkg-types": "^1.0.3",
+        "pretty-bytes": "^6.1.0",
+        "radix3": "^1.0.1",
+        "rollup": "^3.25.3",
+        "rollup-plugin-visualizer": "^5.9.2",
+        "scule": "^1.0.0",
+        "semver": "^7.5.3",
+        "serve-placeholder": "^2.0.1",
+        "serve-static": "^1.15.0",
+        "source-map-support": "^0.5.21",
+        "std-env": "^3.3.3",
+        "ufo": "^1.1.2",
+        "uncrypto": "^0.1.3",
+        "unenv": "^1.5.1",
+        "unimport": "^3.0.11",
+        "unstorage": "^1.7.0"
+      },
+      "bin": {
+        "nitro": "dist/cli.mjs",
+        "nitropack": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": "^14.16.0 || ^16.11.0 || >=17.0.0"
+      }
+    },
+    "node_modules/nitropack/node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/nitropack/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/nitropack/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/nitropack/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/nitropack/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz",
+      "integrity": "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "data-uri-to-buffer": "^4.0.0",
+        "fetch-blob": "^3.1.4",
+        "formdata-polyfill": "^4.0.10"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/node-fetch"
+      }
+    },
+    "node_modules/node-fetch-native": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.2.0.tgz",
+      "integrity": "sha512-5IAMBTl9p6PaAjYCnMv5FmqIF6GcZnawAVnzaCG0rX2aYZJ4CxEkZNtVPuTRug7fL7wyM5BQYTlAzcyMPi6oTQ==",
+      "license": "MIT"
+    },
+    "node_modules/node-forge": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
+      "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
+      "dev": true,
+      "license": "(BSD-3-Clause OR GPL-2.0)",
+      "engines": {
+        "node": ">= 6.13.0"
+      }
+    },
+    "node_modules/node-gyp-build": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.0.tgz",
+      "integrity": "sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "node-gyp-build": "bin.js",
+        "node-gyp-build-optional": "optional.js",
+        "node-gyp-build-test": "build-test.js"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "license": "MIT"
+    },
+    "node_modules/nodemailer": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-7.0.6.tgz",
+      "integrity": "sha512-F44uVzgwo49xboqbFgBGkRaiMgtoBrBEWCVincJPK9+S9Adkzt/wXCLKbf7dxucmxfTI5gHGB+bEmdyzN6QKjw==",
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-url": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
+      "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/npmlog": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
+      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "deprecated": "This package is no longer supported.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "are-we-there-yet": "^2.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^3.0.0",
+        "set-blocking": "^2.0.0"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/nuxi": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/nuxi/-/nuxi-3.6.5.tgz",
+      "integrity": "sha512-4XEXYz71UiWWiKC1/cJCzqRSUEImYRmjcvKpSsBKMU58ALYVSx5KIoas5SwLO8tEKO5BS4DAe4u7MYix7hfuHQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "nuxi": "bin/nuxi.mjs"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/nuxt": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/nuxt/-/nuxt-3.6.5.tgz",
+      "integrity": "sha512-0A7V8B1HrIXX9IlqPc2w+5ZPXi+7MYa9QVhtuGYuLvjRKoSFANhCoMPRP6pKdoxigM1MBxhLue2VmHA/VbtJCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/devalue": "^2.0.2",
+        "@nuxt/kit": "3.6.5",
+        "@nuxt/schema": "3.6.5",
+        "@nuxt/telemetry": "^2.3.0",
+        "@nuxt/ui-templates": "^1.2.0",
+        "@nuxt/vite-builder": "3.6.5",
+        "@unhead/ssr": "^1.1.30",
+        "@unhead/vue": "^1.1.30",
+        "@vue/shared": "^3.3.4",
+        "acorn": "8.10.0",
+        "c12": "^1.4.2",
+        "chokidar": "^3.5.3",
+        "cookie-es": "^1.0.0",
+        "defu": "^6.1.2",
+        "destr": "^2.0.0",
+        "devalue": "^4.3.2",
+        "esbuild": "^0.18.11",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "fs-extra": "^11.1.1",
+        "globby": "^13.2.2",
+        "h3": "^1.7.1",
+        "hookable": "^5.5.3",
+        "jiti": "^1.19.1",
+        "klona": "^2.0.6",
+        "knitwork": "^1.0.0",
+        "local-pkg": "^0.4.3",
+        "magic-string": "^0.30.1",
+        "mlly": "^1.4.0",
+        "nitropack": "^2.5.2",
+        "nuxi": "3.6.5",
+        "nypm": "^0.2.2",
+        "ofetch": "^1.1.1",
+        "ohash": "^1.1.2",
+        "pathe": "^1.1.1",
+        "perfect-debounce": "^1.0.0",
+        "prompts": "^2.4.2",
+        "scule": "^1.0.0",
+        "strip-literal": "^1.0.1",
+        "ufo": "^1.1.2",
+        "ultrahtml": "^1.2.0",
+        "uncrypto": "^0.1.3",
+        "unctx": "^2.3.1",
+        "unenv": "^1.5.1",
+        "unimport": "^3.0.14",
+        "unplugin": "^1.3.2",
+        "unplugin-vue-router": "^0.6.4",
+        "untyped": "^1.3.2",
+        "vue": "^3.3.4",
+        "vue-bundle-renderer": "^1.0.3",
+        "vue-devtools-stub": "^0.1.0",
+        "vue-router": "^4.2.4"
+      },
+      "bin": {
+        "nuxi": "bin/nuxt.mjs",
+        "nuxt": "bin/nuxt.mjs"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      },
+      "peerDependencies": {
+        "@parcel/watcher": "^2.1.0",
+        "@types/node": "^14.18.0 || >=16.10.0"
+      },
+      "peerDependenciesMeta": {
+        "@parcel/watcher": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/nuxt-csurf": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/nuxt-csurf/-/nuxt-csurf-1.2.0.tgz",
+      "integrity": "sha512-sO8Hm3fR+GB3DMc0y1Slzt+f9LiUKpvF/qvUUZBWz1ZknfTRTYemZkfSNcoYf0/hoL2Wb9O0c8pFtzj0hs8Spw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.1.0",
+        "defu": "^6.1.1"
+      }
+    },
+    "node_modules/nuxt-icon": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/nuxt-icon/-/nuxt-icon-0.1.8.tgz",
+      "integrity": "sha512-oPFlLOZCy80MN+hf49+mBkOIHWVF3sOqZREQZw3qD0N6wGlR15QeRQtKQC8qGeQcc+xvpLQm0GvrdJ8FxFOPYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@iconify/vue": "^4.0.1",
+        "@nuxt/kit": "^3.0.0"
+      }
+    },
+    "node_modules/nuxt-security": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/nuxt-security/-/nuxt-security-0.13.1.tgz",
+      "integrity": "sha512-ZqO9Eu2LmB43U/NK+kAQtTcEO+7swu6WhgZBjvHwSCvg5cDvruhfEjLOffF4nuhvyVpKnt5HRfeRao8ABIe3ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.2.2",
+        "basic-auth": "^2.0.1",
+        "defu": "^6.1.1",
+        "limiter": "^2.1.0",
+        "memory-cache": "^0.2.0",
+        "nuxt-csurf": "^1.1.0",
+        "pathe": "^1.0.0",
+        "xss": "^1.0.14"
+      }
+    },
+    "node_modules/nuxt-typed-router": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/nuxt-typed-router/-/nuxt-typed-router-3.2.5.tgz",
+      "integrity": "sha512-E2CPfEioyzeISaVSlDottH1sV41wog952nfoChAj9tGLAc76NUHpbKeZ2SCGma3HUjozwehiiqffmGq/LTCEJA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nuxt/kit": "^3.6.1",
+        "chalk": "^5.3.0",
+        "defu": "^6.1.2",
+        "lodash-es": "^4.17.21",
+        "log-symbols": "^5.1.0",
+        "mkdirp": "^3.0.1",
+        "nanoid": "^4.0.2",
+        "pathe": "1.1.0"
+      }
+    },
+    "node_modules/nuxt-typed-router/node_modules/chalk": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
+      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/nuxt-typed-router/node_modules/pathe": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.0.tgz",
+      "integrity": "sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nuxt/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/nypm": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.2.2.tgz",
+      "integrity": "sha512-O7bumfWgUXlJefT1Y41SF4vsCvzeUYmnKABuOKStheCObzrkWPDmqJc+RJVU+57oFu9bITcrUq8sKFIHgjCnTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "execa": "^7.1.1"
+      },
+      "engines": {
+        "node": "^14.16.0 || >=16.10.0"
+      }
+    },
+    "node_modules/nypm/node_modules/execa": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
+      "integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.1",
+        "human-signals": "^4.3.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^3.0.7",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || ^16.14.0 || >=18.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/nypm/node_modules/human-signals": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
+      "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14.18.0"
+      }
+    },
+    "node_modules/nypm/node_modules/is-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/nypm/node_modules/mimic-fn": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/nypm/node_modules/npm-run-path": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz",
+      "integrity": "sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/nypm/node_modules/onetime": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/nypm/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/nypm/node_modules/strip-final-newline": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.12.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
+      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz",
+      "integrity": "sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz",
+      "integrity": "sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
+      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz",
+      "integrity": "sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ofetch": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ofetch/-/ofetch-1.1.1.tgz",
+      "integrity": "sha512-SSMoktrp9SNLi20BWfB/BnnKcL0RDigXThD/mZBeQxkIRv1xrd9183MtLdsqRYLYSqW0eTr5t8w8MqjNhvoOQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "destr": "^2.0.0",
+        "node-fetch-native": "^1.2.0",
+        "ufo": "^1.1.2"
+      }
+    },
+    "node_modules/ohash": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-1.1.2.tgz",
+      "integrity": "sha512-9CIOSq5945rI045GFtcO3uudyOkYVY1nyfFxVQp+9BRgslr8jPNiSSrsFGg/BNTUFOLqx0P5tng6G32brIPw0w==",
+      "license": "MIT"
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/only": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/only/-/only-0.0.2.tgz",
+      "integrity": "sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ==",
+      "dev": true
+    },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/open/node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/openapi-typescript": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/openapi-typescript/-/openapi-typescript-6.4.0.tgz",
+      "integrity": "sha512-qTa5HGcVdTic2zmvC+aE3tEJqFUZGkXFk8ygAexTPzsHY3a0etay8bBSQjdNP4ZI8TaA+gtHJtTKvhkUhJd6Jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-colors": "^4.1.3",
+        "fast-glob": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "supports-color": "^9.4.0",
+        "undici": "^5.22.1",
+        "yargs-parser": "^21.1.1"
+      },
+      "bin": {
+        "openapi-typescript": "bin/cli.js"
+      }
+    },
+    "node_modules/openapi-typescript/node_modules/supports-color": {
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-9.4.0.tgz",
+      "integrity": "sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/orderedmap": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
+      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
+      "license": "MIT"
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parchment": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz",
+      "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/parent-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-2.0.0.tgz",
+      "integrity": "sha512-uo0Z9JJeWzv8BG+tRcapBKNJ0dro9cLyczGzulS6EfeyAdeC9sbojtW6XwvYxJkEne9En+J2XEl4zyglVeIwFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/parse-git-config": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/parse-git-config/-/parse-git-config-3.0.0.tgz",
+      "integrity": "sha512-wXoQGL1D+2COYWCD35/xbiKma1Z15xvZL8cI25wvxzled58V51SJM04Urt/uznS900iQor7QO04SgdfT/XlbuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "git-config-path": "^2.0.0",
+        "ini": "^1.3.5"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+      "license": "MIT",
+      "dependencies": {
+        "error-ex": "^1.3.1",
+        "json-parse-better-errors": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/parse-package-name": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/parse-package-name/-/parse-package-name-0.1.0.tgz",
+      "integrity": "sha512-OT2+32knn014ggXMpGjZeHHsTYwOvHmRAMFtVBZstWAnR4UVIOw+JOhWZUCv5JwZQAMiisfdF2K5SyGI5OXXIg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/parse-path": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/parse-path/-/parse-path-7.0.0.tgz",
+      "integrity": "sha512-Euf9GG8WT9CdqwuWJGdf3RkUcTBArppHABkO7Lm8IzRQp0e2r/kkFnmhu4TSK30Wcu5rVAZLmfPKSBBi9tWFog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "protocols": "^2.0.0"
+      }
+    },
+    "node_modules/parse-url": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/parse-url/-/parse-url-8.1.0.tgz",
+      "integrity": "sha512-xDvOoLU5XRrcOZvnI6b8zA6n9O9ejNk/GExuz1yBuWUGn9KA97GI6HTs6u02wKara1CeVmZhH+0TZFdWScR89w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse-path": "^7.0.0"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
+      "license": "(WTFPL OR MIT)"
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-to-regexp": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.1.tgz",
+      "integrity": "sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
+      "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==",
+      "license": "MIT"
+    },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "license": "MIT"
+    },
+    "node_modules/perfect-scrollbar": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/perfect-scrollbar/-/perfect-scrollbar-1.5.5.tgz",
+      "integrity": "sha512-dzalfutyP3e/FOpdlhVryN4AJ5XDVauVWxybSkLZmakFE2sS3y3pc4JnSprw8tGmHvkaG5Edr5T7LBTZ+WWU2g==",
+      "license": "MIT"
+    },
+    "node_modules/performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+      "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.1.6.tgz",
+      "integrity": "sha512-bIU6QuE5qZviMmct5XwCesXelb5VavdOWKWaB17ggk++NUwQWWbP5YnsONTk3b752QkW9sACiR81rorpeOMSvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": ">=0.14.5"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia-plugin-persistedstate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-3.2.0.tgz",
+      "integrity": "sha512-tZbNGf2vjAQcIm7alK40sE51Qu/m9oWr+rEgNm/2AWr1huFxj72CjvpQcIQzMknDBJEkQznCLAGtJTIcLKrKdw==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "pinia": "^2.0.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
+      "integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
+      "license": "MIT",
+      "dependencies": {
+        "jsonc-parser": "^3.2.0",
+        "mlly": "^1.2.0",
+        "pathe": "^1.1.0"
+      }
+    },
+    "node_modules/pkg-up": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz",
+      "integrity": "sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==",
+      "license": "MIT",
+      "dependencies": {
+        "find-up": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-up/node_modules/find-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pkg-up/node_modules/locate-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^3.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pkg-up/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pkg-up/node_modules/p-locate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pkg-up/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/portfinder": {
+      "version": "1.0.32",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+      "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async": "^2.6.4",
+        "debug": "^3.2.7",
+        "mkdirp": "^0.5.6"
+      },
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/portfinder/node_modules/async": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.14"
+      }
+    },
+    "node_modules/portfinder/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/portfinder/node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.27",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
+      "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-calc": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz",
+      "integrity": "sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.11",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.2"
+      }
+    },
+    "node_modules/postcss-colormin": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-6.0.0.tgz",
+      "integrity": "sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "colord": "^2.9.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-convert-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-6.0.0.tgz",
+      "integrity": "sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-custom-properties": {
+      "version": "13.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.3.0.tgz",
+      "integrity": "sha512-q4VgtIKSy5+KcUvQ0WxTjDy9DZjQ5VCXAZ9+tT9+aPMbA0z6s2t1nMw0QHszru1ib5ElkXl9JUpYYU37VVUs7g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/cascade-layer-name-parser": "^1.0.4",
+        "@csstools/css-parser-algorithms": "^2.3.1",
+        "@csstools/css-tokenizer": "^2.2.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-discard-comments": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-6.0.0.tgz",
+      "integrity": "sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-duplicates": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.0.tgz",
+      "integrity": "sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-empty": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-6.0.0.tgz",
+      "integrity": "sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-overridden": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-6.0.0.tgz",
+      "integrity": "sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-import-resolver": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-import-resolver/-/postcss-import-resolver-2.0.0.tgz",
+      "integrity": "sha512-y001XYgGvVwgxyxw9J1a5kqM/vtmIQGzx34g0A0Oy44MFcy/ZboZw1hu/iN3VYFjSTRzbvd7zZJJz0Kh0AGkTw==",
+      "license": "MIT",
+      "dependencies": {
+        "enhanced-resolve": "^4.1.1"
+      }
+    },
+    "node_modules/postcss-import-resolver/node_modules/enhanced-resolve": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz",
+      "integrity": "sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "memory-fs": "^0.5.0",
+        "tapable": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/postcss-import-resolver/node_modules/tapable": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
+      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
+      "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^2.0.5",
+        "yaml": "^2.1.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/yaml": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
+      "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/postcss-loader": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-4.3.0.tgz",
+      "integrity": "sha512-M/dSoIiNDOo8Rk0mUqoj4kpGq91gcxCfb9PoyZVdZ76/AuhxylHDYZblNE8o+EQ9AMSASeMFEKxZf5aU6wlx1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cosmiconfig": "^7.0.0",
+        "klona": "^2.0.4",
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0",
+        "semver": "^7.3.4"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "postcss": "^7.0.0 || ^8.0.1",
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/postcss-loader/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/postcss-loader/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/postcss-loader/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/postcss-merge-longhand": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-6.0.0.tgz",
+      "integrity": "sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "stylehacks": "^6.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-merge-rules": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-6.0.1.tgz",
+      "integrity": "sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "cssnano-utils": "^4.0.0",
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-font-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-6.0.0.tgz",
+      "integrity": "sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-gradients": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-6.0.0.tgz",
+      "integrity": "sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colord": "^2.9.1",
+        "cssnano-utils": "^4.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-params": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-6.0.0.tgz",
+      "integrity": "sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "cssnano-utils": "^4.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-selectors": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-6.0.0.tgz",
+      "integrity": "sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-modules-extract-imports": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
+      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz",
+      "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "icss-utils": "^5.0.0",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-scope": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz",
+      "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-values": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
+      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "icss-utils": "^5.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
+      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.11"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-nesting": {
+      "version": "11.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-11.3.0.tgz",
+      "integrity": "sha512-JlS10AQm/RzyrUGgl5irVkAlZYTJ99mNueUl+Qab+TcHhVedLiylWVkKBhRale+rS9yWIJK48JVzQlq3LcSdeA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "CC0-1.0",
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.0",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-normalize-charset": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-6.0.0.tgz",
+      "integrity": "sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-display-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.0.tgz",
+      "integrity": "sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-positions": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-6.0.0.tgz",
+      "integrity": "sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-repeat-style": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.0.tgz",
+      "integrity": "sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-string": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-6.0.0.tgz",
+      "integrity": "sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-timing-functions": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.0.tgz",
+      "integrity": "sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-unicode": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-6.0.0.tgz",
+      "integrity": "sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-url": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-6.0.0.tgz",
+      "integrity": "sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-whitespace": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.0.tgz",
+      "integrity": "sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-ordered-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-6.0.0.tgz",
+      "integrity": "sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-utils": "^4.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-reduce-initial": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-6.0.0.tgz",
+      "integrity": "sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-reduce-transforms": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.0.tgz",
+      "integrity": "sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.13",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+      "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-svgo": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-6.0.0.tgz",
+      "integrity": "sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "svgo": "^3.0.2"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >= 18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-unique-selectors": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-6.0.0.tgz",
+      "integrity": "sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-url": {
+      "version": "10.1.3",
+      "resolved": "https://registry.npmjs.org/postcss-url/-/postcss-url-10.1.3.tgz",
+      "integrity": "sha512-FUzyxfI5l2tKmXdYc6VTu3TWZsInayEKPbiyW+P6vmmIrrb4I6CGX0BFoewgYHLK+oIL5FECEK02REYRpBvUCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "make-dir": "~3.1.0",
+        "mime": "~2.5.2",
+        "minimatch": "~3.0.4",
+        "xxhashjs": "~0.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-url/node_modules/mime": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz",
+      "integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/postcss-url/node_modules/minimatch": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz",
+      "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
+    "node_modules/postcss/node_modules/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/preact": {
+      "version": "10.12.1",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.12.1.tgz",
+      "integrity": "sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/pretty-bytes": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.1.1.tgz",
+      "integrity": "sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/prism-es6": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/prism-es6/-/prism-es6-1.2.0.tgz",
+      "integrity": "sha512-A8JV9G2zKM8PWksT7YJcmnaWtYO6C9hSfxM/xv0RxB2aNc8rjv30WakzIw1gWyqLi2eiqquo2KmS7orxqlm+yg==",
+      "license": "ISC"
+    },
+    "node_modules/prisma": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/prisma/-/prisma-5.1.1.tgz",
+      "integrity": "sha512-WJFG/U7sMmcc6TjJTTifTfpI6Wjoh55xl4AzopVwAdyK68L9/ogNo8QQ2cxuUjJf/Wa82z/uhyh3wMzvRIBphg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/engines": "5.1.1"
+      },
+      "bin": {
+        "prisma": "build/index.js"
+      },
+      "engines": {
+        "node": ">=16.13"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/prompts": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kleur": "^3.0.3",
+        "sisteransi": "^1.0.5"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prosemirror-changeset": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.3.1.tgz",
+      "integrity": "sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-collab": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
+      "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-commands": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.1.tgz",
+      "integrity": "sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.10.2"
+      }
+    },
+    "node_modules/prosemirror-dropcursor": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.2.tgz",
+      "integrity": "sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0",
+        "prosemirror-view": "^1.1.0"
+      }
+    },
+    "node_modules/prosemirror-gapcursor": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz",
+      "integrity": "sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.0.0",
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-view": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-history": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.4.1.tgz",
+      "integrity": "sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.2.2",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.31.0",
+        "rope-sequence": "^1.3.0"
+      }
+    },
+    "node_modules/prosemirror-inputrules": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.0.tgz",
+      "integrity": "sha512-K0xJRCmt+uSw7xesnHmcn72yBGTbY45vm8gXI4LZXbx2Z0jwh5aF9xrGQgrVPu0WbyFVFF3E/o9VhJYz6SQWnA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-keymap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.3.tgz",
+      "integrity": "sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "w3c-keyname": "^2.2.0"
+      }
+    },
+    "node_modules/prosemirror-markdown": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.2.tgz",
+      "integrity": "sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/markdown-it": "^14.0.0",
+        "markdown-it": "^14.0.0",
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-menu": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.5.tgz",
+      "integrity": "sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "crelt": "^1.0.0",
+        "prosemirror-commands": "^1.0.0",
+        "prosemirror-history": "^1.0.0",
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-model": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.1.tgz",
+      "integrity": "sha512-AUvbm7qqmpZa5d9fPKMvH1Q5bqYQvAZWOGRvxsB6iFLyycvC9MwNemNVjHVrWgjaoxAfY8XVg7DbvQ/qxvI9Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "orderedmap": "^2.0.0"
+      }
+    },
+    "node_modules/prosemirror-schema-basic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz",
+      "integrity": "sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-schema-list": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
+      "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.7.3"
+      }
+    },
+    "node_modules/prosemirror-state": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.3.tgz",
+      "integrity": "sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.27.0"
+      }
+    },
+    "node_modules/prosemirror-tables": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.7.1.tgz",
+      "integrity": "sha512-eRQ97Bf+i9Eby99QbyAiyov43iOKgWa7QCGly+lrDt7efZ1v8NWolhXiB43hSDGIXT1UXgbs4KJN3a06FGpr1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-model": "^1.25.0",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-transform": "^1.10.3",
+        "prosemirror-view": "^1.39.1"
+      }
+    },
+    "node_modules/prosemirror-trailing-node": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
+      "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@remirror/core-constants": "3.0.0",
+        "escape-string-regexp": "^4.0.0"
+      },
+      "peerDependencies": {
+        "prosemirror-model": "^1.22.1",
+        "prosemirror-state": "^1.4.2",
+        "prosemirror-view": "^1.33.8"
+      }
+    },
+    "node_modules/prosemirror-transform": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.4.tgz",
+      "integrity": "sha512-pwDy22nAnGqNR1feOQKHxoFkkUtepoFAd3r2hbEDsnf4wp57kKA36hXsB3njA9FtONBEwSDnDeCiJe+ItD+ykw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.21.0"
+      }
+    },
+    "node_modules/prosemirror-view": {
+      "version": "1.39.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.39.3.tgz",
+      "integrity": "sha512-bY/7kg0LzRE7ytR0zRdSMWX3sknEjw68l836ffLPMh0OG3OYnNuBDUSF3v0vjvnzgYjgY9ZH/RypbARURlcMFA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.20.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0"
+      }
+    },
+    "node_modules/protocols": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/protocols/-/protocols-2.0.1.tgz",
+      "integrity": "sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+      "license": "MIT"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/quill": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz",
+      "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "clone": "^2.1.1",
+        "deep-equal": "^1.0.1",
+        "eventemitter3": "^2.0.3",
+        "extend": "^3.0.2",
+        "parchment": "^1.1.4",
+        "quill-delta": "^3.6.2"
+      }
+    },
+    "node_modules/quill-delta": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-4.2.2.tgz",
+      "integrity": "sha512-qjbn82b/yJzOjstBgkhtBjN2TNK+ZHP/BgUQO+j6bRhWQQdmj2lH6hXG7+nwwLF41Xgn//7/83lxs9n2BkTtTg==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-diff": "1.2.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.isequal": "^4.5.0"
+      }
+    },
+    "node_modules/quill/node_modules/eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg==",
+      "license": "MIT"
+    },
+    "node_modules/quill/node_modules/fast-diff": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz",
+      "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/quill/node_modules/quill-delta": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz",
+      "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==",
+      "license": "MIT",
+      "dependencies": {
+        "deep-equal": "^1.0.1",
+        "extend": "^3.0.2",
+        "fast-diff": "1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/radix3": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/radix3/-/radix3-1.0.1.tgz",
+      "integrity": "sha512-y+AcwZ3HcUIGc9zGsNVf5+BY/LxL+z+4h4J3/pp8jxSmy1STaCocPS3qrj4tA5ehUSzqtqK+0Aygvz/r/8vy4g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/raf": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "performance-now": "^2.1.0"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/rc9": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/rc9/-/rc9-2.1.1.tgz",
+      "integrity": "sha512-lNeOl38Ws0eNxpO3+wD1I9rkHGQyj1NU1jlzv4go2CtEnEQEUfqnIvZG7W+bC/aXdJ27n5x/yUjb6RoT9tko+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "defu": "^6.1.2",
+        "destr": "^2.0.0",
+        "flat": "^5.0.2"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/read-cache/node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdir-glob": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/readdir-glob/-/readdir-glob-1.1.3.tgz",
+      "integrity": "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "minimatch": "^5.1.0"
+      }
+    },
+    "node_modules/readdir-glob/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/readdir-glob/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/redis-errors": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/redis-errors/-/redis-errors-1.2.0.tgz",
+      "integrity": "sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/redis-parser": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redis-parser/-/redis-parser-3.0.0.tgz",
+      "integrity": "sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "redis-errors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz",
+      "integrity": "sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
+      "license": "MIT"
+    },
+    "node_modules/regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz",
+      "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexpp": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
+      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/regjsgen": "^0.8.0",
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.1.0",
+        "regjsparser": "^0.9.1",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/replace-in-file": {
+      "version": "6.3.5",
+      "resolved": "https://registry.npmjs.org/replace-in-file/-/replace-in-file-6.3.5.tgz",
+      "integrity": "sha512-arB9d3ENdKva2fxRnSjwBEXfK1npgyci7ZZuwysgAp7ORjHSyxz6oqIjTEv8R0Ydl4Ll7uOAZXL4vbkhGIizCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "glob": "^7.2.0",
+        "yargs": "^17.2.1"
+      },
+      "bin": {
+        "replace-in-file": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/replace-in-file/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/req-all": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/req-all/-/req-all-0.1.0.tgz",
+      "integrity": "sha512-ZdvPr8uXy9ujX3KujwE2P1HWkMYgogIhqeAeyb47MqWjSfyxERSm0TNbN/IapCCmWDufXab04AYrRgObaJCJ6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.4",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz",
+      "integrity": "sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-path": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/resolve-path/-/resolve-path-1.4.0.tgz",
+      "integrity": "sha512-i1xevIst/Qa+nA9olDxLWnLk8YZbi8R/7JPbCMcgyWaFR6bKWaexgJgEB5oc2PKMjYdrHynyz0NY+if+H98t1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "http-errors": "~1.6.2",
+        "path-is-absolute": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/resolve-path/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/resolve-path/node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/resolve-path/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/resolve-path/node_modules/setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/resolve-path/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rgbcolor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz",
+      "integrity": "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==",
+      "license": "MIT OR SEE LICENSE IN FEEL-FREE.md",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.8.15"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rimraf/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "3.27.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.27.2.tgz",
+      "integrity": "sha512-YGwmHf7h2oUHkVBT248x0yt6vZkYQ3/rvE5iQuVBh3WO8GcJ6BNeOkpoX1yMHIiBm18EMLjBPIoUDkhgnyxGOQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rollup-plugin-terser": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
+      "integrity": "sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==",
+      "deprecated": "This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "jest-worker": "^26.2.1",
+        "serialize-javascript": "^4.0.0",
+        "terser": "^5.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.0.0"
+      }
+    },
+    "node_modules/rollup-plugin-terser/node_modules/serialize-javascript": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/rollup-plugin-visualizer": {
+      "version": "5.9.2",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.9.2.tgz",
+      "integrity": "sha512-waHktD5mlWrYFrhOLbti4YgQCn1uR24nYsNuXxg7LkPH8KdTXVWR9DNY1WU0QqokyMixVXJS4J04HNrVTMP01A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "open": "^8.4.0",
+        "picomatch": "^2.3.1",
+        "source-map": "^0.7.4",
+        "yargs": "^17.5.1"
+      },
+      "bin": {
+        "rollup-plugin-visualizer": "dist/bin/cli.js"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "rollup": "2.x || 3.x"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rope-sequence": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
+      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
+      "license": "MIT"
+    },
+    "node_modules/rrweb-cssom": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+      "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
+      "license": "MIT"
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz",
+      "integrity": "sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "is-regex": "^1.1.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/sass": {
+      "version": "1.64.2",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.64.2.tgz",
+      "integrity": "sha512-TnDlfc+CRnUAgLO9D8cQLFu/GIjJIzJCGkE7o4ekIGQOH7T3GetiRR/PsTWJUHhkzcSPrARkPI+gNWn5alCzDg==",
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/screenfull": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.2.0.tgz",
+      "integrity": "sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/scule": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/scule/-/scule-1.0.0.tgz",
+      "integrity": "sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/send/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/serve-placeholder": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/serve-placeholder/-/serve-placeholder-2.0.1.tgz",
+      "integrity": "sha512-rUzLlXk4uPFnbEaIz3SW8VISTxMuONas88nYWjAWaM2W9VDbt9tyFOr3lq8RhVOFrT3XISoBw8vni5una8qMnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "defu": "^6.0.0"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.18.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "get-intrinsic": "^1.0.2",
+        "object-inspect": "^1.9.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/sisteransi": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/slash": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/smob": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/smob/-/smob-1.4.0.tgz",
+      "integrity": "sha512-MqR3fVulhjWuRNSMydnTlweu38UhQ0HXM4buStD/S3mc/BzX3CuM9OmhyQpmtYCvoYdl5ris6TI0ZqH355Ymqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sortablejs": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz",
+      "integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==",
+      "license": "MIT"
+    },
+    "node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ssr-window": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/ssr-window/-/ssr-window-4.0.2.tgz",
+      "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==",
+      "license": "MIT"
+    },
+    "node_modules/stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
+      "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility",
+      "license": "MIT"
+    },
+    "node_modules/stackblur-canvas": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz",
+      "integrity": "sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.1.14"
+      }
+    },
+    "node_modules/standard-as-callback": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/standard-as-callback/-/standard-as-callback-2.1.0.tgz",
+      "integrity": "sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/std-env": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.3.3.tgz",
+      "integrity": "sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==",
+      "license": "MIT"
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-natural-compare": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/string-natural-compare/-/string-natural-compare-3.0.1.tgz",
+      "integrity": "sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==",
+      "license": "MIT"
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
+      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.4.3",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz",
+      "integrity": "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz",
+      "integrity": "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz",
+      "integrity": "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/stringify-object": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.3.0.tgz",
+      "integrity": "sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "get-own-enumerable-property-symbols": "^3.0.0",
+        "is-obj": "^1.0.1",
+        "is-regexp": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-comments/-/strip-comments-2.0.1.tgz",
+      "integrity": "sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-literal": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.3.0.tgz",
+      "integrity": "sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/style-mod": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.0.3.tgz",
+      "integrity": "sha512-78Jv8kYJdjbvRwwijtCevYADfsI0lGzYJe4mMFdceO8l75DFFDoqBhR1jVDicDRRaX4//g1u9wKeo+ztc2h1Rw==",
+      "license": "MIT"
+    },
+    "node_modules/stylehacks": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz",
+      "integrity": "sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
+      "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "7.1.6",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-pathdata": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz",
+      "integrity": "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
+      "dev": true
+    },
+    "node_modules/svg.draggable.js": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/svg.draggable.js/-/svg.draggable.js-2.2.2.tgz",
+      "integrity": "sha512-JzNHBc2fLQMzYCZ90KZHN2ohXL0BQJGQimK1kGk6AvSeibuKcIdDX9Kr0dT9+UJ5O8nYA0RB839Lhvk4CY4MZw==",
+      "license": "MIT",
+      "dependencies": {
+        "svg.js": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/svg.easing.js": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/svg.easing.js/-/svg.easing.js-2.0.0.tgz",
+      "integrity": "sha512-//ctPdJMGy22YoYGV+3HEfHbm6/69LJUTAqI2/5qBvaNHZ9uUFVC82B0Pl299HzgH13rKrBgi4+XyXXyVWWthA==",
+      "license": "MIT",
+      "dependencies": {
+        "svg.js": ">=2.3.x"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/svg.filter.js": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/svg.filter.js/-/svg.filter.js-2.0.2.tgz",
+      "integrity": "sha512-xkGBwU+dKBzqg5PtilaTb0EYPqPfJ9Q6saVldX+5vCRy31P6TlRCP3U9NxH3HEufkKkpNgdTLBJnmhDHeTqAkw==",
+      "license": "MIT",
+      "dependencies": {
+        "svg.js": "^2.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/svg.js": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/svg.js/-/svg.js-2.7.1.tgz",
+      "integrity": "sha512-ycbxpizEQktk3FYvn/8BH+6/EuWXg7ZpQREJvgacqn46gIddG24tNNe4Son6omdXCnSOaApnpZw6MPCBA1dODA==",
+      "license": "MIT"
+    },
+    "node_modules/svg.pathmorphing.js": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/svg.pathmorphing.js/-/svg.pathmorphing.js-0.1.3.tgz",
+      "integrity": "sha512-49HWI9X4XQR/JG1qXkSDV8xViuTLIWm/B/7YuQELV5KMOPtXjiwH4XPJvr/ghEDibmLQ9Oc22dpWpG0vUDDNww==",
+      "license": "MIT",
+      "dependencies": {
+        "svg.js": "^2.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/svg.resize.js": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/svg.resize.js/-/svg.resize.js-1.4.3.tgz",
+      "integrity": "sha512-9k5sXJuPKp+mVzXNvxz7U0uC9oVMQrrf7cFsETznzUDDm0x8+77dtZkWdMfRlmbkEEYvUn9btKuZ3n41oNA+uw==",
+      "license": "MIT",
+      "dependencies": {
+        "svg.js": "^2.6.5",
+        "svg.select.js": "^2.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/svg.resize.js/node_modules/svg.select.js": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/svg.select.js/-/svg.select.js-2.1.2.tgz",
+      "integrity": "sha512-tH6ABEyJsAOVAhwcCjF8mw4crjXSI1aa7j2VQR8ZuJ37H2MBUbyeqYr5nEO7sSN3cy9AR9DUwNg0t/962HlDbQ==",
+      "license": "MIT",
+      "dependencies": {
+        "svg.js": "^2.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/svg.select.js": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/svg.select.js/-/svg.select.js-3.0.1.tgz",
+      "integrity": "sha512-h5IS/hKkuVCbKSieR9uQCj9w+zLHoPh+ce19bBYyqF53g6mnPB8sAtIbe1s9dh2S2fCmYX2xel1Ln3PJBbK4kw==",
+      "license": "MIT",
+      "dependencies": {
+        "svg.js": "^2.6.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/svgo": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz",
+      "integrity": "sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^2.2.1",
+        "csso": "^5.0.5",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/sweetalert2": {
+      "version": "11.7.20",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.7.20.tgz",
+      "integrity": "sha512-GdU1TkiLpGGC0mcPV8bKmS7G0MR7caxambPkEU8zyepRSNR9EaEvIjNhX5QNkL0VFVzHbI3l12NtuEklkJ0D4Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/limonte"
+      }
+    },
+    "node_modules/swiper": {
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-8.4.7.tgz",
+      "integrity": "sha512-VwO/KU3i9IV2Sf+W2NqyzwWob4yX9Qdedq6vBtS0rFqJ6Fa5iLUJwxQkuD4I38w0WDJwmFl8ojkdcRFPHWD+2g==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "dom7": "^4.0.4",
+        "ssr-window": "^4.0.2"
+      },
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "license": "MIT"
+    },
+    "node_modules/tailwind-config-viewer": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/tailwind-config-viewer/-/tailwind-config-viewer-1.7.2.tgz",
+      "integrity": "sha512-3JJCeAAlvG+i/EBj+tQb0x4weo30QjdSAo4hlcnVbtD+CkpzHi/UwU9InbPMcYH+ESActoa2kCyjpLEyjEkn0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@koa/router": "^9.0.1",
+        "commander": "^6.0.0",
+        "fs-extra": "^9.0.1",
+        "koa": "^2.12.0",
+        "koa-static": "^5.0.0",
+        "open": "^7.0.4",
+        "portfinder": "^1.0.26",
+        "replace-in-file": "^6.1.0"
+      },
+      "bin": {
+        "tailwind-config-viewer": "cli/index.js",
+        "tailwindcss-config-viewer": "cli/index.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "tailwindcss": "1 || 2 || 2.0.1-compat || 3"
+      }
+    },
+    "node_modules/tailwind-config-viewer/node_modules/commander": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
+      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/tailwind-config-viewer/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tailwind-config-viewer/node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/tailwind-config-viewer/node_modules/open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz",
+      "integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.2.12",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.18.2",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar": {
+      "version": "6.1.15",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.15.tgz",
+      "integrity": "sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==",
+      "license": "ISC",
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC"
+    },
+    "node_modules/temp-dir": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
+      "integrity": "sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tempy": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tempy/-/tempy-0.6.0.tgz",
+      "integrity": "sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-stream": "^2.0.0",
+        "temp-dir": "^2.0.0",
+        "type-fest": "^0.16.0",
+        "unique-string": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/tempy/node_modules/type-fest": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.16.0.tgz",
+      "integrity": "sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.40.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.40.0.tgz",
+      "integrity": "sha512-cfeKl/jjwSR5ar7d0FGmave9hFGJT8obyo0z+CrQOylLDbk7X81nPU6vq9VORa5jU30SkDnT2FXjLbR8HLP+xA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.14.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser/node_modules/acorn": {
+      "version": "8.14.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/thememirror": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/thememirror/-/thememirror-2.0.1.tgz",
+      "integrity": "sha512-d5i6FVvWWPkwrm4cHLI3t9AT1OrkAt7Ig8dtdYSofgF7C/eiyNuq6zQzSTusWTde3jpW9WLvA9J/fzNKMUsd0w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz",
+      "integrity": "sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tippy.js": {
+      "version": "6.3.7",
+      "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+      "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@popperjs/core": "^2.9.0"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "7.0.17",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.17.tgz",
+      "integrity": "sha512-Y1KQBgDd/NUc+LfOtKS6mNsC9CCaH+m2P1RoIZy7RAPo3C3/t8X45+zgut31cRZtZ3xKPjfn3TkGTrctC2TQIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^7.0.17"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "7.0.17",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.17.tgz",
+      "integrity": "sha512-DieYoGrP78PWKsrXr8MZwtQ7GLCUeLxihtjC1jZsW1DnvSMdKPitJSe8OSYDM2u5H6g3kWJZpePqkp43TfLh0g==",
+      "license": "MIT"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.0.tgz",
+      "integrity": "sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^7.0.5"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
+      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.1.tgz",
+      "integrity": "sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==",
+      "license": "0BSD"
+    },
+    "node_modules/tsscmp": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/tsscmp/-/tsscmp-1.0.6.tgz",
+      "integrity": "sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.x"
+      }
+    },
+    "node_modules/tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^1.8.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "peerDependencies": {
+        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+      }
+    },
+    "node_modules/tsutils/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "license": "0BSD"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "has-proto": "^1.0.1",
+        "is-typed-array": "^1.1.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
+      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "is-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+      "license": "MIT"
+    },
+    "node_modules/ufo": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.2.0.tgz",
+      "integrity": "sha512-RsPyTbqORDNDxqAdQPQBpgqhWle1VcTSou/FraClYlHf6TZnQcGslpLcAphNR+sQW4q5lLWLbOsRlh9j24baQg==",
+      "license": "MIT"
+    },
+    "node_modules/ultrahtml": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.3.0.tgz",
+      "integrity": "sha512-xmXvE8tC8t4PVqy0/g1fe7H9USY/Brr425q4dD/0QbQMQit7siCtb06+SCqE4GfU24nwsZz8Th1g7L7mm1lL5g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/uncrypto": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/uncrypto/-/uncrypto-0.1.3.tgz",
+      "integrity": "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unctx": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/unctx/-/unctx-2.3.1.tgz",
+      "integrity": "sha512-PhKke8ZYauiqh3FEMVNm7ljvzQiph0Mt3GBRve03IJm7ukfaON2OBK795tLwhbyfzknuRRkW0+Ze+CQUmzOZ+A==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.8.2",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.0",
+        "unplugin": "^1.3.1"
+      }
+    },
+    "node_modules/undici": {
+      "version": "5.23.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-5.23.0.tgz",
+      "integrity": "sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "busboy": "^1.6.0"
+      },
+      "engines": {
+        "node": ">=14.0"
+      }
+    },
+    "node_modules/unenv": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/unenv/-/unenv-1.6.2.tgz",
+      "integrity": "sha512-oDbB3arlgPB8Berj4nD7z9ydzF8ITInlBunf0a+3YJkLDhI1DJrUdmv2ovPXAIXvxzW4FTIGtWqng6dk7/kziA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "consola": "^3.2.3",
+        "defu": "^6.1.2",
+        "mime": "^3.0.0",
+        "node-fetch-native": "^1.2.0",
+        "pathe": "^1.1.1"
+      }
+    },
+    "node_modules/unhead": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/unhead/-/unhead-1.2.2.tgz",
+      "integrity": "sha512-9wDuiso7YWNe0BTA5NGsHR0dtqn0YrL/5+NumfuXDxxYykavc6N27pzZxTXiuvVHbod8tFicsxA6pC9WhQvzqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@unhead/dom": "1.2.2",
+        "@unhead/schema": "1.2.2",
+        "@unhead/shared": "1.2.2",
+        "hookable": "^5.5.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unimport": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-3.1.3.tgz",
+      "integrity": "sha512-up4TE2yA+nMyyErGTjbYGVw95MriGa2hVRXQ3/JRp7984cwwqULcnBjHaovVpsO8tZc2j0fvgGu9yiBKOyxvYw==",
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.2",
+        "escape-string-regexp": "^5.0.0",
+        "fast-glob": "^3.3.1",
+        "local-pkg": "^0.4.3",
+        "magic-string": "^0.30.2",
+        "mlly": "^1.4.0",
+        "pathe": "^1.1.1",
+        "pkg-types": "^1.0.3",
+        "scule": "^1.0.0",
+        "strip-literal": "^1.3.0",
+        "unplugin": "^1.4.0"
+      }
+    },
+    "node_modules/unimport/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/unique-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
+      "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "crypto-random-string": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.4.0.tgz",
+      "integrity": "sha512-5x4eIEL6WgbzqGtF9UV8VEC/ehKptPXDS6L2b0mv4FRMkJxRtjaJfOWDd6a8+kYbqsjklix7yWP0N3SUepjXcg==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "chokidar": "^3.5.3",
+        "webpack-sources": "^3.2.3",
+        "webpack-virtual-modules": "^0.5.0"
+      }
+    },
+    "node_modules/unplugin-vue-router": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/unplugin-vue-router/-/unplugin-vue-router-0.6.4.tgz",
+      "integrity": "sha512-9THVhhtbVFxbsIibjK59oPwMI1UCxRWRPX7azSkTUABsxovlOXJys5SJx0kd/0oKIqNJuYgkRfAgPuO77SqCOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.21.5",
+        "@rollup/pluginutils": "^5.0.2",
+        "@vue-macros/common": "^1.3.1",
+        "ast-walker-scope": "^0.4.1",
+        "chokidar": "^3.5.3",
+        "fast-glob": "^3.2.12",
+        "json5": "^2.2.3",
+        "local-pkg": "^0.4.3",
+        "mlly": "^1.2.0",
+        "pathe": "^1.1.0",
+        "scule": "^1.0.0",
+        "unplugin": "^1.3.1",
+        "yaml": "^2.2.2"
+      },
+      "peerDependencies": {
+        "vue-router": "^4.1.0"
+      },
+      "peerDependenciesMeta": {
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-vue-router/node_modules/yaml": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
+      "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/unstorage": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/unstorage/-/unstorage-1.9.0.tgz",
+      "integrity": "sha512-VpD8ZEYc/le8DZCrny3bnqKE4ZjioQxBRnWE+j5sGNvziPjeDlaS1NaFFHzl/kkXaO3r7UaF8MGQrs14+1B4pQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "^3.1.3",
+        "chokidar": "^3.5.3",
+        "destr": "^2.0.1",
+        "h3": "^1.7.1",
+        "ioredis": "^5.3.2",
+        "listhen": "^1.2.2",
+        "lru-cache": "^10.0.0",
+        "mri": "^1.2.0",
+        "node-fetch-native": "^1.2.0",
+        "ofetch": "^1.1.1",
+        "ufo": "^1.2.0"
+      },
+      "peerDependencies": {
+        "@azure/app-configuration": "^1.4.1",
+        "@azure/cosmos": "^3.17.3",
+        "@azure/data-tables": "^13.2.2",
+        "@azure/identity": "^3.2.3",
+        "@azure/keyvault-secrets": "^4.7.0",
+        "@azure/storage-blob": "^12.14.0",
+        "@capacitor/preferences": "^5.0.0",
+        "@planetscale/database": "^1.8.0",
+        "@upstash/redis": "^1.22.0",
+        "@vercel/kv": "^0.2.2",
+        "idb-keyval": "^6.2.1"
+      },
+      "peerDependenciesMeta": {
+        "@azure/app-configuration": {
+          "optional": true
+        },
+        "@azure/cosmos": {
+          "optional": true
+        },
+        "@azure/data-tables": {
+          "optional": true
+        },
+        "@azure/identity": {
+          "optional": true
+        },
+        "@azure/keyvault-secrets": {
+          "optional": true
+        },
+        "@azure/storage-blob": {
+          "optional": true
+        },
+        "@capacitor/preferences": {
+          "optional": true
+        },
+        "@planetscale/database": {
+          "optional": true
+        },
+        "@upstash/redis": {
+          "optional": true
+        },
+        "@vercel/kv": {
+          "optional": true
+        },
+        "idb-keyval": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unstorage/node_modules/lru-cache": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.0.tgz",
+      "integrity": "sha512-svTf/fzsKHffP42sujkO/Rjs37BCIsQVRCeNYIm9WN8rgT7ffoUnRtZCqU+6BqcSBdv8gwJeTz8knJpgACeQMw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/untyped": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/untyped/-/untyped-1.4.0.tgz",
+      "integrity": "sha512-Egkr/s4zcMTEuulcIb7dgURS6QpN7DyqQYdf+jBtiaJvQ+eRsrtWUoX84SbvQWuLkXsOjM+8sJC9u6KoMK/U7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.22.9",
+        "@babel/standalone": "^7.22.9",
+        "@babel/types": "^7.22.5",
+        "defu": "^6.1.2",
+        "jiti": "^1.19.1",
+        "mri": "^1.2.0",
+        "scule": "^1.0.0"
+      },
+      "bin": {
+        "untyped": "dist/cli.mjs"
+      }
+    },
+    "node_modules/upath": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+      "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4",
+        "yarn": "*"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/utrie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "base64-arraybuffer": "^1.0.2"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/v-calendar": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/v-calendar/-/v-calendar-3.0.3.tgz",
+      "integrity": "sha512-Skpp/nMoFqFadm94aWj0oOfazoux5T5Ug3/pbRbdolkoDrnVcL7Ronw1/SGFRUPGOwnLdYwhKPhrhSE1segW6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "^4.14.165",
+        "@types/resize-observer-browser": "^0.1.7",
+        "date-fns": "^2.16.1",
+        "date-fns-tz": "^1.0.12",
+        "lodash": "^4.17.20",
+        "vue-screen-utils": "^1.0.0-beta.13"
+      },
+      "peerDependencies": {
+        "@popperjs/core": "^2.0.0",
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vite": {
+      "version": "4.3.9",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz",
+      "integrity": "sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.17.5",
+        "postcss": "^8.4.23",
+        "rollup": "^3.21.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 14",
+        "less": "*",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-node": {
+      "version": "0.33.0",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.33.0.tgz",
+      "integrity": "sha512-19FpHYbwWWxDr73ruNahC+vtEdza52kA90Qb3La98yZ0xULqV8A5JLNPUff0f5zID4984tW7l3DH2przTJUZSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cac": "^6.7.14",
+        "debug": "^4.3.4",
+        "mlly": "^1.4.0",
+        "pathe": "^1.1.1",
+        "picocolors": "^1.0.0",
+        "vite": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "vite-node": "vite-node.mjs"
+      },
+      "engines": {
+        "node": ">=v14.18.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/vite-plugin-checker": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.6.1.tgz",
+      "integrity": "sha512-4fAiu3W/IwRJuJkkUZlWbLunSzsvijDf0eDN6g/MGh6BUK4SMclOTGbLJCPvdAcMOQvVmm8JyJeYLYd4//8CkA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.12.13",
+        "ansi-escapes": "^4.3.0",
+        "chalk": "^4.1.1",
+        "chokidar": "^3.5.1",
+        "commander": "^8.0.0",
+        "fast-glob": "^3.2.7",
+        "fs-extra": "^11.1.0",
+        "lodash.debounce": "^4.0.8",
+        "lodash.pick": "^4.4.0",
+        "npm-run-path": "^4.0.1",
+        "semver": "^7.5.0",
+        "strip-ansi": "^6.0.0",
+        "tiny-invariant": "^1.1.0",
+        "vscode-languageclient": "^7.0.0",
+        "vscode-languageserver": "^7.0.0",
+        "vscode-languageserver-textdocument": "^1.0.1",
+        "vscode-uri": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "peerDependencies": {
+        "eslint": ">=7",
+        "meow": "^9.0.0",
+        "optionator": "^0.9.1",
+        "stylelint": ">=13",
+        "typescript": "*",
+        "vite": ">=2.0.0",
+        "vls": "*",
+        "vti": "*",
+        "vue-tsc": ">=1.3.9"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        },
+        "meow": {
+          "optional": true
+        },
+        "optionator": {
+          "optional": true
+        },
+        "stylelint": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        },
+        "vls": {
+          "optional": true
+        },
+        "vti": {
+          "optional": true
+        },
+        "vue-tsc": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-plugin-checker/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/vite-plugin-checker/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vite-plugin-checker/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vite-plugin-checker/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/vite-plugin-pwa": {
+      "version": "0.16.4",
+      "resolved": "https://registry.npmjs.org/vite-plugin-pwa/-/vite-plugin-pwa-0.16.4.tgz",
+      "integrity": "sha512-lmwHFIs9zI2H9bXJld/zVTbCqCQHZ9WrpyDMqosICDV0FVnCJwniX1NMDB79HGTIZzOQkY4gSZaVTJTw6maz/Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "fast-glob": "^3.2.12",
+        "pretty-bytes": "^6.0.0",
+        "workbox-build": "^7.0.0",
+        "workbox-window": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vite": "^3.1.0 || ^4.0.0",
+        "workbox-build": "^7.0.0",
+        "workbox-window": "^7.0.0"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
+      "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
+      "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
+      "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
+      "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
+      "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
+      "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
+      "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
+      "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
+      "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
+      "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
+      "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
+      "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
+      "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
+      "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-s390x": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
+      "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
+      "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/sunos-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
+      "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
+      "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
+      "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
+      "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
+      "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.17.19",
+        "@esbuild/android-arm64": "0.17.19",
+        "@esbuild/android-x64": "0.17.19",
+        "@esbuild/darwin-arm64": "0.17.19",
+        "@esbuild/darwin-x64": "0.17.19",
+        "@esbuild/freebsd-arm64": "0.17.19",
+        "@esbuild/freebsd-x64": "0.17.19",
+        "@esbuild/linux-arm": "0.17.19",
+        "@esbuild/linux-arm64": "0.17.19",
+        "@esbuild/linux-ia32": "0.17.19",
+        "@esbuild/linux-loong64": "0.17.19",
+        "@esbuild/linux-mips64el": "0.17.19",
+        "@esbuild/linux-ppc64": "0.17.19",
+        "@esbuild/linux-riscv64": "0.17.19",
+        "@esbuild/linux-s390x": "0.17.19",
+        "@esbuild/linux-x64": "0.17.19",
+        "@esbuild/netbsd-x64": "0.17.19",
+        "@esbuild/openbsd-x64": "0.17.19",
+        "@esbuild/sunos-x64": "0.17.19",
+        "@esbuild/win32-arm64": "0.17.19",
+        "@esbuild/win32-ia32": "0.17.19",
+        "@esbuild/win32-x64": "0.17.19"
+      }
+    },
+    "node_modules/vscode-jsonrpc": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-6.0.0.tgz",
+      "integrity": "sha512-wnJA4BnEjOSyFMvjZdpiOwhSq9uDoK8e/kpRJDTaMYzwlkrhG1fwDIZI94CLsLzlCK5cIbMMtFlJlfR57Lavmg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.0.0 || >=10.0.0"
+      }
+    },
+    "node_modules/vscode-languageclient": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/vscode-languageclient/-/vscode-languageclient-7.0.0.tgz",
+      "integrity": "sha512-P9AXdAPlsCgslpP9pRxYPqkNYV7Xq8300/aZDpO35j1fJm/ncize8iGswzYlcvFw5DQUx4eVk+KvfXdL0rehNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimatch": "^3.0.4",
+        "semver": "^7.3.4",
+        "vscode-languageserver-protocol": "3.16.0"
+      },
+      "engines": {
+        "vscode": "^1.52.0"
+      }
+    },
+    "node_modules/vscode-languageclient/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vscode-languageclient/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vscode-languageclient/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/vscode-languageserver": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-7.0.0.tgz",
+      "integrity": "sha512-60HTx5ID+fLRcgdHfmz0LDZAXYEV68fzwG0JWwEPBode9NuMYTIxuYXPg4ngO8i8+Ou0lM7y6GzaYWbiDL0drw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "vscode-languageserver-protocol": "3.16.0"
+      },
+      "bin": {
+        "installServerIntoExtension": "bin/installServerIntoExtension"
+      }
+    },
+    "node_modules/vscode-languageserver-protocol": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.16.0.tgz",
+      "integrity": "sha512-sdeUoAawceQdgIfTI+sdcwkiK2KU+2cbEYA0agzM2uqaUy2UpnnGHtWTHVEtS0ES4zHU0eMFRGN+oQgDxlD66A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "vscode-jsonrpc": "6.0.0",
+        "vscode-languageserver-types": "3.16.0"
+      }
+    },
+    "node_modules/vscode-languageserver-textdocument": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.8.tgz",
+      "integrity": "sha512-1bonkGqQs5/fxGT5UchTgjGVnfysL0O8v1AYMBjqTbWQTFn721zaPGDYFkOKtfDgFiSgXM3KwaG3FMGfW4Ed9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vscode-languageserver-types": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz",
+      "integrity": "sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.7.tgz",
+      "integrity": "sha512-eOpPHogvorZRobNqJGhapa0JdwaxpjVvyBp0QIUMRMSf8ZAlqOdEquKuRmw9Qwu0qXtJIWqFtMkmvJjUZmMjVA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz",
+      "integrity": "sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.3.4",
+        "@vue/compiler-sfc": "3.3.4",
+        "@vue/runtime-dom": "3.3.4",
+        "@vue/server-renderer": "3.3.4",
+        "@vue/shared": "3.3.4"
+      }
+    },
+    "node_modules/vue-bundle-renderer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/vue-bundle-renderer/-/vue-bundle-renderer-1.0.3.tgz",
+      "integrity": "sha512-EfjX+5TTUl70bki9hPuVp+54JiZOvFIfoWBcfXsSwLzKEiDYyHNi5iX8srnqLIv3YRnvxgbntdcG1WPq0MvffQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ufo": "^1.1.1"
+      }
+    },
+    "node_modules/vue-chart-3": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/vue-chart-3/-/vue-chart-3-3.1.8.tgz",
+      "integrity": "sha512-zX5ajjQi/PocEqLETlej3vp92q/tnI/Fvu2RVb++Kap8qOrXu6PXCpodi73BFrWzEGZIAnqoUxC3OIkRWD657g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/runtime-core": "latest",
+        "@vue/runtime-dom": "latest",
+        "csstype": "latest",
+        "lodash-es": "latest"
+      },
+      "peerDependencies": {
+        "chart.js": "=> ^3.1.0",
+        "vue": ">= 3"
+      }
+    },
+    "node_modules/vue-code-highlight": {
+      "version": "0.7.8",
+      "resolved": "https://registry.npmjs.org/vue-code-highlight/-/vue-code-highlight-0.7.8.tgz",
+      "integrity": "sha512-jMt1W0DGisNZ3B2TASFCPLEswohVrwImX+TxzMIZINZyAUUNZ1Xth3soJw1xepTsMgxkIkhsmN/xVNpiI3bU4g==",
+      "license": "MIT",
+      "dependencies": {
+        "prism-es6": "^1.2.0",
+        "vue": "^2.5.16"
+      }
+    },
+    "node_modules/vue-code-highlight/node_modules/@vue/compiler-sfc": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz",
+      "integrity": "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==",
+      "dependencies": {
+        "@babel/parser": "^7.18.4",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/vue-code-highlight/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vue-code-highlight/node_modules/vue": {
+      "version": "2.7.14",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz",
+      "integrity": "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==",
+      "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-sfc": "2.7.14",
+        "csstype": "^3.1.0"
+      }
+    },
+    "node_modules/vue-codemirror": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/vue-codemirror/-/vue-codemirror-6.1.1.tgz",
+      "integrity": "sha512-rTAYo44owd282yVxKtJtnOi7ERAcXTeviwoPXjIc6K/IQYUsoDkzPvw/JDFtSP6T7Cz/2g3EHaEyeyaQCKoDMg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/commands": "6.x",
+        "@codemirror/language": "6.x",
+        "@codemirror/state": "6.x",
+        "@codemirror/view": "6.x"
+      },
+      "peerDependencies": {
+        "codemirror": "6.x",
+        "vue": "3.x"
+      }
+    },
+    "node_modules/vue-country-flag-next": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/vue-country-flag-next/-/vue-country-flag-next-2.3.2.tgz",
+      "integrity": "sha512-Lv12L1VTwlBgizpZ3xPEPO3zuIETaJmeSiPuLOWLLgu2EakwU/o72iKYiKcdZ6BXiSkfss+Ski5fDzjuxZ1DcA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue-demi": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.5.tgz",
+      "integrity": "sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-devtools-stub": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/vue-devtools-stub/-/vue-devtools-stub-0.1.0.tgz",
+      "integrity": "sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue-eslint-parser": {
+      "version": "9.3.1",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz",
+      "integrity": "sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.6"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/eslint-visitor-keys": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz",
+      "integrity": "sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vue-eslint-parser/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/vue-fullscreen": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/vue-fullscreen/-/vue-fullscreen-3.1.1.tgz",
+      "integrity": "sha512-I59sIO0O22116gwVPo1qM2cNf5binEC5vTswIm8qJsqgatGfFquIJANpoVggSUS2EgUF0Xg4tHliT1ITcwQw8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "screenfull": "^5.1.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue-resize": {
+      "version": "2.0.0-alpha.1",
+      "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-2.0.0-alpha.1.tgz",
+      "integrity": "sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.2.4.tgz",
+      "integrity": "sha512-9PISkmaCO02OzPVOMq2w82ilty6+xJmQrarYZDkjZBfl4RvYAlt4PKnEX21oW4KTtWfa9OuO/b3qk1Od3AEdCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vue-screen-utils": {
+      "version": "1.0.0-beta.13",
+      "resolved": "https://registry.npmjs.org/vue-screen-utils/-/vue-screen-utils-1.0.0-beta.13.tgz",
+      "integrity": "sha512-EJ/8TANKhFj+LefDuOvZykwMr3rrLFPLNb++lNBqPOpVigT2ActRg6icH9RFQVm4nHwlHIHSGm5OY/Clar9yIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vue-select": {
+      "version": "4.0.0-beta.6",
+      "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-4.0.0-beta.6.tgz",
+      "integrity": "sha512-K+zrNBSpwMPhAxYLTCl56gaMrWZGgayoWCLqe5rWwkB8aUbAUh7u6sXjIR7v4ckp2WKC7zEEUY27g6h1MRsIHw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "3.x"
+      }
+    },
+    "node_modules/vue-sweetalert2": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/vue-sweetalert2/-/vue-sweetalert2-5.0.5.tgz",
+      "integrity": "sha512-Q7+TjQxNwGruT2jfPaSKMz18HHWs81r4umEwlrrtOf/QL5Iwl1T+tUaNkcvKB7Rf9rYftubt7NnOMjfDMnDH3A==",
+      "license": "MIT",
+      "dependencies": {
+        "sweetalert2": "11.x"
+      },
+      "peerDependencies": {
+        "vue": "*"
+      }
+    },
+    "node_modules/vue-toastification": {
+      "version": "2.0.0-rc.5",
+      "resolved": "https://registry.npmjs.org/vue-toastification/-/vue-toastification-2.0.0-rc.5.tgz",
+      "integrity": "sha512-q73e5jy6gucEO/U+P48hqX+/qyXDozAGmaGgLFm5tXX4wJBcVsnGp4e/iJqlm9xzHETYOilUuwOUje2Qg1JdwA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.0.2"
+      }
+    },
+    "node_modules/vue-window-size": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/vue-window-size/-/vue-window-size-1.2.1.tgz",
+      "integrity": "sha512-RA6Tl7gQcHqeOUNQuNfDxeXaNa26QXj6gkWUkwxvJVjXdJ57aaUGnfCMlkLz6BZQTOip78VxxTwbSwmQUZtfrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "window-resize-subject": "^1.5.0"
+      },
+      "peerDependencies": {
+        "vue": ">=3.0.0"
+      }
+    },
+    "node_modules/vue3-apexcharts": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.4.4.tgz",
+      "integrity": "sha512-TH89uZrxGjaDvkaYAISvj8+k6Bf1rUKFillc8oJirs5XZEPiwM1ELKZQ786wz0rfPqkSHHny2lqqUCK7Rw+LcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "apexcharts": "> 3.0.0",
+        "vue": "> 3.0.0"
+      }
+    },
+    "node_modules/vue3-click-away": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/vue3-click-away/-/vue3-click-away-1.2.4.tgz",
+      "integrity": "sha512-O9Z2KlvIhJT8OxaFy04eiZE9rc1Mk/bp+70dLok68ko3Kr8AW5dU+j8avSk4GDQu94FllSr4m5ul4BpzlKOw1A==",
+      "license": "MIT"
+    },
+    "node_modules/vue3-dropzone": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/vue3-dropzone/-/vue3-dropzone-2.0.1.tgz",
+      "integrity": "sha512-jY36ZhIpGCxyok6cKxFb2s9s15c1KXmLHxcHzHhjoPzZ5IHW7+2RrnYUenCdq88ym66KyknscNkJYJzh3C23hw==",
+      "license": "ISC",
+      "dependencies": {
+        "attr-accept": "^2.2.2",
+        "file-selector": "^0.2.4"
+      },
+      "peerDependencies": {
+        "vue": ">=3"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/vue3-perfect-scrollbar/-/vue3-perfect-scrollbar-1.6.1.tgz",
+      "integrity": "sha512-r9wfxlFwVyHXMPKG0PnR7fDfJPQ20KEVzKQfSU5by2WKYz2PwV0bTfyfejmEyZXsXL0O8VtSWtgxfPuFR2AGOg==",
+      "license": "MIT",
+      "dependencies": {
+        "cssnano": "^5.1.14",
+        "perfect-scrollbar": "^1.5.5",
+        "postcss-import": "^12.0.0"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/cssnano": {
+      "version": "5.1.15",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.1.15.tgz",
+      "integrity": "sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==",
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-preset-default": "^5.2.14",
+        "lilconfig": "^2.0.3",
+        "yaml": "^1.10.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/cssnano"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/cssnano-preset-default": {
+      "version": "5.2.14",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz",
+      "integrity": "sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==",
+      "license": "MIT",
+      "dependencies": {
+        "css-declaration-sorter": "^6.3.1",
+        "cssnano-utils": "^3.1.0",
+        "postcss-calc": "^8.2.3",
+        "postcss-colormin": "^5.3.1",
+        "postcss-convert-values": "^5.1.3",
+        "postcss-discard-comments": "^5.1.2",
+        "postcss-discard-duplicates": "^5.1.0",
+        "postcss-discard-empty": "^5.1.1",
+        "postcss-discard-overridden": "^5.1.0",
+        "postcss-merge-longhand": "^5.1.7",
+        "postcss-merge-rules": "^5.1.4",
+        "postcss-minify-font-values": "^5.1.0",
+        "postcss-minify-gradients": "^5.1.1",
+        "postcss-minify-params": "^5.1.4",
+        "postcss-minify-selectors": "^5.2.1",
+        "postcss-normalize-charset": "^5.1.0",
+        "postcss-normalize-display-values": "^5.1.0",
+        "postcss-normalize-positions": "^5.1.1",
+        "postcss-normalize-repeat-style": "^5.1.1",
+        "postcss-normalize-string": "^5.1.0",
+        "postcss-normalize-timing-functions": "^5.1.0",
+        "postcss-normalize-unicode": "^5.1.1",
+        "postcss-normalize-url": "^5.1.0",
+        "postcss-normalize-whitespace": "^5.1.1",
+        "postcss-ordered-values": "^5.1.3",
+        "postcss-reduce-initial": "^5.1.2",
+        "postcss-reduce-transforms": "^5.1.0",
+        "postcss-svgo": "^5.1.0",
+        "postcss-unique-selectors": "^5.1.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/cssnano-utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
+      "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "license": "BSD-2-Clause",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/picocolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==",
+      "license": "ISC"
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss": {
+      "version": "7.0.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-calc": {
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-8.2.4.tgz",
+      "integrity": "sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.9",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.2"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-colormin": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-5.3.1.tgz",
+      "integrity": "sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "colord": "^2.9.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-convert-values": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz",
+      "integrity": "sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-discard-comments": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz",
+      "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-discard-duplicates": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
+      "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-discard-empty": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz",
+      "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-discard-overridden": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
+      "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-import": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-12.0.1.tgz",
+      "integrity": "sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss": "^7.0.1",
+        "postcss-value-parser": "^3.2.3",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-import/node_modules/postcss-value-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
+      "license": "MIT"
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-merge-longhand": {
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz",
+      "integrity": "sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "stylehacks": "^5.1.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-merge-rules": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz",
+      "integrity": "sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "cssnano-utils": "^3.1.0",
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-minify-font-values": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz",
+      "integrity": "sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-minify-gradients": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz",
+      "integrity": "sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==",
+      "license": "MIT",
+      "dependencies": {
+        "colord": "^2.9.1",
+        "cssnano-utils": "^3.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-minify-params": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz",
+      "integrity": "sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "cssnano-utils": "^3.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-minify-selectors": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz",
+      "integrity": "sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-normalize-charset": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
+      "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-normalize-display-values": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz",
+      "integrity": "sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-normalize-positions": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz",
+      "integrity": "sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-normalize-repeat-style": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz",
+      "integrity": "sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-normalize-string": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz",
+      "integrity": "sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-normalize-timing-functions": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz",
+      "integrity": "sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-normalize-unicode": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz",
+      "integrity": "sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-normalize-url": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz",
+      "integrity": "sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==",
+      "license": "MIT",
+      "dependencies": {
+        "normalize-url": "^6.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-normalize-whitespace": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz",
+      "integrity": "sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-ordered-values": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz",
+      "integrity": "sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-utils": "^3.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-reduce-initial": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz",
+      "integrity": "sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-reduce-transforms": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz",
+      "integrity": "sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-svgo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-5.1.0.tgz",
+      "integrity": "sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "svgo": "^2.7.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/postcss-unique-selectors": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz",
+      "integrity": "sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/stylehacks": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
+      "integrity": "sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==",
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/svgo": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
+      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
+      "license": "MIT",
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^4.1.3",
+        "css-tree": "^1.1.3",
+        "csso": "^4.2.0",
+        "picocolors": "^1.0.0",
+        "stable": "^0.1.8"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/vue3-perfect-scrollbar/node_modules/svgo/node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/vue3-recaptcha-v2": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/vue3-recaptcha-v2/-/vue3-recaptcha-v2-2.0.2.tgz",
+      "integrity": "sha512-uIxJG4+BVquSVJxCLdkJV3Y0IgXPG+sWqAG34qwHt9MungDFshuKprtrN48oJHcLXePLey/FEo2B5pbfMB5cjQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3"
+      }
+    },
+    "node_modules/vuedraggable": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
+      "integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
+      "license": "MIT",
+      "dependencies": {
+        "sortablejs": "1.14.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.1"
+      }
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/w3c-xmlserializer/node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/web-streams-polyfill": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
+      "integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz",
+      "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
+      "license": "MIT"
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz",
+      "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==",
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.2",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wide-align": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      }
+    },
+    "node_modules/window-resize-subject": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/window-resize-subject/-/window-resize-subject-1.5.0.tgz",
+      "integrity": "sha512-r+zXdtumr1+De51Lb3P561K+3t6PvEVXq+dTaEhikNY8Hj0UuzkYL3v9jo5TLpPaL7s9gkaX3Sb643HqYT7uSA==",
+      "license": "MIT"
+    },
+    "node_modules/workbox-background-sync": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-background-sync/-/workbox-background-sync-7.0.0.tgz",
+      "integrity": "sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "idb": "^7.0.1",
+        "workbox-core": "7.0.0"
+      }
+    },
+    "node_modules/workbox-broadcast-update": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-broadcast-update/-/workbox-broadcast-update-7.0.0.tgz",
+      "integrity": "sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "7.0.0"
+      }
+    },
+    "node_modules/workbox-build": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-build/-/workbox-build-7.0.0.tgz",
+      "integrity": "sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@apideck/better-ajv-errors": "^0.3.1",
+        "@babel/core": "^7.11.1",
+        "@babel/preset-env": "^7.11.0",
+        "@babel/runtime": "^7.11.2",
+        "@rollup/plugin-babel": "^5.2.0",
+        "@rollup/plugin-node-resolve": "^11.2.1",
+        "@rollup/plugin-replace": "^2.4.1",
+        "@surma/rollup-plugin-off-main-thread": "^2.2.3",
+        "ajv": "^8.6.0",
+        "common-tags": "^1.8.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "fs-extra": "^9.0.1",
+        "glob": "^7.1.6",
+        "lodash": "^4.17.20",
+        "pretty-bytes": "^5.3.0",
+        "rollup": "^2.43.1",
+        "rollup-plugin-terser": "^7.0.0",
+        "source-map": "^0.8.0-beta.0",
+        "stringify-object": "^3.3.0",
+        "strip-comments": "^2.0.1",
+        "tempy": "^0.6.0",
+        "upath": "^1.2.0",
+        "workbox-background-sync": "7.0.0",
+        "workbox-broadcast-update": "7.0.0",
+        "workbox-cacheable-response": "7.0.0",
+        "workbox-core": "7.0.0",
+        "workbox-expiration": "7.0.0",
+        "workbox-google-analytics": "7.0.0",
+        "workbox-navigation-preload": "7.0.0",
+        "workbox-precaching": "7.0.0",
+        "workbox-range-requests": "7.0.0",
+        "workbox-recipes": "7.0.0",
+        "workbox-routing": "7.0.0",
+        "workbox-strategies": "7.0.0",
+        "workbox-streams": "7.0.0",
+        "workbox-sw": "7.0.0",
+        "workbox-window": "7.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/workbox-build/node_modules/@rollup/plugin-node-resolve": {
+      "version": "11.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz",
+      "integrity": "sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^3.1.0",
+        "@types/resolve": "1.17.1",
+        "builtin-modules": "^3.1.0",
+        "deepmerge": "^4.2.2",
+        "is-module": "^1.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
+    "node_modules/workbox-build/node_modules/@rollup/plugin-replace": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz",
+      "integrity": "sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^3.1.0",
+        "magic-string": "^0.25.7"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0 || ^2.0.0"
+      }
+    },
+    "node_modules/workbox-build/node_modules/@rollup/pluginutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "0.0.39",
+        "estree-walker": "^1.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
+    "node_modules/workbox-build/node_modules/@types/estree": {
+      "version": "0.0.39",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/workbox-build/node_modules/@types/resolve": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
+      "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/workbox-build/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/workbox-build/node_modules/estree-walker": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/workbox-build/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/workbox-build/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/workbox-build/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/workbox-build/node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/workbox-build/node_modules/pretty-bytes": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
+      "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/workbox-build/node_modules/rollup": {
+      "version": "2.79.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
+      "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/workbox-build/node_modules/source-map": {
+      "version": "0.8.0-beta.0",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
+      "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
+      "deprecated": "The work that was done in this beta branch won't be included in future versions",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "whatwg-url": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/workbox-build/node_modules/tr46": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
+      "integrity": "sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/workbox-build/node_modules/webidl-conversions": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
+      "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/workbox-build/node_modules/whatwg-url": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
+      "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash.sortby": "^4.7.0",
+        "tr46": "^1.0.1",
+        "webidl-conversions": "^4.0.2"
+      }
+    },
+    "node_modules/workbox-cacheable-response": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-cacheable-response/-/workbox-cacheable-response-7.0.0.tgz",
+      "integrity": "sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "7.0.0"
+      }
+    },
+    "node_modules/workbox-core": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-core/-/workbox-core-7.0.0.tgz",
+      "integrity": "sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/workbox-expiration": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-expiration/-/workbox-expiration-7.0.0.tgz",
+      "integrity": "sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "idb": "^7.0.1",
+        "workbox-core": "7.0.0"
+      }
+    },
+    "node_modules/workbox-google-analytics": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-google-analytics/-/workbox-google-analytics-7.0.0.tgz",
+      "integrity": "sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==",
+      "deprecated": "It is not compatible with newer versions of GA starting with v4, as long as you are using GAv3 it should be ok, but the package is not longer being maintained",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-background-sync": "7.0.0",
+        "workbox-core": "7.0.0",
+        "workbox-routing": "7.0.0",
+        "workbox-strategies": "7.0.0"
+      }
+    },
+    "node_modules/workbox-navigation-preload": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-navigation-preload/-/workbox-navigation-preload-7.0.0.tgz",
+      "integrity": "sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "7.0.0"
+      }
+    },
+    "node_modules/workbox-precaching": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-precaching/-/workbox-precaching-7.0.0.tgz",
+      "integrity": "sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "7.0.0",
+        "workbox-routing": "7.0.0",
+        "workbox-strategies": "7.0.0"
+      }
+    },
+    "node_modules/workbox-range-requests": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-range-requests/-/workbox-range-requests-7.0.0.tgz",
+      "integrity": "sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "7.0.0"
+      }
+    },
+    "node_modules/workbox-recipes": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-recipes/-/workbox-recipes-7.0.0.tgz",
+      "integrity": "sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-cacheable-response": "7.0.0",
+        "workbox-core": "7.0.0",
+        "workbox-expiration": "7.0.0",
+        "workbox-precaching": "7.0.0",
+        "workbox-routing": "7.0.0",
+        "workbox-strategies": "7.0.0"
+      }
+    },
+    "node_modules/workbox-routing": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-routing/-/workbox-routing-7.0.0.tgz",
+      "integrity": "sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "7.0.0"
+      }
+    },
+    "node_modules/workbox-strategies": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-strategies/-/workbox-strategies-7.0.0.tgz",
+      "integrity": "sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "7.0.0"
+      }
+    },
+    "node_modules/workbox-streams": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-streams/-/workbox-streams-7.0.0.tgz",
+      "integrity": "sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "workbox-core": "7.0.0",
+        "workbox-routing": "7.0.0"
+      }
+    },
+    "node_modules/workbox-sw": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-sw/-/workbox-sw-7.0.0.tgz",
+      "integrity": "sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/workbox-window": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/workbox-window/-/workbox-window-7.0.0.tgz",
+      "integrity": "sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/trusted-types": "^2.0.2",
+        "workbox-core": "7.0.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "license": "MIT"
+    },
+    "node_modules/xss": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/xss/-/xss-1.0.14.tgz",
+      "integrity": "sha512-og7TEJhXvn1a7kzZGQ7ETjdQVS2UfZyTlsEdDOqvQF7GoxNfY+0YLCzBy1kPdsDDx4QuNAonQPddpsn6Xl/7sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^2.20.3",
+        "cssfilter": "0.0.10"
+      },
+      "bin": {
+        "xss": "bin/xss"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/xss/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/xxhashjs": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/xxhashjs/-/xxhashjs-0.2.2.tgz",
+      "integrity": "sha512-AkTuIuVTET12tpsVIQo+ZU6f/qDmKuRUcjaqR+OIvm+aCBsZ95i7UVY5WJ9TMsSaZ0DA2WxoZ4acu0sPH+OKAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cuint": "^0.2.2"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ylru": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/ylru/-/ylru-1.3.2.tgz",
+      "integrity": "sha512-RXRJzMiK6U2ye0BlGGZnmpwJDPgakn6aNQ0A7gHRbD4I0uvK4TW6UqkK1V0pp9jskjJBAXd3dRrbzWkqJ+6cxA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zhead": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/zhead/-/zhead-2.0.10.tgz",
+      "integrity": "sha512-irug8fXNKjqazkA27cFQs7C6/ZD3qNiEzLC56kDyzQART/Z9GMGfg8h2i6fb9c8ZWnIx/QgOgFJxK3A/CYHG0g==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/harlan-zw"
+      }
+    },
+    "node_modules/zip-stream": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-4.1.0.tgz",
+      "integrity": "sha512-zshzwQW7gG7hjpBlgeQP9RuyPGNxvJdzR8SUM3QhxCnLjWN2E7j3dOvpeDcQoETfHx0urRS7EtmVToql7YpU4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "archiver-utils": "^2.1.0",
+        "compress-commons": "^4.1.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..2e51e2c
--- /dev/null
+++ b/package.json
@@ -0,0 +1,95 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare",
+    "prisma": "npx prisma db pull && npx prisma generate && nuxt dev",
+    "seed-templates": "node scripts/seed-templates.js",
+    "test-api": "node scripts/test-api.js",
+    "debug-templates": "npm run test-api && npm run seed-templates"
+  },
+  "devDependencies": {
+    "@nuxtjs/tailwindcss": "^6.8.0",
+    "@pinia-plugin-persistedstate/nuxt": "^1.1.1",
+    "@vite-pwa/nuxt": "^0.1.0",
+    "eslint": "^8.39.0",
+    "eslint-plugin-vue": "^9.16.1",
+    "nuxt": "^3.6.5",
+    "nuxt-icon": "^0.1.7",
+    "nuxt-security": "^0.13.0",
+    "nuxt-typed-router": "^3.2.5",
+    "postcss-import": "^15.1.0"
+  },
+  "dependencies": {
+    "@babel/eslint-parser": "^7.19.1",
+    "@codemirror/lang-html": "^6.4.3",
+    "@codemirror/lang-javascript": "^6.1.6",
+    "@codemirror/lang-vue": "^0.1.1",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "@davestewart/nuxt-scrollbar": "^1.0.0",
+    "@formkit/addons": "^1.0.0",
+    "@formkit/auto-animate": "^0.7.0",
+    "@formkit/nuxt": "^1.0.0",
+    "@formkit/pro": "^0.115.3",
+    "@formkit/themes": "^1.0.0",
+    "@fullcalendar/core": "^5.11.3",
+    "@fullcalendar/daygrid": "^5.11.3",
+    "@fullcalendar/interaction": "^5.11.3",
+    "@fullcalendar/list": "^5.11.3",
+    "@fullcalendar/luxon2": "^5.11.3",
+    "@fullcalendar/scrollgrid": "^5.11.3",
+    "@fullcalendar/timegrid": "^5.11.3",
+    "@fullcalendar/vue3": "^5.11.2",
+    "@kiwicom/eslint-config": "^12.7.3",
+    "@pinia/nuxt": "^0.4.11",
+    "@popperjs/core": "^2.11.8",
+    "@prisma/client": "^5.1.1",
+    "@shimyshack/uid": "^0.1.7",
+    "@sweetalert2/theme-dark": "^5.0.14",
+    "@tiptap/extension-underline": "^2.12.0",
+    "@tiptap/pm": "^2.12.0",
+    "@tiptap/starter-kit": "^2.12.0",
+    "@tiptap/vue-3": "^2.12.0",
+    "@vueup/vue-quill": "^1.0.0",
+    "@vueuse/core": "^9.5.0",
+    "@vueuse/nuxt": "^9.5.0",
+    "apexcharts": "^3.36.0",
+    "chart.js": "^3.9.1",
+    "codemirror": "^6.0.1",
+    "cross-env": "^7.0.3",
+    "crypto-js": "^4.1.1",
+    "floating-vue": "^2.0.0-beta.24",
+    "isomorphic-dompurify": "^2.29.0",
+    "jsonwebtoken": "^8.5.1",
+    "jspdf": "^2.5.1",
+    "luxon": "^3.1.0",
+    "maska": "^1.5.0",
+    "nodemailer": "^7.0.6",
+    "pinia": "^2.1.6",
+    "prettier": "^2.8.1",
+    "prisma": "^5.1.1",
+    "sass": "^1.62.0",
+    "swiper": "^8.4.4",
+    "thememirror": "^2.0.1",
+    "uuid": "^10.0.0",
+    "v-calendar": "^3.0.3",
+    "vue-chart-3": "^3.1.8",
+    "vue-code-highlight": "^0.7.8",
+    "vue-codemirror": "^6.1.1",
+    "vue-country-flag-next": "^2.3.2",
+    "vue-fullscreen": "^3.1.1",
+    "vue-select": "^4.0.0-beta.5",
+    "vue-sweetalert2": "^5.0.5",
+    "vue-toastification": "^2.0.0-rc.5",
+    "vue-window-size": "^1.0.8",
+    "vue3-apexcharts": "^1.4.1",
+    "vue3-click-away": "^1.2.4",
+    "vue3-dropzone": "^2.0.1",
+    "vue3-recaptcha-v2": "^2.0.2",
+    "vuedraggable": "^4.1.0",
+    "zod": "^3.25.42"
+  }
+}
diff --git a/pages/dashboard/index.vue b/pages/dashboard/index.vue
new file mode 100644
index 0000000..361238f
--- /dev/null
+++ b/pages/dashboard/index.vue
@@ -0,0 +1,338 @@
+<script setup>
+definePageMeta({
+  title: "Dashboard",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/",
+    },
+  ],
+});
+
+// Data baru untuk lapangan terbang teratas
+const topAirports = ref([
+  {
+    rank: 1,
+    name: "Lapangan Terbang Antarabangsa Kuala Lumpur (KLIA)",
+    visitors: 62000000,
+  },
+  {
+    rank: 2,
+    name: "Lapangan Terbang Antarabangsa Kota Kinabalu",
+    visitors: 9000000,
+  },
+  { rank: 3, name: "Lapangan Terbang Antarabangsa Penang", visitors: 8000000 },
+  { rank: 4, name: "Lapangan Terbang Antarabangsa Kuching", visitors: 5500000 },
+  {
+    rank: 5,
+    name: "Lapangan Terbang Antarabangsa Langkawi",
+    visitors: 3000000,
+  },
+]);
+
+// Data baru untuk kad ringkasan pantas
+const quickSummary = ref([
+  { title: "Jumlah Pelawat", value: "10.5 Juta", icon: "ic:outline-people" },
+  {
+    title: "Pendapatan Pelancongan",
+    value: "RM 86.14 Bilion",
+    icon: "ic:outline-attach-money",
+  },
+  {
+    title: "Tempoh Penginapan Purata",
+    value: "6.1 Hari",
+    icon: "ic:outline-hotel",
+  },
+  {
+    title: "Kepuasan Pelancong",
+    value: "92%",
+    icon: "ic:outline-sentiment-satisfied",
+  },
+]);
+
+// Data Pelawat Malaysia
+const visitorData = ref([
+  {
+    name: "Pelawat Tempatan",
+    data: [5000000, 5500000, 6000000, 6500000, 7000000, 7500000],
+  },
+  {
+    name: "Pelawat Asing",
+    data: [3000000, 3500000, 4000000, 4500000, 5000000, 5500000],
+  },
+]);
+
+// Data Pelawat Asing mengikut Negeri
+const foreignVisitorsByState = ref([
+  { state: "Selangor", visitors: 1500000 },
+  { state: "Pulau Pinang", visitors: 1200000 },
+  { state: "Johor", visitors: 1000000 },
+  { state: "Sabah", visitors: 800000 },
+  { state: "Sarawak", visitors: 600000 },
+  { state: "Melaka", visitors: 500000 },
+  { state: "Kedah", visitors: 400000 },
+  { state: "Negeri Sembilan", visitors: 300000 },
+  { state: "Perak", visitors: 250000 },
+  { state: "Terengganu", visitors: 200000 },
+  { state: "Kelantan", visitors: 150000 },
+  { state: "Pahang", visitors: 100000 },
+  { state: "Perlis", visitors: 50000 },
+]);
+
+// Lapangan Terbang Keberangkatan Teratas
+const departureData = ref([
+  { airport: "JFK", departures: 1500 },
+  { airport: "LHR", departures: 1200 },
+  { airport: "CDG", departures: 1000 },
+  { airport: "DXB", departures: 800 },
+  { airport: "SIN", departures: 600 },
+]);
+
+// Data Pelancong Berulang
+const repeatVisitorsData = ref([
+  { category: "1-2 kali", percentage: 45 },
+  { category: "3-5 kali", percentage: 30 },
+  { category: "6-10 kali", percentage: 15 },
+  { category: ">10 kali", percentage: 10 },
+]);
+
+// Data Negara Asal Pelancong Asing Teratas
+const topVisitorCountries = ref([
+  { country: "Singapura", visitors: 1500000 },
+  { country: "Indonesia", visitors: 1200000 },
+  { country: "China", visitors: 1000000 },
+  { country: "Thailand", visitors: 800000 },
+  { country: "India", visitors: 600000 },
+]);
+
+const chartOptionsVisitors = computed(() => ({
+  chart: { height: 350, type: "line" },
+  stroke: { curve: "smooth", width: 2 },
+  xaxis: { categories: ["2018", "2019", "2020", "2021", "2022", "2023"] },
+  yaxis: { title: { text: "Bilangan Pelawat" } },
+}));
+
+const chartOptionsForeignVisitors = computed(() => ({
+  chart: { type: "bar" },
+  plotOptions: { bar: { horizontal: true } },
+  xaxis: { categories: foreignVisitorsByState.value.map((item) => item.state) },
+}));
+
+const chartOptionsDeparture = computed(() => ({
+  chart: { type: "bar" },
+  plotOptions: { bar: { horizontal: true } },
+  xaxis: { categories: departureData.value.map((item) => item.airport) },
+}));
+
+const chartOptionsRepeatVisitors = computed(() => ({
+  chart: { type: "pie" },
+  labels: repeatVisitorsData.value.map((item) => item.category),
+  responsive: [
+    {
+      breakpoint: 480,
+      options: {
+        chart: {
+          width: 200,
+        },
+        legend: {
+          position: "bottom",
+        },
+      },
+    },
+  ],
+}));
+
+const chartOptionsTopCountries = computed(() => ({
+  chart: { type: "bar" },
+  plotOptions: {
+    bar: { horizontal: false, columnWidth: "55%", endingShape: "rounded" },
+  },
+  dataLabels: { enabled: false },
+  stroke: { show: true, width: 2, colors: ["transparent"] },
+  xaxis: { categories: topVisitorCountries.value.map((item) => item.country) },
+  yaxis: { title: { text: "Bilangan Pelawat" } },
+  fill: { opacity: 1 },
+  tooltip: {
+    y: {
+      formatter: function (val) {
+        return val.toLocaleString() + " pelawat";
+      },
+    },
+  },
+}));
+
+onMounted(() => {
+  // Sebarang logik yang diperlukan semasa pemasangan
+});
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    <!-- Kad Ringkasan Pantas -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6">
+      <rs-card
+        v-for="(item, index) in quickSummary"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-5 flex justify-center items-center bg-primary/20 rounded-2xl transition-all duration-300 hover:bg-primary/30"
+          >
+            <Icon class="text-primary text-3xl" :name="item.icon"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight text-primary">
+              {{ item.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ item.title }}
+            </span>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+      <!-- Gambaran Keseluruhan Pelawat Malaysia -->
+      <rs-card class="col-span-1 lg:col-span-2">
+        <template #header>
+          <h2 class="text-xl font-bold text-primary">
+            Gambaran Keseluruhan Pelawat
+          </h2>
+        </template>
+        <template #body>
+          <client-only>
+            <VueApexCharts
+              width="100%"
+              height="350"
+              type="line"
+              :options="chartOptionsVisitors"
+              :series="visitorData"
+            ></VueApexCharts>
+          </client-only>
+        </template>
+      </rs-card>
+
+      <!-- Pelawat Asing mengikut Negeri -->
+      <rs-card>
+        <template #header>
+          <h2 class="text-lg font-semibold text-primary">
+            Pelawat Asing mengikut Negeri
+          </h2>
+        </template>
+        <template #body>
+          <client-only>
+            <VueApexCharts
+              width="100%"
+              height="300"
+              type="bar"
+              :options="chartOptionsForeignVisitors"
+              :series="[
+                { data: foreignVisitorsByState.map((item) => item.visitors) },
+              ]"
+            ></VueApexCharts>
+          </client-only>
+        </template>
+      </rs-card>
+
+      <!-- Pelancong Berulang -->
+      <rs-card>
+        <template #header>
+          <h2 class="text-lg font-semibold text-primary">
+            Kekerapan Lawatan Pelancong
+          </h2>
+        </template>
+        <template #body>
+          <client-only>
+            <VueApexCharts
+              width="100%"
+              height="300"
+              type="pie"
+              :options="chartOptionsRepeatVisitors"
+              :series="repeatVisitorsData.map((item) => item.percentage)"
+            ></VueApexCharts>
+          </client-only>
+        </template>
+      </rs-card>
+    </div>
+
+    <!-- Negara Asal Pelancong Asing Teratas -->
+    <rs-card class="mb-6">
+      <template #header>
+        <h2 class="text-xl font-bold text-primary">
+          Negara Asal Pelancong Asing Teratas
+        </h2>
+      </template>
+      <template #body>
+        <client-only>
+          <VueApexCharts
+            width="100%"
+            height="350"
+            type="bar"
+            :options="chartOptionsTopCountries"
+            :series="[
+              {
+                name: 'Pelawat',
+                data: topVisitorCountries.map((item) => item.visitors),
+              },
+            ]"
+          ></VueApexCharts>
+        </client-only>
+      </template>
+    </rs-card>
+
+    <rs-card class="mb-6">
+      <template #header>
+        <h2 class="text-xl font-bold text-primary">
+          Lapangan Terbang Teratas dengan Pelawat Terbanyak
+        </h2>
+      </template>
+      <template #body>
+        <div class="overflow-x-auto">
+          <table class="min-w-full divide-y divide-gray-200">
+            <thead class="bg-gray-50">
+              <tr>
+                <th
+                  class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+                >
+                  Kedudukan
+                </th>
+                <th
+                  class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+                >
+                  Nama Lapangan Terbang
+                </th>
+                <th
+                  class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+                >
+                  Jumlah Pelawat
+                </th>
+              </tr>
+            </thead>
+            <tbody class="bg-white divide-y divide-gray-200">
+              <tr
+                v-for="airport in topAirports"
+                :key="airport.rank"
+                class="hover:bg-gray-50 transition-colors duration-200"
+              >
+                <td class="px-6 py-4 whitespace-nowrap font-medium">
+                  {{ airport.rank }}
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap">{{ airport.name }}</td>
+                <td
+                  class="px-6 py-4 whitespace-nowrap font-semibold text-primary"
+                >
+                  {{ airport.visitors.toLocaleString() }}
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </template>
+    </rs-card>
+  </div>
+</template>
diff --git a/pages/devtool/api-editor/code/index.vue b/pages/devtool/api-editor/code/index.vue
new file mode 100644
index 0000000..d7a2ee0
--- /dev/null
+++ b/pages/devtool/api-editor/code/index.vue
@@ -0,0 +1,244 @@
+<script setup>
+// import pinia store
+import { useThemeStore } from "~/stores/theme";
+
+definePageMeta({
+  title: "API Code Editor",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal, $router } = useNuxtApp();
+const route = useRoute();
+const router = useRouter();
+
+const fileCode = ref("");
+const fileCodeConstant = ref("");
+const componentKey = ref(0);
+
+const hasError = ref(false);
+const error = ref("");
+
+const themeStore = useThemeStore();
+const editorTheme = ref({
+  label: themeStore.codeTheme,
+  value: themeStore.codeTheme,
+});
+const dropdownThemes = ref([]);
+
+const linterError = ref(false);
+const linterErrorText = ref("");
+const linterErrorColumn = ref(0);
+const linterErrorLine = ref(0);
+
+// Add new ref for loading state
+const isLinterChecking = ref(false);
+
+// Get all themes
+const themes = codemirrorThemes();
+
+// map the themes to the dropdown
+dropdownThemes.value = themes.map((theme) => {
+  return {
+    label: theme.name,
+    value: theme.name,
+  };
+});
+
+// watch for changes in the theme
+watch(editorTheme, (theme) => {
+  themeStore.setCodeTheme(theme.value);
+  forceRerender();
+});
+
+// Call API to get the code
+const { data } = await useFetch("/api/devtool/api/file-code", {
+  initialCache: false,
+  method: "GET",
+  query: {
+    path: route.query?.path,
+  },
+});
+
+if (data.value.statusCode === 200) {
+  fileCode.value = data.value.data;
+  fileCodeConstant.value = data.value.data;
+} else {
+  $swal
+    .fire({
+      title: "Error",
+      text: "The API you are trying to edit is not found. Please choose a API to edit.",
+      icon: "error",
+      confirmButtonText: "Ok",
+    })
+    .then(async (result) => {
+      if (result.isConfirmed) {
+        await $router.push("/devtool/api-editor");
+      }
+    });
+}
+
+async function formatCode() {
+  // Call API to get the code
+  const { data } = await useFetch("/api/devtool/api/prettier-format", {
+    initialCache: false,
+    method: "POST",
+    body: JSON.stringify({
+      code: fileCode.value,
+    }),
+  });
+  forceRerender();
+
+  if (data.value.statusCode === 200) {
+    fileCode.value = data.value.data;
+  }
+}
+
+async function checkLinterVue() {
+  isLinterChecking.value = true;
+  try {
+    // Call API to get the code
+    const { data } = await useFetch("/api/devtool/api/linter", {
+      initialCache: false,
+      method: "POST",
+      body: JSON.stringify({
+        code: fileCode.value,
+      }),
+    });
+
+    if (data.value.statusCode === 200) {
+      linterError.value = false;
+      linterErrorText.value = "";
+      linterErrorColumn.value = 0;
+      linterErrorLine.value = 0;
+    } else if (data.value.statusCode === 400) {
+      linterError.value = true;
+      linterErrorText.value = data.value.data.message;
+      linterErrorColumn.value = data.value.data.column;
+      linterErrorLine.value = data.value.data.line;
+    }
+  } finally {
+    isLinterChecking.value = false;
+  }
+}
+
+const forceRerender = () => {
+  componentKey.value += 1;
+};
+
+const keyPress = (key) => {
+  console.log(key);
+  const event = new KeyboardEvent("keydown", {
+    key: key,
+    ctrlKey: true,
+  });
+  console.log(event);
+  document.dispatchEvent(event);
+};
+
+const saveCode = async () => {
+  // Check Linter Vue
+  await checkLinterVue();
+
+  if (linterError.value) {
+    $swal.fire({
+      title: "Error",
+      text: "There is an error in your code. Please fix it before saving.",
+      icon: "error",
+      confirmButtonText: "Ok",
+    });
+    return;
+  }
+
+  const { data } = await useFetch("/api/devtool/api/save", {
+    initialCache: false,
+    method: "POST",
+    body: {
+      path: route.query?.path,
+      code: fileCode.value,
+      type: "update",
+    },
+  });
+  if (data.value.statusCode === 200) {
+    $swal.fire({
+      title: "Success",
+      text: "The code has been saved successfully.",
+      icon: "success",
+      confirmButtonText: "Ok",
+      timer: 1000,
+    });
+    setTimeout(() => {
+      $router.go();
+    }, 1000);
+  }
+};
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <rs-alert v-if="hasError" class="mb-4" variant="danger">{{
+      error
+    }}</rs-alert>
+    <rs-card>
+      <rs-tab fill>
+        <rs-tab-item title="Editor">
+          <div class="flex justify-end gap-2 mb-4">
+            <rs-button
+              class="!p-2"
+              @click="saveCode"
+              :disabled="isLinterChecking"
+            >
+              <div class="flex items-center">
+                <Icon
+                  v-if="!isLinterChecking"
+                  name="material-symbols:save-outline-rounded"
+                  size="20px"
+                  class="mr-1"
+                />
+                <Icon
+                  v-else
+                  name="eos-icons:loading"
+                  size="20px"
+                  class="mr-1 animate-spin"
+                />
+                {{ isLinterChecking ? "Checking..." : "Save API" }}
+              </div>
+            </rs-button>
+          </div>
+          <Transition>
+            <rs-alert v-if="linterError" variant="danger" class="mb-4">
+              <div class="flex gap-2">
+                <Icon
+                  name="material-symbols:error-outline-rounded"
+                  size="20px"
+                />
+                <div>
+                  <div class="font-bold">ESLint Error</div>
+                  <div class="text-sm">
+                    {{ linterErrorText }}
+                  </div>
+                  <div class="text-xs mt-2">
+                    Line: {{ linterErrorLine }} Column: {{ linterErrorColumn }}
+                  </div>
+                </div>
+              </div>
+            </rs-alert>
+          </Transition>
+
+          <rs-code-mirror
+            :key="componentKey"
+            v-model="fileCode"
+            mode="javascript"
+          />
+        </rs-tab-item>
+        <rs-tab-item title="API Tester">
+          <rs-api-tester :url="route.query?.path" />
+        </rs-tab-item>
+      </rs-tab>
+    </rs-card>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/pages/devtool/api-editor/index.vue b/pages/devtool/api-editor/index.vue
new file mode 100644
index 0000000..de8d722
--- /dev/null
+++ b/pages/devtool/api-editor/index.vue
@@ -0,0 +1,327 @@
+<script setup>
+definePageMeta({
+  title: "API Editor",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const nuxtApp = useNuxtApp();
+
+const searchText = ref("");
+
+const showModalAdd = ref(false);
+const showModalAddForm = ref({
+  apiURL: "",
+});
+
+const showModalEdit = ref(false);
+const showModalEditForm = ref({
+  apiURL: "",
+  oldApiURL: "",
+});
+
+const openModalAdd = () => {
+  showModalAddForm.value = {
+    apiURL: "",
+    method: "all",
+  };
+
+  showModalAdd.value = true;
+};
+
+const openModalEdit = (url, method = "all") => {
+  const apiURL = url.replace("/api/", "");
+
+  showModalEditForm.value = {
+    apiURL: apiURL,
+    oldApiURL: apiURL,
+    method: method,
+  };
+
+  showModalEdit.value = true;
+};
+
+const { data: apiList, refresh } = await useFetch("/api/devtool/api/list");
+
+const searchApi = () => {
+  if (!apiList.value || !apiList.value.data) return [];
+
+  return apiList.value.data.filter((api) => {
+    return (
+      api.name.toLowerCase().includes(searchText.value.toLowerCase()) ||
+      api.url.toLowerCase().includes(searchText.value.toLowerCase())
+    );
+  });
+};
+
+const kebabCasetoTitleCase = (str) => {
+  return str
+    .split("-")
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(" ");
+};
+
+const redirectToApiCode = (api) => {
+  window.location.href = `/devtool/api-editor/code?path=${api}`;
+};
+
+const saveAddAPI = async () => {
+  const { data } = await useFetch("/api/devtool/api/save", {
+    initialCache: false,
+    method: "POST",
+    body: {
+      path: "/api/" + showModalAddForm.value.apiURL,
+      type: "add",
+    },
+  });
+
+  if (data.value.statusCode === 200) {
+    nuxtApp.$swal.fire({
+      title: "Success",
+      text: "The code has been saved successfully.",
+      icon: "success",
+      confirmButtonText: "Ok",
+      timer: 1000,
+    });
+    // Close modal and refresh list
+    showModalAdd.value = false;
+    refresh();
+  }
+};
+
+const saveEditAPI = async () => {
+  const { data } = await useFetch("/api/devtool/api/save", {
+    initialCache: false,
+    method: "POST",
+    body: {
+      path: "/api/" + showModalEditForm.value.apiURL,
+      oldPath: "/api/" + showModalEditForm.value.oldApiURL,
+      type: "edit",
+    },
+  });
+
+  if (data.value.statusCode === 200) {
+    nuxtApp.$swal.fire({
+      title: "Success",
+      text: "The code has been saved successfully.",
+      icon: "success",
+      confirmButtonText: "Ok",
+      timer: 1000,
+    });
+    // Close modal and refresh list
+    showModalEdit.value = false;
+    refresh();
+  }
+};
+
+const deleteAPI = async (apiURL) => {
+  nuxtApp.$swal
+    .fire({
+      title: "Are you sure to delete this API?",
+      text: "You won't be able to revert this!",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      cancelButtonColor: "#d33",
+      confirmButtonText: "Yes, delete it!",
+    })
+    .then(async (result) => {
+      if (result.isConfirmed) {
+        const { data } = await useFetch("/api/devtool/api/save", {
+          initialCache: false,
+          method: "POST",
+          body: {
+            path: apiURL,
+            type: "delete",
+          },
+        });
+
+        if (data.value.statusCode === 200) {
+          nuxtApp.$swal.fire({
+            title: "Success",
+            text: "The code has been saved successfully.",
+            icon: "success",
+            confirmButtonText: "Ok",
+            timer: 1000,
+          });
+          // Refresh list after deletion
+          refresh();
+        }
+      }
+    });
+};
+</script>
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    <rs-card>
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon
+          >Info
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          This page is used to edit the api for the server side. You can edit
+          the api by choosing the api to edit from the card list below.
+        </p>
+      </template>
+    </rs-card>
+
+    <rs-card>
+      <div class="p-4">
+        <div class="flex justify-end items-center mb-4">
+          <rs-button @click="openModalAdd">
+            <Icon name="material-symbols:add" class="mr-1"></Icon>
+            Add API
+          </rs-button>
+        </div>
+
+        <!-- Search Button -->
+        <FormKit
+          v-model="searchText"
+          placeholder="Search Title..."
+          type="search"
+          class="mb-4"
+        />
+        <div v-auto-animate>
+          <div
+            class="shadow-md shadow-black/5 ring-1 ring-slate-700/10 rounded-lg mb-4"
+            v-for="api in searchApi()"
+          >
+            <div class="relative p-4 border-l-8 border-primary rounded-lg">
+              <div class="flex justify-between items-center">
+                <div class="block">
+                  <span class="font-semibold text-lg">{{
+                    kebabCasetoTitleCase(api.name)
+                  }}</span>
+                  <br />
+                  <span class=""> {{ api.url }}</span>
+                </div>
+                <div class="flex gap-4">
+                  <rs-button
+                    variant="primary-outline"
+                    @click="redirectToApiCode(api.url)"
+                  >
+                    <Icon
+                      name="material-symbols:code-blocks-outline-rounded"
+                      class="mr-2"
+                    />
+                    Code Editor
+                  </rs-button>
+                  <div class="flex gap-2">
+                    <rs-button @click="openModalEdit(api.url)">
+                      <Icon name="material-symbols:edit-outline-rounded" />
+                    </rs-button>
+                    <rs-button @click="deleteAPI(api.url)">
+                      <Icon name="carbon:trash-can" />
+                    </rs-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </rs-card>
+
+    <rs-modal title="Add API" v-model="showModalAdd" :overlay-close="false">
+      <template #body>
+        <FormKit type="form" :actions="false" @submit="saveAddAPI">
+          <FormKit
+            type="text"
+            label="URL"
+            :validation="[['required'], ['matches', '/^[a-z0-9/-]+$/']]"
+            :validation-messages="{
+              required: 'URL is required',
+              matches:
+                'URL contains invalid characters. Only letters, numbers, dashes, and forward slashes are allowed.',
+            }"
+            v-model="showModalAddForm.apiURL"
+          >
+            <template #prefix>
+              <div
+                class="bg-slate-100 dark:bg-slate-700 h-full rounded-l-md p-3"
+              >
+                /api/
+              </div>
+            </template>
+          </FormKit>
+
+          <!-- <FormKit
+            type="select"
+            label="Request Method"
+            :options="requestMethods"
+            validation="required"
+            placeholder="Select a method"
+            v-model="showModalAddForm.method"
+          /> -->
+
+          <div class="flex justify-end gap-2">
+            <rs-button variant="outline" @click="showModalAdd = false">
+              Cancel
+            </rs-button>
+            <rs-button btnType="submit">
+              <Icon
+                name="material-symbols:save-outline"
+                class="mr-2 !w-4 !h-4"
+              />
+              Save
+            </rs-button>
+          </div>
+        </FormKit>
+      </template>
+      <template #footer></template>
+    </rs-modal>
+
+    <rs-modal title="Edit API" v-model="showModalEdit" :overlay-close="false">
+      <template #body>
+        <FormKit type="form" :actions="false" @submit="saveEditAPI">
+          <FormKit
+            type="text"
+            label="URL"
+            :validation="[['required'], ['matches', '/^[a-z0-9/-]+$/']]"
+            :validation-messages="{
+              required: 'URL is required',
+              matches:
+                'URL contains invalid characters. Only letters, numbers, dashes, and forward slashes are allowed.',
+            }"
+            v-model="showModalEditForm.apiURL"
+          >
+            <template #prefix>
+              <div
+                class="bg-slate-100 dark:bg-slate-700 h-full rounded-l-md p-3"
+              >
+                /api/
+              </div>
+            </template>
+          </FormKit>
+
+          <!-- <FormKit
+            type="select"
+            label="Request Method"
+            :options="requestMethods"
+            validation="required"
+            placeholder="Select a method"
+            v-model="showModalEditForm.method"
+          /> -->
+
+          <div class="flex justify-end gap-2">
+            <rs-button variant="outline" @click="showModalEdit = false">
+              Cancel
+            </rs-button>
+            <rs-button btnType="submit">
+              <Icon
+                name="material-symbols:save-outline"
+                class="mr-2 !w-4 !h-4"
+              />
+              Save
+            </rs-button>
+          </div>
+        </FormKit>
+      </template>
+      <template #footer></template>
+    </rs-modal>
+  </div>
+</template>
\ No newline at end of file
diff --git a/pages/devtool/code-playground/index.js b/pages/devtool/code-playground/index.js
new file mode 100644
index 0000000..fc98745
--- /dev/null
+++ b/pages/devtool/code-playground/index.js
@@ -0,0 +1,35 @@
+import RsAlert from "../../../components/RsAlert.vue";
+import RsBadge from "../../../components/RsBadge.vue";
+import RsButton from "../../../components/RsButton.vue";
+import RsCard from "../../../components/RsCard.vue";
+import RsCodeMirror from "../../../components/RsCodeMirror.vue";
+import RsCollapse from "../../../components/RsCollapse.vue";
+import RsCollapseItem from "../../../components/RsCollapseItem.vue";
+import RsDropdown from "../../../components/RsDropdown.vue";
+import RsDropdownItem from "../../../components/RsDropdownItem.vue";
+import RsFieldset from "../../../components/RsFieldset.vue";
+import RsModal from "../../../components/RsModal.vue";
+import RsProgressBar from "../../../components/RsProgressBar.vue";
+import RsTab from "../../../components/RsTab.vue";
+import RsTabItem from "../../../components/RsTabItem.vue";
+import RsTable from "../../../components/RsTable.vue";
+import RsWizard from "../../../components/RsWizard.vue";
+
+export {
+  RsAlert,
+  RsBadge,
+  RsButton,
+  RsCard,
+  RsCodeMirror,
+  RsCollapse,
+  RsCollapseItem,
+  RsDropdown,
+  RsDropdownItem,
+  RsFieldset,
+  RsModal,
+  RsProgressBar,
+  RsTab,
+  RsTabItem,
+  RsTable,
+  RsWizard,
+};
diff --git a/pages/devtool/code-playground/index.vue b/pages/devtool/code-playground/index.vue
new file mode 100644
index 0000000..f31e8e2
--- /dev/null
+++ b/pages/devtool/code-playground/index.vue
@@ -0,0 +1,422 @@
+<script setup>
+import { parse } from "@vue/compiler-sfc";
+import { watchDebounced } from "@vueuse/core";
+import {
+  RsAlert,
+  RsBadge,
+  RsButton,
+  RsCard,
+  RsCodeMirror,
+  RsCollapse,
+  RsCollapseItem,
+  RsDropdown,
+  RsDropdownItem,
+  RsFieldset,
+  RsModal,
+  RsProgressBar,
+  RsTab,
+  RsTabItem,
+  RsTable,
+  RsWizard,
+} from "./index.js";
+
+// Import pinia store
+import { useThemeStore } from "~/stores/theme";
+
+definePageMeta({
+  title: "AI SFC Playground",
+  description: "AI SFC Playground page",
+  layout: "empty",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const CODE_STORAGE_KEY = "playground-code";
+
+const code = ref(
+  localStorage.getItem(CODE_STORAGE_KEY) ||
+    `<template>
+  <rs-card>
+    <template #header>SFC Playground Demo</template>
+    <template #body>
+      <div class="space-y-4">
+        <rs-alert variant="info">{{ msg }}</rs-alert>
+        <rs-button @click="count++">Clicked {{ count }} times</rs-button>
+        <rs-badge>{{ count > 5 ? 'High' : 'Low' }}</rs-badge>
+      </div>
+    </template>
+  </rs-card>
+</template>
+
+<script setup>
+const msg = 'Hello from SFC Playground';
+const count = ref(0);
+<\/script>`
+);
+
+const compiledCode = ref(null);
+const componentKey = ref(0);
+const compilationError = ref(null);
+
+const previewSizes = [
+  { name: "Mobile", width: "320px", icon: "ph:device-mobile-camera" },
+  { name: "Tablet", width: "768px", icon: "ph:device-tablet-camera" },
+  { name: "Desktop", width: "1024px", icon: "ph:desktop" },
+  { name: "Full", width: "100%", icon: "material-symbols:fullscreen" },
+];
+
+const currentPreviewSize = ref(previewSizes[3]); // Default to Full
+
+// Theme-related code
+const themeStore = useThemeStore();
+const editorTheme = ref({
+  label: themeStore.codeTheme,
+  value: themeStore.codeTheme,
+});
+const dropdownThemes = ref([]);
+
+// Get all themes
+const themes = codemirrorThemes();
+
+// map the themes to the dropdown
+dropdownThemes.value = themes.map((theme) => {
+  return {
+    label: theme.name,
+    value: theme.name,
+  };
+});
+
+// watch for changes in the theme
+watch(editorTheme, (theme) => {
+  themeStore.setCodeTheme(theme.value);
+});
+
+const compileCode = async (newCode) => {
+  try {
+    const { descriptor, errors } = parse(newCode);
+    if (errors && errors.length > 0) {
+      compilationError.value = {
+        message: errors[0].message,
+        location: errors[0].loc,
+      };
+      return;
+    }
+
+    if (descriptor.template && descriptor.scriptSetup) {
+      const template = descriptor.template.content;
+      const scriptSetup = descriptor.scriptSetup.content;
+
+      // Dynamically import FormKit components
+      const {
+        FormKit,
+        FormKitSchema,
+        FormKitSchemaNode,
+        FormKitSchemaCondition,
+        FormKitSchemaValidation,
+      } = await import("@formkit/vue");
+
+      const component = defineComponent({
+        components: {
+          RsAlert,
+          RsBadge,
+          RsButton,
+          RsCard,
+          RsCodeMirror,
+          RsCollapse,
+          RsCollapseItem,
+          RsDropdown,
+          RsDropdownItem,
+          RsFieldset,
+          RsModal,
+          RsProgressBar,
+          RsTab,
+          RsTabItem,
+          RsTable,
+          RsWizard,
+          FormKit,
+          FormKitSchema,
+          FormKitSchemaNode,
+          FormKitSchemaCondition,
+          FormKitSchemaValidation,
+        },
+        template,
+        setup() {
+          const setupContext = reactive({});
+
+          try {
+            // Extract top-level declarations
+            const declarations =
+              scriptSetup.match(/const\s+(\w+)\s*=\s*([^;]+)/g) || [];
+            declarations.forEach((decl) => {
+              const [, varName, varValue] = decl.match(
+                /const\s+(\w+)\s*=\s*(.+)/
+              );
+              if (
+                varValue.trim().startsWith("'") ||
+                varValue.trim().startsWith('"')
+              ) {
+                // It's a string literal, use it directly
+                setupContext[varName] = varValue.trim().slice(1, -1);
+              } else if (varValue.trim().startsWith("ref(")) {
+                // It's already a ref, use ref
+                setupContext[varName] = ref(null);
+              } else {
+                // For other cases, wrap in ref
+                setupContext[varName] = ref(null);
+              }
+            });
+
+            const setupFunction = new Function(
+              "ctx",
+              "ref",
+              "reactive",
+              "computed",
+              "watch",
+              "onMounted",
+              "onUnmounted",
+              "useFetch",
+              "fetch",
+              "useAsyncData",
+              "useNuxtApp",
+              "useRuntimeConfig",
+              "useRoute",
+              "useRouter",
+              "useState",
+              "FormKit",
+              "FormKitSchema",
+              "FormKitSchemaNode",
+              "FormKitSchemaCondition",
+              "FormKitSchemaValidation",
+              `
+              with (ctx) {
+                ${scriptSetup}
+              }
+              return ctx;
+              `
+            );
+
+            const result = setupFunction(
+              setupContext,
+              ref,
+              reactive,
+              computed,
+              watch,
+              onMounted,
+              onUnmounted,
+              useFetch,
+              fetch,
+              useAsyncData,
+              useNuxtApp,
+              useRuntimeConfig,
+              useRoute,
+              useRouter,
+              useState,
+              FormKit,
+              FormKitSchema,
+              FormKitSchemaNode,
+              FormKitSchemaCondition,
+              FormKitSchemaValidation
+            );
+
+            // Merge the result back into setupContext
+            Object.assign(setupContext, result);
+
+            return setupContext;
+          } catch (error) {
+            console.error("Error in setup function:", error);
+            compilationError.value = {
+              message: `Error in setup function: ${error.message}`,
+              location: { start: 0, end: 0 },
+            };
+            // Return an empty object to prevent breaking the component
+            return {};
+          }
+        },
+      });
+
+      compiledCode.value = markRaw(component);
+      componentKey.value++;
+      compilationError.value = null;
+    } else {
+      compiledCode.value = null;
+      compilationError.value = {
+        message: "Invalid SFC format.",
+        location: { start: 0, end: 0 },
+      };
+    }
+  } catch (error) {
+    console.error("Compilation error:", error);
+    compiledCode.value = null;
+    compilationError.value = {
+      message: `Compilation error: ${error.message}`,
+      location: { start: 0, end: 0 },
+    };
+  }
+};
+
+watchDebounced(
+  code,
+  async (newCode) => {
+    await compileCode(newCode);
+  },
+  { debounce: 300, immediate: true }
+);
+
+const handleFormatCode = () => {
+  // Recompile the code after formatting
+  setTimeout(() => compileCode(code.value), 100);
+};
+
+onMounted(async () => {
+  await compileCode(code.value);
+});
+
+const defaultCode = `<template>
+  <rs-card>
+    <template #header>SFC Playground Demo</template>
+    <template #body>
+      <div class="space-y-4">
+        <rs-alert variant="info">{{ msg }}</rs-alert>
+        <rs-button @click="count++">Clicked {{ count }} times</rs-button>
+        <rs-badge>{{ count > 5 ? 'High' : 'Low' }}</rs-badge>
+      </div>
+    </template>
+  </rs-card>
+</template>
+
+<script setup>
+const msg = 'Hello from SFC Playground';
+const count = ref(0);
+<\/script>`;
+
+const resetCode = () => {
+  code.value = defaultCode;
+  localStorage.setItem(CODE_STORAGE_KEY, defaultCode);
+  compileCode(code.value);
+};
+
+// Add a watch effect to save code changes to localStorage
+watch(
+  code,
+  (newCode) => {
+    localStorage.setItem(CODE_STORAGE_KEY, newCode);
+  },
+  { deep: true }
+);
+</script>
+<template>
+  <div class="flex flex-col h-screen bg-gray-900">
+    <!-- Header -->
+    <header
+      class="bg-gray-800 p-2 flex flex-wrap items-center justify-between text-white"
+    >
+      <div class="flex items-center mb-2 sm:mb-0 gap-4">
+        <Icon
+          @click="navigateTo('/')"
+          name="ph:arrow-circle-left-duotone"
+          class="cursor-pointer"
+        />
+        <img
+          src="@/assets/img/logo/logo-word-white.svg"
+          alt="Vue Logo"
+          class="h-8 block mr-2"
+        />
+      </div>
+      <div class="flex flex-wrap items-center space-x-2">
+        <rs-button @click="resetCode" class="mr-2">
+          <Icon name="material-symbols:refresh" class="mr-2" />
+          Reset Code
+        </rs-button>
+        <h1 class="text-lg font-semibold">Code Playground</h1>
+      </div>
+    </header>
+
+    <!-- Main content -->
+    <div class="flex flex-col sm:flex-row flex-1 overflow-hidden">
+      <!-- Editor section -->
+      <div
+        class="w-full sm:w-1/2 flex flex-col border-b sm:border-b-0 sm:border-r border-gray-900"
+      >
+        <div class="flex-grow overflow-hidden">
+          <rs-code-mirror
+            v-model="code"
+            mode="javascript"
+            class="h-full"
+            @format-code="handleFormatCode"
+          />
+        </div>
+      </div>
+
+      <!-- Preview section -->
+      <div class="w-full sm:w-1/2 bg-white overflow-auto flex flex-col">
+        <div
+          class="bg-gray-800 p-2 flex justify-between items-center text-white"
+        >
+          <h2 class="text-sm font-semibold">Preview</h2>
+          <div class="flex space-x-2">
+            <rs-button
+              v-for="size in previewSizes"
+              :key="size.name"
+              @click="currentPreviewSize = size"
+              :class="{
+                'bg-blue-600': currentPreviewSize === size,
+                'bg-gray-600': currentPreviewSize !== size,
+              }"
+              class="px-2 py-1 text-xs rounded"
+            >
+              <Icon v-if="size.icon" :name="size.icon" class="!w-5 !h-5 mr-2" />
+              {{ size.name }}
+            </rs-button>
+          </div>
+        </div>
+        <div class="flex-grow overflow-auto p-4 flex justify-center">
+          <div
+            :style="{
+              width: currentPreviewSize.width,
+              height: '100%',
+              overflow: 'auto',
+            }"
+            class="border border-gray-300 transition-all duration-300 ease-in-out"
+          >
+            <component
+              :key="componentKey"
+              v-if="compiledCode && !compilationError"
+              :is="compiledCode"
+            />
+            <div v-else-if="compilationError?.message">
+              <div class="flex justify-center items-center p-5">
+                <div class="text-center">
+                  <Icon name="ph:warning" class="text-6xl" />
+                  <p class="text-lg font-semibold mt-4">
+                    Something went wrong. Please refer the error in the editor.
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div v-else class="text-gray-500">Waiting for code changes...</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.device-frame {
+  background-color: #f0f0f0;
+  border-radius: 16px;
+  padding: 16px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+@media (max-width: 640px) {
+  .device-frame {
+    padding: 8px;
+    border-radius: 8px;
+  }
+}
+
+:deep(.cm-editor) {
+  height: 100%;
+}
+</style>
diff --git a/pages/devtool/config/application-log/index.vue b/pages/devtool/config/application-log/index.vue
new file mode 100644
index 0000000..677f24b
--- /dev/null
+++ b/pages/devtool/config/application-log/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/devtool/config/environment/index.vue b/pages/devtool/config/environment/index.vue
new file mode 100644
index 0000000..77bcd0a
--- /dev/null
+++ b/pages/devtool/config/environment/index.vue
@@ -0,0 +1,27 @@
+<script setup>
+definePageMeta({
+  title: "Environment",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal, $router } = useNuxtApp();
+const env = ref({});
+
+const { data: envData } = await useFetch("/api/devtool/config/env", {
+  method: "GET",
+  headers: {
+    "Content-Type": "application/json",
+  },
+});
+
+env.value = envData.value.data;
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <rs-code-mirror mode="javascript" v-model="env" disabled />
+  </div>
+</template>
diff --git a/pages/devtool/config/index.vue b/pages/devtool/config/index.vue
new file mode 100644
index 0000000..677f24b
--- /dev/null
+++ b/pages/devtool/config/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/devtool/config/site-settings/index.vue b/pages/devtool/config/site-settings/index.vue
new file mode 100644
index 0000000..05f2139
--- /dev/null
+++ b/pages/devtool/config/site-settings/index.vue
@@ -0,0 +1,1108 @@
+<script setup>
+definePageMeta({
+  title: "Site Settings",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal } = useNuxtApp();
+const { siteSettings, updateSiteSettings, applyThemeSettings, updateGlobalMeta } = useSiteSettings();
+
+// Reactive data
+const loading = ref(false);
+const saving = ref(false);
+const activeTab = ref('basic');
+
+const settings = ref({
+  siteName: '',
+  siteDescription: '',
+  siteLogo: '',
+  siteLoadingLogo: '',
+  siteFavicon: '',
+  siteLoginLogo: '',
+  customCSS: '',
+  selectedTheme: 'biasa',
+  showSiteNameInHeader: true,
+  siteNameFontSize: 18,
+  currentFont: '',
+  fontSource: '',
+  // SEO fields
+  seoTitle: '',
+  seoDescription: '',
+  seoKeywords: '',
+  seoAuthor: '',
+  seoOgImage: '',
+  seoTwitterCard: 'summary_large_image',
+  seoCanonicalUrl: '',
+  seoRobots: 'index, follow',
+  seoGoogleAnalytics: '',
+  seoGoogleTagManager: '',
+  seoFacebookPixel: ''
+});
+
+const originalSettings = ref({});
+
+// File upload refs
+const logoFile = ref(null);
+const loadingLogoFile = ref(null);
+const faviconFile = ref(null);
+const loginLogoFile = ref(null);
+const cssFile = ref(null);
+const ogImageFile = ref(null);
+
+// Get theme lists
+const themes = themeList();
+const themes2 = themeList2();
+const allThemes = [...themes, ...themes2];
+
+// Popular Google Fonts list
+const popularGoogleFonts = [
+  { name: 'DM Sans', family: 'DM+Sans', weights: '300,400,500,600,700' },
+  { name: 'Inter', family: 'Inter', weights: '300,400,500,600,700' },
+  { name: 'Poppins', family: 'Poppins', weights: '300,400,500,600,700' },
+  { name: 'Roboto', family: 'Roboto', weights: '300,400,500,700' },
+  { name: 'Montserrat', family: 'Montserrat', weights: '300,400,500,600,700' },
+  { name: 'Open Sans', family: 'Open+Sans', weights: '300,400,500,600,700' },
+  { name: 'Lato', family: 'Lato', weights: '300,400,700' },
+  { name: 'Raleway', family: 'Raleway', weights: '300,400,500,600,700' },
+  { name: 'Nunito', family: 'Nunito', weights: '300,400,500,600,700' },
+  { name: 'Source Sans Pro', family: 'Source+Sans+Pro', weights: '300,400,600,700' },
+  { name: 'Ubuntu', family: 'Ubuntu', weights: '300,400,500,700' },
+  { name: 'Playfair Display', family: 'Playfair+Display', weights: '400,500,600,700' },
+  { name: 'Merriweather', family: 'Merriweather', weights: '300,400,700' },
+  { name: 'Oswald', family: 'Oswald', weights: '300,400,500,600,700' },
+  { name: 'PT Sans', family: 'PT+Sans', weights: '400,700' }
+];
+
+// Selected Google Font
+const selectedGoogleFont = ref('');
+
+// Form validation
+const errors = ref({});
+const validateForm = () => {
+  errors.value = {};
+  
+  if (!settings.value.siteName || settings.value.siteName.trim() === '') {
+    errors.value.siteName = 'Site name is required';
+  }
+  
+  return Object.keys(errors.value).length === 0;
+};
+
+// Detect current font
+const detectCurrentFont = () => {
+  if (process.client) {
+    const googleFontLink = document.getElementById('google-font-link');
+    const customFontLink = document.getElementById('custom-font-link');
+    
+    if (customFontLink) {
+      settings.value.currentFont = 'Custom Font';
+      settings.value.fontSource = customFontLink.href;
+    } else if (googleFontLink) {
+      const url = new URL(googleFontLink.href);
+      const familyParam = url.searchParams.get('family');
+      if (familyParam) {
+        const fontName = familyParam.split(':')[0].replace(/\+/g, ' ');
+        settings.value.currentFont = fontName;
+        settings.value.fontSource = googleFontLink.href;
+      }
+    } else {
+      const body = document.body;
+      const computedStyle = window.getComputedStyle(body);
+      settings.value.currentFont = computedStyle.fontFamily.split(',')[0].replace(/"/g, '');
+      settings.value.fontSource = 'System Default';
+    }
+  }
+};
+
+// Load settings
+const loadSettings = async () => {
+  loading.value = true;
+  try {
+    const { data } = await $fetch("/api/devtool/config/site-settings", {
+      method: "GET",
+    });
+    
+    if (data) {
+      settings.value = { 
+        ...settings.value,
+        ...data,
+        showSiteNameInHeader: data.showSiteNameInHeader !== false
+      };
+      originalSettings.value = { ...settings.value };
+      
+      // Sync with global site settings
+      Object.assign(siteSettings.value, settings.value);
+      
+      // Detect current font
+      detectCurrentFont();
+    }
+  } catch (error) {
+    console.error("Error loading settings:", error);
+    alert("Failed to load site settings");
+  } finally {
+    loading.value = false;
+  }
+};
+
+// Save settings
+const saveSettings = async () => {
+  if (!validateForm()) {
+    alert("Please fix the validation errors");
+    return;
+  }
+  
+  saving.value = true;
+  try {
+    console.log("[SiteSettingsPage] Calling updateSiteSettings with:", JSON.parse(JSON.stringify(settings.value)));
+    const result = await updateSiteSettings(settings.value);
+    console.log("[SiteSettingsPage] Received result from updateSiteSettings:", JSON.parse(JSON.stringify(result)));
+    
+    if (result && result.success) { 
+      originalSettings.value = { ...settings.value };
+      alert("Settings saved successfully");
+      
+      // Apply changes
+      // applyChanges(); // Temporarily commented out to isolate the error source
+      console.log("[SiteSettingsPage] applyChanges() was skipped for testing.");
+    } else { 
+      // Check if result or result.error is undefined before accessing properties
+      let errorMsg = "Failed to save settings. Please check console for details.";
+      if (result && result.error && result.error.message) {
+        errorMsg = result.error.message;
+      } else if (result === undefined) {
+        errorMsg = "Failed to save settings: No response from update operation.";
+        console.error("[SiteSettingsPage] 'result' from updateSiteSettings was undefined.");
+      }
+      
+      alert(errorMsg);
+      
+      if (result && result.error && result.error.details) {
+        console.error("[SiteSettingsPage] Save settings error details:", result.error.details);
+      } else if (result === undefined) {
+        // Already logged above
+      } else if (result && !result.error) {
+        console.error("[SiteSettingsPage] Save settings failed, but no 'error' object in result:", JSON.parse(JSON.stringify(result)));
+      }
+    }
+  } catch (error) {
+    // This catch block is for unexpected errors during the saveSettings execution itself,
+    // or if updateSiteSettings somehow re-throws an error not caught by its own try-catch.
+    console.error("Critical error saving settings:", error);
+    alert("A critical error occurred. Failed to save settings.");
+  } finally {
+    saving.value = false;
+  }
+};
+
+// Apply font from URL/link
+const applyFontFromSource = () => {
+  if (process.client && settings.value.fontSource && settings.value.fontSource !== 'System Default') {
+    // Remove existing font links
+    const existingLinks = document.querySelectorAll('#google-font-link, #custom-font-link');
+    existingLinks.forEach(link => link.remove());
+    
+    // Add new font link
+    const link = document.createElement('link');
+    link.id = settings.value.fontSource.includes('fonts.googleapis.com') ? 'google-font-link' : 'custom-font-link';
+    link.rel = 'stylesheet';
+    link.href = settings.value.fontSource;
+    document.head.appendChild(link);
+    
+    // Extract and apply font family
+    if (settings.value.fontSource.includes('fonts.googleapis.com')) {
+      const url = new URL(settings.value.fontSource);
+      const familyParam = url.searchParams.get('family');
+      if (familyParam) {
+        const fontName = familyParam.split(':')[0].replace(/\+/g, ' ');
+        document.documentElement.style.setProperty('--font-family-base', `"${fontName}", sans-serif`);
+        settings.value.currentFont = fontName;
+      }
+    }
+    
+    alert('Font applied successfully');
+  }
+};
+
+// File upload handler
+const uploadFile = async (file, type) => {
+  if (!file) return null;
+  
+  const formData = new FormData();
+  formData.append('file', file);
+  formData.append('type', type);
+  
+  try {
+    const response = await $fetch("/api/devtool/config/upload-file", {
+      method: "POST",
+      body: formData,
+    });
+    
+    return response.data.url;
+  } catch (error) {
+    console.error(`Error uploading ${type}:`, error);
+    alert(`Failed to upload ${type}`);
+    return null;
+  }
+};
+
+// File upload handlers
+const handleLogoUpload = async (event) => {
+  const file = event.target.files[0];
+  if (file) {
+    const url = await uploadFile(file, 'logo');
+    if (url) {
+      settings.value.siteLogo = url;
+      alert('Logo uploaded successfully');
+    }
+  }
+};
+
+const handleLoadingLogoUpload = async (event) => {
+  const file = event.target.files[0];
+  if (file) {
+    const url = await uploadFile(file, 'loading-logo');
+    if (url) {
+      settings.value.siteLoadingLogo = url;
+      alert('Loading logo uploaded successfully');
+    }
+  }
+};
+
+const handleFaviconUpload = async (event) => {
+  const file = event.target.files[0];
+  if (file) {
+    const url = await uploadFile(file, 'favicon');
+    if (url) {
+      settings.value.siteFavicon = url;
+      alert('Favicon uploaded successfully');
+    }
+  }
+};
+
+const handleLoginLogoUpload = async (event) => {
+  const file = event.target.files[0];
+  if (file) {
+    const url = await uploadFile(file, 'login-logo');
+    if (url) {
+      settings.value.siteLoginLogo = url;
+      alert('Login logo uploaded successfully');
+    }
+  }
+};
+
+const handleCSSUpload = async (event) => {
+  const file = event.target.files[0];
+  if (file) {
+    if (!file.name.endsWith('.css')) {
+      alert('Please upload a valid CSS file');
+      return;
+    }
+    
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      settings.value.customCSS = e.target.result;
+      alert('CSS file loaded successfully');
+    };
+    reader.readAsText(file);
+  }
+};
+
+const handleOgImageUpload = async (event) => {
+  const file = event.target.files[0];
+  if (file) {
+    const url = await uploadFile(file, 'og-image');
+    if (url) {
+      settings.value.seoOgImage = url;
+      alert('OG image uploaded successfully');
+    }
+  }
+};
+
+// Apply changes
+const applyChanges = () => {
+  Object.assign(siteSettings.value, settings.value);
+  applyThemeSettings();
+  updateGlobalMeta();
+  applyFontFromSource();
+};
+
+// Reset settings
+const resetSettings = () => {
+  settings.value = { ...originalSettings.value };
+  errors.value = {};
+  applyChanges();
+  alert('Settings reset to last saved state');
+};
+
+// Check for changes
+const hasChanges = computed(() => {
+  return JSON.stringify(settings.value) !== JSON.stringify(originalSettings.value);
+});
+
+// Get current logo paths
+const getCurrentLogo = () => {
+  return settings.value.siteLogo || siteSettings.value.siteLogo || '/img/logo/corradAF-logo.svg';
+};
+
+const getCurrentLoadingLogo = () => {
+  return settings.value.siteLoadingLogo || siteSettings.value.siteLoadingLogo || '/img/logo/corradAF-logo.svg';
+};
+
+const getCurrentFavicon = () => {
+  return settings.value.siteFavicon || siteSettings.value.siteFavicon || '/favicon.ico';
+};
+
+const getCurrentLoginLogo = () => {
+  return settings.value.siteLoginLogo || siteSettings.value.siteLoginLogo || '/img/logo/corradAF-logo.svg';
+};
+
+// Apply Google Font
+const applyGoogleFont = (font) => {
+  if (font) {
+    const googleFontUrl = `https://fonts.googleapis.com/css2?family=${font.family}:wght@${font.weights}&display=swap`;
+    settings.value.fontSource = googleFontUrl;
+    settings.value.currentFont = font.name;
+    applyFontFromSource();
+    alert(`${font.name} font applied successfully`);
+    // Reset the dropdown after selection
+    selectedGoogleFont.value = '';
+  }
+};
+
+// Load settings on mount
+onMounted(() => {
+  loadSettings();
+});
+
+// Watch for changes
+watch(settings, (newSettings, oldSettings) => {
+  // Apply changes immediately for toggle states
+  if (newSettings.showSiteNameInHeader !== oldSettings?.showSiteNameInHeader) {
+    applyChanges();
+  }
+  // Apply other changes
+  applyChanges();
+}, { deep: true });
+
+// Also watch specifically for the site name header toggle
+watch(() => settings.value.showSiteNameInHeader, (newValue) => {
+  siteSettings.value.showSiteNameInHeader = newValue;
+}, { immediate: true });
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Info Card -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-settings" class="mr-2" />
+          Site Settings
+        </div>
+      </template>
+      <template #body>
+        <p class="leading-relaxed">Configure your platform's branding, appearance, SEO, and functionality.</p>
+      </template>
+    </rs-card>
+
+    <!-- Main Settings Card -->
+    <rs-card>
+      <div class="p-6">
+        <!-- Header with actions -->
+        <div class="flex justify-between items-center mb-8">
+          <div>
+            <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-2">Platform Configuration</h1>
+            <p class="text-sm text-gray-600 dark:text-gray-400">Manage your site's branding, appearance, and functionality.</p>
+          </div>
+          <div class="flex items-center space-x-3">
+            <rs-button 
+              v-if="hasChanges"
+              @click="resetSettings"
+              variant="outline"
+              size="sm"
+              class="transition-all duration-200"
+            >
+              <Icon name="ic:outline-refresh" class="mr-2 w-4 h-4" />
+              Reset
+            </rs-button>
+            <rs-button 
+              @click="saveSettings"
+              :loading="saving"
+              :disabled="!hasChanges"
+              variant="primary"
+              size="sm"
+              class="transition-all duration-200"
+            >
+              <Icon name="ic:outline-save" class="mr-2 w-4 h-4" />
+              Save Changes
+            </rs-button>
+          </div>
+        </div>
+
+        <!-- Loading State -->
+        <div v-if="loading" class="flex justify-center py-12">
+          <Loading />
+        </div>
+
+        <!-- Tabs and Content -->
+        <div v-else>
+          <!-- Tab Navigation -->
+          <div class="border-b border-gray-200 dark:border-gray-700 mb-8">
+            <nav class="flex space-x-4" role="tablist">
+              <button
+                v-for="tab in [
+                  { id: 'basic', name: 'Basic', icon: 'ic:outline-info' },
+                  { id: 'branding', name: 'Branding', icon: 'ic:outline-image' },
+                  { id: 'appearance', name: 'Appearance', icon: 'ic:outline-palette' },
+                  { id: 'seo', name: 'SEO', icon: 'ic:outline-search' },
+                  { id: 'advanced', name: 'Advanced', icon: 'ic:outline-code' }
+                ]"
+                :key="tab.id"
+                @click="activeTab = tab.id"
+                :class="[
+                  activeTab === tab.id
+                    ? 'border-primary text-primary bg-primary/5'
+                    : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300',
+                  'whitespace-nowrap py-2 px-2 border-b-2 font-medium text-sm flex items-center space-x-2 rounded-t-lg transition-all duration-200'
+                ]"
+                :aria-selected="activeTab === tab.id"
+                role="tab"
+              >
+                <Icon :name="tab.icon" class="w-4 h-4" />
+                <span>{{ tab.name }}</span>
+              </button>
+            </nav>
+          </div>
+
+          <!-- Tab Content -->
+          <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
+            <!-- Main Content -->
+            <div class="lg:col-span-2">
+              <!-- Basic Information Tab -->
+              <div v-if="activeTab === 'basic'" class="space-y-6">
+                <!-- Site Name -->
+                <rs-card class="!p-0">
+                  <div class="p-6 space-y-3">
+                    <label class="block text-base font-semibold text-gray-800 dark:text-white">
+                      Site Name <span class="text-red-500">*</span>
+                    </label>
+                    <input
+                      v-model="settings.siteName"
+                      type="text"
+                      :class="[
+                        'w-full px-4 py-2.5 border rounded-lg text-sm transition-all duration-200 focus:ring-2 focus:ring-primary/20',
+                        errors.siteName 
+                          ? 'border-red-300 focus:border-red-500' 
+                          : 'border-gray-300 dark:border-gray-700 focus:border-primary'
+                      ]"
+                      class="dark:bg-gray-700 dark:text-white placeholder-gray-400"
+                      placeholder="Enter your platform name"
+                    />
+                    <p v-if="errors.siteName" class="text-red-500 text-sm font-medium">{{ errors.siteName }}</p>
+                    <p class="text-xs text-gray-500 dark:text-gray-400">Displayed in browser titles and throughout the platform.</p>
+                  </div>
+                </rs-card>
+
+                <!-- Site Description -->
+                <rs-card class="!p-0">
+                  <div class="p-6 space-y-3">
+                    <label class="block text-base font-semibold text-gray-800 dark:text-white">Site Description</label>
+                    <textarea
+                      v-model="settings.siteDescription"
+                      rows="4"
+                      class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm placeholder-gray-400 transition-all duration-200"
+                      placeholder="Describe your platform\'s purpose and functionality"
+                    ></textarea>
+                    <p class="text-xs text-gray-500 dark:text-gray-400">Used for SEO meta descriptions and platform overview.</p>
+                  </div>
+                </rs-card>
+
+                <!-- Default Theme -->
+                <rs-card class="!p-0">
+                  <div class="p-6 space-y-3">
+                    <label class="block text-base font-semibold text-gray-800 dark:text-white">Default Theme</label>
+                    <select
+                      v-model="settings.selectedTheme"
+                      class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm transition-all duration-200"
+                    >
+                      <optgroup label="Standard Themes">
+                        <option v-for="theme in themes" :key="theme.theme" :value="theme.theme">
+                          {{ theme.theme.charAt(0).toUpperCase() + theme.theme.slice(1) }}
+                        </option>
+                      </optgroup>
+                      <optgroup label="Accessibility Themes">
+                        <option v-for="theme in themes2" :key="theme.theme" :value="theme.theme">
+                          {{ theme.theme.charAt(0).toUpperCase() + theme.theme.slice(1) }}
+                        </option>
+                      </optgroup>
+                    </select>
+                    <p class="text-xs text-gray-500 dark:text-gray-400">Default theme for new users and login pages.</p>
+                  </div>
+                </rs-card>
+
+                <!-- Site Name in Header Toggle -->
+                <rs-card class="!p-0">
+                  <div class="p-6">
+                    <div class="flex items-center justify-between">
+                      <div class="flex-1">
+                        <h4 class="text-base font-semibold text-gray-800 dark:text-white mb-1">Show site name in header</h4>
+                        <p class="text-sm text-gray-500 dark:text-gray-400">Display the site name beside the logo in the navigation bar.</p>
+                      </div>
+                      <label class="relative inline-flex items-center cursor-pointer ml-4">
+                        <input
+                          v-model="settings.showSiteNameInHeader"
+                          type="checkbox"
+                          class="sr-only peer"
+                        />
+                        <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-primary/20 dark:peer-focus:ring-primary/30 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-primary"></div>
+                      </label>
+                    </div>
+                  </div>
+                </rs-card>
+              </div>
+
+              <!-- Branding Tab -->
+              <div v-if="activeTab === 'branding'" class="space-y-6">
+                <!-- Site Logo -->
+                <rs-card class="p-6 shadow-sm hover:shadow-md transition-shadow duration-200">
+                  <div class="flex items-center mb-6">
+                    <div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center mr-4">
+                      <Icon name="ic:outline-image" class="w-5 h-5 text-primary" />
+                    </div>
+                    <div>
+                      <h3 class="text-lg font-semibold text-gray-800 dark:text-white">Site Logo</h3>
+                      <p class="text-sm text-gray-500 dark:text-gray-400">Main logo displayed in the header navigation.</p>
+                    </div>
+                  </div>
+                  <div class="flex items-center space-x-6">
+                    <div class="flex-shrink-0">
+                      <div class="w-24 h-24 border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg flex items-center justify-center bg-gray-50 dark:bg-gray-700/50">
+                        <img 
+                          :src="getCurrentLogo()" 
+                          alt="Current Logo" 
+                          class="max-w-full max-h-full object-contain"
+                          @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+                        />
+                      </div>
+                    </div>
+                    <div class="flex-1">
+                      <input
+                        ref="logoFile"
+                        type="file"
+                        accept="image/*"
+                        @change="handleLogoUpload"
+                        class="hidden"
+                      />
+                      <rs-button @click="$refs.logoFile.click()" variant="outline" size="sm" class="mb-3 border border-gray-300 dark:border-gray-600 hover:border-primary dark:hover:border-primary">
+                        <Icon name="ic:outline-upload" class="mr-2 w-4 h-4" />
+                        Upload Logo
+                      </rs-button>
+                      <p class="text-xs text-gray-500 dark:text-gray-400">PNG, JPG, SVG (max 2MB) • Recommended: 200x60px</p>
+                    </div>
+                  </div>
+                </rs-card>
+
+                <!-- Loading Screen Logo -->
+                <rs-card class="p-6 shadow-sm hover:shadow-md transition-shadow duration-200">
+                  <div class="flex items-center mb-6">
+                    <div class="w-10 h-10 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center mr-4">
+                      <Icon name="ic:outline-refresh" class="w-5 h-5 text-blue-600 dark:text-blue-400" />
+                    </div>
+                    <div>
+                      <h3 class="text-lg font-semibold text-gray-800 dark:text-white">Loading Screen Logo</h3>
+                      <p class="text-sm text-gray-500 dark:text-gray-400">Logo shown during page loads and transitions.</p>
+                    </div>
+                  </div>
+                  <div class="flex items-center space-x-6">
+                    <div class="flex-shrink-0">
+                      <div class="w-24 h-24 border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg flex items-center justify-center bg-gray-50 dark:bg-gray-700/50">
+                        <img 
+                          :src="getCurrentLoadingLogo()" 
+                          alt="Current Loading Logo" 
+                          class="max-w-full max-h-full object-contain"
+                          @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+                        />
+                      </div>
+                    </div>
+                    <div class="flex-1">
+                      <input
+                        ref="loadingLogoFile"
+                        type="file"
+                        accept="image/*"
+                        @change="handleLoadingLogoUpload"
+                        class="hidden"
+                      />
+                      <rs-button @click="$refs.loadingLogoFile.click()" variant="outline" size="sm" class="mb-3 border border-gray-300 dark:border-gray-600 hover:border-primary dark:hover:border-primary">
+                        <Icon name="ic:outline-upload" class="mr-2 w-4 h-4" />
+                        Upload Loading Logo
+                      </rs-button>
+                      <p class="text-xs text-gray-500 dark:text-gray-400">Same file formats as logo • Recommended: Square format</p>
+                    </div>
+                  </div>
+                </rs-card>
+
+                <!-- Login Logo -->
+                <rs-card class="p-6 shadow-sm hover:shadow-md transition-shadow duration-200">
+                  <div class="flex items-center mb-6">
+                    <div class="w-10 h-10 bg-green-100 dark:bg-green-900/30 rounded-lg flex items-center justify-center mr-4">
+                      <Icon name="ic:outline-login" class="w-5 h-5 text-green-600 dark:text-green-400" />
+                    </div>
+                    <div>
+                      <h3 class="text-lg font-semibold text-gray-800 dark:text-white">Login Logo</h3>
+                      <p class="text-sm text-gray-500 dark:text-gray-400">Logo displayed on the login and authentication pages.</p>
+                    </div>
+                  </div>
+                  <div class="flex items-center space-x-6">
+                    <div class="flex-shrink-0">
+                      <div class="w-24 h-24 border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg flex items-center justify-center bg-gray-50 dark:bg-gray-700/50">
+                        <img 
+                          :src="getCurrentLoginLogo()" 
+                          alt="Current Login Logo" 
+                          class="max-w-full max-h-full object-contain"
+                          @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+                        />
+                      </div>
+                    </div>
+                    <div class="flex-1">
+                      <input
+                        ref="loginLogoFile"
+                        type="file"
+                        accept="image/*"
+                        @change="handleLoginLogoUpload"
+                        class="hidden"
+                      />
+                      <rs-button @click="$refs.loginLogoFile.click()" variant="outline" size="sm" class="mb-3 border border-gray-300 dark:border-gray-600 hover:border-primary dark:hover:border-primary">
+                        <Icon name="ic:outline-upload" class="mr-2 w-4 h-4" />
+                        Upload Login Logo
+                      </rs-button>
+                      <p class="text-xs text-gray-500 dark:text-gray-400">PNG, JPG, SVG (max 2MB) • Used in login page</p>
+                    </div>
+                  </div>
+                </rs-card>
+
+                <!-- Favicon -->
+                <rs-card class="p-6 shadow-sm hover:shadow-md transition-shadow duration-200">
+                  <div class="flex items-center mb-6">
+                    <div class="w-10 h-10 bg-purple-100 dark:bg-purple-900/30 rounded-lg flex items-center justify-center mr-4">
+                      <Icon name="ic:outline-tab" class="w-5 h-5 text-purple-600 dark:text-purple-400" />
+                    </div>
+                    <div>
+                      <h3 class="text-lg font-semibold text-gray-800 dark:text-white">Favicon</h3>
+                      <p class="text-sm text-gray-500 dark:text-gray-400">Small icon displayed in browser tabs and bookmarks.</p>
+                    </div>
+                  </div>
+                  <div class="flex items-center space-x-6">
+                    <div class="flex-shrink-0">
+                      <div class="w-16 h-16 border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg flex items-center justify-center bg-gray-50 dark:bg-gray-700/50">
+                        <img 
+                          :src="getCurrentFavicon()" 
+                          alt="Current Favicon" 
+                          class="max-w-full max-h-full object-contain"
+                          @error="$event.target.src = '/favicon.ico'"
+                        />
+                      </div>
+                    </div>
+                    <div class="flex-1">
+                      <input
+                        ref="faviconFile"
+                        type="file"
+                        accept=".ico,.png"
+                        @change="handleFaviconUpload"
+                        class="hidden"
+                      />
+                      <rs-button @click="$refs.faviconFile.click()" variant="outline" size="sm" class="mb-3 border border-gray-300 dark:border-gray-600 hover:border-primary dark:hover:border-primary">
+                        <Icon name="ic:outline-upload" class="mr-2 w-4 h-4" />
+                        Upload Favicon
+                      </rs-button>
+                      <p class="text-xs text-gray-500 dark:text-gray-400">ICO or PNG • 16x16, 32x32, or 48x48 pixels</p>
+                    </div>
+                  </div>
+                </rs-card>
+              </div>
+
+              <!-- Appearance Tab -->
+              <div v-if="activeTab === 'appearance'" class="space-y-6">
+                <!-- Site Name Font Size -->
+                <rs-card class="p-6">
+                  <h3 class="text-lg font-semibold text-gray-800 dark:text-white mb-6">Site Name Styling</h3>
+                  
+                  <div class="space-y-4">
+                    <div>
+                      <label class="block text-base font-semibold text-gray-800 dark:text-white mb-2">Site Name Font Size</label>
+                      <div class="flex items-center space-x-4">
+                        <FontSizeStepper 
+                          v-model="settings.siteNameFontSize" 
+                          :min="12" 
+                          :max="36" 
+                          :step="1"
+                        />
+                        <div class="flex-1 text-sm text-gray-500">
+                          Preview: 
+                          <span :style="{ fontSize: settings.siteNameFontSize + 'px' }" 
+                                class="font-semibold ml-2 px-2 py-1 bg-gray-100 dark:bg-gray-700 rounded">
+                            {{ settings.siteName || 'Site Name' }}
+                          </span>
+                        </div>
+                      </div>
+                      <p class="text-xs text-gray-500 dark:text-gray-400 mt-2">Font size for the site name displayed in the header (12px - 36px).</p>
+                      
+                      <!-- Live size indicator -->
+                      <div class="mt-2 flex items-center space-x-2">
+                        <span class="text-xs text-gray-400">Current size:</span>
+                        <span class="text-xs font-medium px-2 py-1 bg-primary/10 text-primary rounded">
+                          {{ settings.siteNameFontSize }}px
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </rs-card>
+
+                <!-- Font Configuration -->
+                <rs-card class="p-6">
+                  <h3 class="text-lg font-semibold text-gray-800 dark:text-white mb-4">Font Configuration</h3>
+                  
+                  <div class="space-y-4">
+                    <div>
+                      <label class="block text-base font-semibold text-gray-800 dark:text-white mb-2">Current Font</label>
+                      <div class="p-3 bg-gray-50 dark:bg-gray-800/80 rounded border border-gray-300 dark:border-gray-600">
+                        <div class="text-sm font-medium text-gray-800 dark:text-white">{{ settings.currentFont || 'DM Sans' }}</div>
+                        <div class="text-xs text-gray-500 dark:text-gray-400">{{ settings.fontSource || 'System Default' }}</div>
+                      </div>
+                    </div>
+
+                    <!-- Google Fonts Suggestions -->
+                    <div>
+                      <label class="block text-base font-semibold text-gray-800 dark:text-white mb-2">Popular Google Fonts</label>
+                      <select
+                        v-model="selectedGoogleFont"
+                        @change="applyGoogleFont(popularGoogleFonts.find(f => f.name === selectedGoogleFont))"
+                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm transition-all duration-200"
+                      >
+                        <option value="">Select a Google Font</option>
+                        <option v-for="font in popularGoogleFonts" :key="font.name" :value="font.name">
+                          {{ font.name }}
+                        </option>
+                      </select>
+                      <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Choose from popular Google Fonts or use custom URL below.</p>
+                    </div>
+
+                    <div>
+                      <label class="block text-base font-semibold text-gray-800 dark:text-white mb-2">Custom Font Source URL</label>
+                      <input
+                        v-model="settings.fontSource"
+                        type="url"
+                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm placeholder-gray-400 transition-all duration-200"
+                        placeholder="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
+                      />
+                      <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Google Fonts or any CDN font URL.</p>
+                    </div>
+
+                    <rs-button @click="applyFontFromSource" variant="outline" size="sm" class="border border-gray-300 dark:border-gray-600 hover:border-primary dark:hover:border-primary">
+                      <Icon name="ic:outline-refresh" class="mr-1" />
+                      Apply Font
+                    </rs-button>
+                  </div>
+                </rs-card>
+              </div>
+
+              <!-- SEO Tab -->
+              <div v-if="activeTab === 'seo'" class="space-y-6">
+                <rs-card class="!p-0">
+                  <div class="p-6 space-y-3">
+                    <label class="block text-base font-semibold text-gray-800 dark:text-white mb-0">SEO Title</label>
+                    <input
+                      v-model="settings.seoTitle"
+                      type="text"
+                      class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm placeholder-gray-400 transition-all duration-200"
+                      placeholder="Your Platform | Tagline"
+                    />
+                    <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Displayed in search results (50-60 characters).</p>
+                  </div>
+                </rs-card>
+
+                <rs-card class="!p-0">
+                  <div class="p-6 space-y-3">
+                    <label class="block text-base font-semibold text-gray-800 dark:text-white mb-0">Meta Description</label>
+                    <textarea
+                      v-model="settings.seoDescription"
+                      rows="3"
+                      class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm placeholder-gray-400 transition-all duration-200"
+                      placeholder="Brief description for search engines"
+                    ></textarea>
+                    <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Search result description (150-160 characters).</p>
+                  </div>
+                </rs-card>
+
+                <rs-card class="!p-0">
+                  <div class="p-6 space-y-3">
+                    <label class="block text-base font-semibold text-gray-800 dark:text-white mb-0">Keywords</label>
+                    <input
+                      v-model="settings.seoKeywords"
+                      type="text"
+                      class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm placeholder-gray-400 transition-all duration-200"
+                      placeholder="keyword1, keyword2, keyword3"
+                    />
+                    <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Comma-separated keywords (optional).</p>
+                  </div>
+                </rs-card>
+
+                <rs-card class="!p-0">
+                  <div class="p-6">
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                      <div class="space-y-3">
+                        <label class="block text-base font-semibold text-gray-800 dark:text-white mb-0">Author</label>
+                        <input
+                          v-model="settings.seoAuthor"
+                          type="text"
+                          class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm placeholder-gray-400 transition-all duration-200"
+                          placeholder="Your Name or Company"
+                        />
+                      </div>
+
+                      <div class="space-y-3">
+                        <label class="block text-base font-semibold text-gray-800 dark:text-white mb-0">Robots</label>
+                        <select
+                          v-model="settings.seoRobots"
+                          class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm transition-all duration-200"
+                        >
+                          <option value="index, follow">Index, Follow</option>
+                          <option value="noindex, follow">No Index, Follow</option>
+                          <option value="index, nofollow">Index, No Follow</option>
+                          <option value="noindex, nofollow">No Index, No Follow</option>
+                        </select>
+                      </div>
+                    </div>
+                  </div>
+                </rs-card>
+
+                <!-- Open Graph Image -->
+                <rs-card>
+                  <h3 class="text-lg font-semibold text-gray-800 dark:text-white mb-6">Open Graph Image</h3>
+                  <div class="flex items-center space-x-6">
+                    <div class="flex-shrink-0" v-if="settings.seoOgImage">
+                      <img 
+                        :src="settings.seoOgImage" 
+                        alt="OG Image" 
+                        class="w-20 h-12 object-cover border border-gray-200 rounded"
+                      />
+                    </div>
+                    <div class="flex-1">
+                      <input
+                        ref="ogImageFile"
+                        type="file"
+                        accept="image/*"
+                        @change="handleOgImageUpload"
+                        class="hidden"
+                      />
+                      <rs-button @click="$refs.ogImageFile.click()" variant="outline" size="sm" class="border border-gray-300 dark:border-gray-600 hover:border-primary dark:hover:border-primary">
+                        <Icon name="ic:outline-upload" class="mr-2" />
+                        Upload OG Image
+                      </rs-button>
+                      <p class="text-xs text-gray-500 dark:text-gray-400 mt-3 leading-relaxed">1200x630px recommended • Used for social media shares.</p>
+                    </div>
+                  </div>
+                </rs-card>
+
+                <!-- Analytics -->
+                <rs-card>
+                  <h3 class="text-lg font-semibold text-gray-800 dark:text-white mb-6">Analytics & Tracking</h3>
+                  <div class="space-y-6">
+                    <div>
+                      <label class="block text-base font-semibold text-gray-800 dark:text-white mb-2">Google Analytics ID</label>
+                      <input
+                        v-model="settings.seoGoogleAnalytics"
+                        type="text"
+                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm placeholder-gray-400 transition-all duration-200"
+                        placeholder="G-XXXXXXXXXX"
+                      />
+                    </div>
+
+                    <div>
+                      <label class="block text-base font-semibold text-gray-800 dark:text-white mb-2">Google Tag Manager ID</label>
+                      <input
+                        v-model="settings.seoGoogleTagManager"
+                        type="text"
+                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm placeholder-gray-400 transition-all duration-200"
+                        placeholder="GTM-XXXXXXX"
+                      />
+                    </div>
+
+                    <div>
+                      <label class="block text-base font-semibold text-gray-800 dark:text-white mb-2">Facebook Pixel ID</label>
+                      <input
+                        v-model="settings.seoFacebookPixel"
+                        type="text"
+                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white text-sm placeholder-gray-400 transition-all duration-200"
+                        placeholder="XXXXXXXXXXXXXXX"
+                      />
+                    </div>
+                  </div>
+                </rs-card>
+              </div>
+
+              <!-- Advanced Tab -->
+              <div v-if="activeTab === 'advanced'" class="space-y-6">
+                <rs-card class="p-6">
+                  <h3 class="text-lg font-semibold text-gray-800 dark:text-white mb-6">Custom CSS</h3>
+                  
+                  <div class="space-y-6">
+                    <!-- CSS Upload -->
+                    <div>
+                      <input
+                        ref="cssFile"
+                        type="file"
+                        accept=".css"
+                        @change="handleCSSUpload"
+                        class="hidden"
+                      />
+                      <rs-button @click="$refs.cssFile.click()" variant="outline" size="sm" class="mb-3 border border-gray-300 dark:border-gray-600 hover:border-primary dark:hover:border-primary">
+                        <Icon name="ic:outline-upload" class="mr-1" />
+                        Upload CSS File
+                      </rs-button>
+                      <p class="text-xs text-gray-500 dark:text-gray-400 mb-3">Upload a .css file to automatically load content.</p>
+                    </div>
+
+                    <!-- CSS Editor -->
+                    <div>
+                      <label class="block text-base font-semibold text-gray-800 dark:text-white mb-2">Custom CSS</label>
+                      <textarea
+                        v-model="settings.customCSS"
+                        rows="10"
+                        class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-700 rounded-lg focus:border-primary focus:ring-2 focus:ring-primary/20 dark:bg-gray-700 dark:text-white font-mono text-sm placeholder-gray-400 transition-all duration-200"
+                        placeholder="/* Add your custom CSS here */
+.your-custom-class {
+  color: #333;
+  font-weight: bold;
+}"
+                      ></textarea>
+                      <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">CSS will be injected into the page head.</p>
+                    </div>
+                  </div>
+                </rs-card>
+              </div>
+            </div>
+
+            <!-- Live Preview Sidebar -->
+            <div class="lg:col-span-1">
+              <div class="sticky top-6 space-y-6">
+                <rs-card class="p-6">
+                  <h3 class="text-lg font-semibold text-gray-800 dark:text-white mb-6">Live Preview</h3>
+                  
+                  <!-- Header Preview -->
+                  <div class="mb-6">
+                    <p class="text-base font-medium text-gray-700 dark:text-gray-300 mb-2">Header</p>
+                    <div class="border border-gray-300 dark:border-gray-600 rounded-md p-4 bg-white dark:bg-gray-800/50 flex items-center space-x-3">
+                      <img 
+                        :src="getCurrentLogo()" 
+                        alt="Logo Preview" 
+                        class="w-10 h-10 object-contain"
+                        @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+                      />
+                      <span v-if="settings.showSiteNameInHeader" 
+                            class="font-semibold"
+                            :style="{ fontSize: (settings.siteNameFontSize || 18) + 'px' }">
+                        {{ settings.siteName || 'Your Site Name' }}
+                      </span>
+                    </div>
+                  </div>
+
+                  <!-- Loading Preview -->
+                  <div class="mb-6">
+                    <p class="text-base font-medium text-gray-700 dark:text-gray-300 mb-2">Loading Screen</p>
+                    <div class="border border-gray-300 dark:border-gray-600 rounded-md p-4 bg-white dark:bg-gray-800/50 flex items-center justify-center">
+                      <img 
+                        :src="getCurrentLoadingLogo()" 
+                        alt="Loading Logo Preview" 
+                        class="w-20 h-20 object-contain"
+                        @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+                      />
+                    </div>
+                  </div>
+
+                  <!-- Login Logo Preview -->
+                  <div class="mb-6">
+                    <p class="text-base font-medium text-gray-700 dark:text-gray-300 mb-2">Login Page</p>
+                    <div class="border border-gray-300 dark:border-gray-600 rounded-md p-4 bg-white dark:bg-gray-800/50 flex items-center justify-center">
+                      <img 
+                        :src="getCurrentLoginLogo()" 
+                        alt="Login Logo Preview" 
+                        class="w-20 h-20 object-contain"
+                        @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+                      />
+                    </div>
+                  </div>
+
+                  <!-- Browser Tab Preview -->
+                  <div class="mb-6">
+                    <p class="text-base font-medium text-gray-700 dark:text-gray-300 mb-2">Browser Tab</p>
+                    <div class="border border-gray-300 dark:border-gray-600 rounded-md p-3 bg-gray-100 dark:bg-gray-700/50 flex items-center space-x-2">
+                      <img 
+                        :src="getCurrentFavicon()" 
+                        alt="Favicon Preview" 
+                        class="w-6 h-6"
+                        @error="$event.target.src = '/favicon.ico'"
+                      />
+                      <span class="text-sm truncate">{{ settings.siteName || 'Your Site Name' }}</span>
+                    </div>
+                  </div>
+
+                  <!-- Font Preview -->
+                  <div>
+                    <p class="text-base font-medium text-gray-700 dark:text-gray-300 mb-2">Font</p>
+                    <div class="border border-gray-300 dark:border-gray-600 rounded-md p-4 bg-white dark:bg-gray-800/50">
+                      <p class="text-sm" :style="{ fontFamily: settings.currentFont || 'DM Sans' }">
+                        {{ settings.currentFont || 'DM Sans' }}
+                      </p>
+                      <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">{{ settings.fontSource || 'System Default' }}</p>
+                    </div>
+                  </div>
+                  
+                  <!-- Debug Info -->
+                  <div class="mt-6 p-4 bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700 rounded-lg">
+                    <p class="text-sm font-semibold text-blue-800 dark:text-blue-200 mb-2">Debug Info</p>
+                    <div class="text-xs text-blue-700 dark:text-blue-300 space-y-1.5">
+                      <div><span class="font-medium">Site Name:</span> {{ settings.siteName || 'Not set' }}</div>
+                      <div><span class="font-medium">Show in Header:</span> {{ settings.showSiteNameInHeader ? 'Yes' : 'No' }}</div>
+                      <div><span class="font-medium">Font Size:</span> {{ settings.siteNameFontSize }}px</div>
+                    </div>
+                  </div>
+                </rs-card>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </rs-card>
+  </div>
+</template>
+
+<style scoped>
+/* Custom toggle switch styling */
+.toggle {
+  @apply relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2;
+}
+
+.toggle:checked {
+  @apply bg-primary;
+}
+
+.toggle:not(:checked) {
+  @apply bg-gray-300 dark:bg-gray-600;
+}
+
+.toggle::before {
+  @apply absolute left-1 top-1 h-4 w-4 rounded-full bg-white transition-transform content-[''];
+}
+
+.toggle:checked::before {
+  @apply translate-x-5;
+}
+
+/* Code mirror custom styling */
+.rs-code-mirror {
+  @apply border-0;
+}
+</style> 
\ No newline at end of file
diff --git a/pages/devtool/content-editor/code/index.vue b/pages/devtool/content-editor/code/index.vue
new file mode 100644
index 0000000..223aea6
--- /dev/null
+++ b/pages/devtool/content-editor/code/index.vue
@@ -0,0 +1,226 @@
+<script setup>
+definePageMeta({
+  title: "Code Editor",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal, $router } = useNuxtApp();
+const route = useRoute();
+const router = useRouter();
+
+const fileCode = ref("");
+const fileCodeConstant = ref("");
+const componentKey = ref(0);
+
+const hasError = ref(false);
+const error = ref("");
+
+const linterError = ref(false);
+const linterErrorText = ref("");
+const linterErrorColumn = ref(0);
+const linterErrorLine = ref(0);
+
+const isLinterChecking = ref(false);
+
+const page = router.getRoutes().find((page) => {
+  return page.name === route.query?.page;
+});
+
+if (!route.query.page || !page) {
+  $swal
+    .fire({
+      title: "Error",
+      text: "The page you are trying to edit is not found. Please choose a page to edit.",
+      icon: "error",
+      confirmButtonText: "Ok",
+    })
+    .then(async (result) => {
+      if (result.isConfirmed) {
+        await $router.push("/devtool/content-editor");
+      }
+    });
+}
+
+if (page?.path)
+  page.path = page.path.replace(/:(\w+)/g, "[$1]").replace(/\(\)/g, "");
+
+// Call API to get the code
+const { data } = await useFetch("/api/devtool/content/code/file-code", {
+  initialCache: false,
+  method: "GET",
+  query: {
+    path: page.path,
+  },
+});
+
+// console.log(data.value);
+
+if (data.value.statusCode === 200) {
+  fileCode.value = data.value.data;
+  fileCodeConstant.value = data.value.data;
+
+  // If its index append the path
+  if (data.value?.mode == "index") page.path = page.path + "/index";
+} else {
+  $swal.fire({
+    title: "Error",
+    text: "The page you are trying to edit is not found. Please choose a page to edit. You will be redirected to the content editor page.",
+    icon: "error",
+    confirmButtonText: "Ok",
+    timer: 3000,
+  });
+  setTimeout(() => {
+    $router.push("/devtool/content-editor");
+  }, 3000);
+}
+
+async function formatCode() {
+  // Call API to get the code
+  const { data } = await useFetch("/api/devtool/content/code/prettier-format", {
+    initialCache: false,
+    method: "POST",
+    body: JSON.stringify({
+      code: fileCode.value,
+    }),
+  });
+  forceRerender();
+
+  if (data.value.statusCode === 200) {
+    fileCode.value = data.value.data;
+  }
+}
+
+async function checkLinterVue() {
+  isLinterChecking.value = true;
+  try {
+    // Call API to get the code
+    const { data } = await useFetch("/api/devtool/content/code/linter", {
+      initialCache: false,
+      method: "POST",
+      body: JSON.stringify({
+        code: fileCode.value,
+      }),
+    });
+
+    if (data.value.statusCode === 200) {
+      linterError.value = false;
+      linterErrorText.value = "";
+      linterErrorColumn.value = 0;
+      linterErrorLine.value = 0;
+    } else if (data.value.statusCode === 400) {
+      linterError.value = true;
+      linterErrorText.value = data.value.data.message;
+      linterErrorColumn.value = data.value.data.column;
+      linterErrorLine.value = data.value.data.line;
+    }
+  } finally {
+    isLinterChecking.value = false;
+  }
+}
+
+const forceRerender = () => {
+  componentKey.value += 1;
+};
+
+const keyPress = (key) => {
+  // console.log(key);
+  const event = new KeyboardEvent("keydown", {
+    key: key,
+    ctrlKey: true,
+  });
+  // console.log(event);
+  document.dispatchEvent(event);
+};
+
+const saveCode = async () => {
+  // Check Linter Vue
+  await checkLinterVue();
+
+  if (linterError.value) {
+    $swal.fire({
+      title: "Error",
+      text: "There is an error in your code. Please fix it before saving.",
+      icon: "error",
+      confirmButtonText: "Ok",
+    });
+    return;
+  }
+
+  const { data } = await useFetch("/api/devtool/content/code/save", {
+    initialCache: false,
+    method: "POST",
+    body: {
+      path: page.path,
+      code: fileCode.value,
+    },
+  });
+  if (data.value.statusCode === 200) {
+    $swal.fire({
+      title: "Success",
+      text: "The code has been saved successfully.",
+      icon: "success",
+      confirmButtonText: "Ok",
+      timer: 1000,
+    });
+    setTimeout(() => {
+      $router.go();
+    }, 1000);
+  }
+};
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <rs-alert v-if="hasError" variant="danger" class="mb-4">{{
+      error
+    }}</rs-alert>
+    <rs-card class="mb-0">
+      <div class="p-4">
+        <div class="flex justify-end gap-2 mb-4">
+          <rs-button
+            class="!p-2"
+            @click="saveCode"
+            :disabled="isLinterChecking"
+          >
+            <div class="flex items-center">
+              <Icon
+                v-if="!isLinterChecking"
+                name="material-symbols:save-outline-rounded"
+                size="20px"
+                class="mr-1"
+              />
+              <Icon
+                v-else
+                name="eos-icons:loading"
+                size="20px"
+                class="mr-1 animate-spin"
+              />
+              {{ isLinterChecking ? "Checking..." : "Save Code" }}
+            </div>
+          </rs-button>
+        </div>
+        <Transition>
+          <rs-alert v-if="linterError" variant="danger" class="mb-4">
+            <div class="flex gap-2">
+              <Icon name="material-symbols:error-outline-rounded" size="20px" />
+              <div>
+                <div class="font-bold">ESLint Error</div>
+                <div class="text-sm">
+                  {{ linterErrorText }}
+                </div>
+                <div class="text-xs mt-2">
+                  Line: {{ linterErrorLine }} Column: {{ linterErrorColumn }}
+                </div>
+              </div>
+            </div>
+          </rs-alert>
+        </Transition>
+      </div>
+
+      <rs-code-mirror :key="componentKey" v-model="fileCode" />
+    </rs-card>
+  </div>
+</template>
diff --git a/pages/devtool/content-editor/index.vue b/pages/devtool/content-editor/index.vue
new file mode 100644
index 0000000..884e783
--- /dev/null
+++ b/pages/devtool/content-editor/index.vue
@@ -0,0 +1,247 @@
+<script setup>
+definePageMeta({
+  title: "Content Editor",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal, $router } = useNuxtApp();
+const router = useRouter();
+
+const getPages = router.getRoutes();
+
+const pages = getPages.filter((page) => {
+  // Filter out pages in the devtool path
+  if (page.path.includes("/devtool")) {
+    return false;
+  }
+
+  // Use page.name if page.meta.title doesn't exist
+  const pageTitle = page.meta?.title || page.name;
+
+  return pageTitle && pageTitle !== "Home" && page.name;
+});
+
+const searchText = ref("");
+const showModal = ref(false);
+const modalData = ref({
+  name: "",
+  path: "",
+});
+
+const searchPages = () => {
+  return pages.filter((page) => {
+    const pageTitle = page.meta?.title || page.name;
+    return pageTitle.toLowerCase().includes(searchText.value.toLowerCase());
+  });
+};
+
+const capitalizeSentence = (sentence) => {
+  return sentence
+    .split(" ")
+    .map((word) => {
+      return word[0].toUpperCase() + word.slice(1);
+    })
+    .join(" ");
+};
+
+const templateOptions = ref([{ label: "Select Template", value: "" }]);
+const selectTemplate = ref("");
+
+const { data: templates } = await useFetch(
+  "/api/devtool/content/template/list",
+  {
+    method: "GET",
+  }
+);
+
+templateOptions.value.push(
+  ...templates?.value.data.map((template) => {
+    return {
+      label: `${template.title} - ${template.id}`,
+      value: template.id,
+    };
+  })
+);
+
+const importTemplate = (pageName) => {
+  showModal.value = true;
+  modalData.value.name = pageName;
+  modalData.value.path = router.getRoutes().find((page) => {
+    return page.name === pageName;
+  }).path;
+};
+
+const confirmModal = async () => {
+  $swal
+    .fire({
+      title: "Are you sure you want to import this template?",
+      text: "This action cannot be undone.",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      cancelButtonColor: "#d33",
+      confirmButtonText: "Yes",
+    })
+    .then(async (result) => {
+      if (result.isConfirmed) {
+        const { data: res } = await useFetch(
+          "/api/devtool/content/template/import",
+          {
+            initialCache: false,
+            method: "GET",
+            query: {
+              path: modalData.value.path + "/index",
+              templateId: selectTemplate.value,
+            },
+          }
+        );
+
+        if (res.value.statusCode == 200) {
+          $swal.fire({
+            title: "Success",
+            text: res.value.message,
+            icon: "success",
+            confirmButtonText: "Ok",
+            timer: 1000,
+          });
+
+          setTimeout(() => {
+            $router.go();
+          }, 1000);
+        }
+      }
+    })
+    .finally(() => {
+      showModal.value = false;
+    });
+};
+</script>
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    <rs-card>
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon
+          >Info
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          This page is used to edit the content of a page. You can edit the
+          content of the page by choosing the page to edit from the card list
+          below.
+        </p>
+      </template>
+    </rs-card>
+
+    <rs-card>
+      <div class="p-4">
+        <!-- Search Button -->
+        <FormKit
+          v-model="searchText"
+          placeholder="Search Title..."
+          type="search"
+        />
+
+        <div
+          class="page-wrapper grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5"
+          v-auto-animate
+        >
+          <!-- <div
+            class="page border-2 border-gray-400 border-dashed rounded-lg"
+            style="min-height: 250px"
+          >
+            Add New Page
+          </div> -->
+          <div
+            v-for="page in searchPages()"
+            :key="page.path"
+            class="page shadow-md shadow-black/5 p-5 ring-1 ring-slate-700/10 rounded-lg"
+          >
+            <div class="pb-4">
+              <h4 class="font-semibold">
+                {{ capitalizeSentence(page.meta?.title || page.name) }}
+              </h4>
+              <nuxt-link :to="page.path">
+                <div
+                  class="flex items-center text-primary hover:text-primary/70"
+                >
+                  <Icon
+                    class="mr-2"
+                    name="ic:outline-link"
+                    style="font-size: 1.2rem"
+                  ></Icon>
+                  <p class="text-sm">{{ page.path }}</p>
+                </div>
+              </nuxt-link>
+            </div>
+            <div
+              class="button-list flex justify-between border-t pt-4 border-gray-300"
+            >
+              <div class="flex gap-x-2">
+                <!-- <nuxt-link
+                  :to="`/devtool/content-editor/canvas?page=${page.name}`"
+                >
+                  <rs-button variant="primary" class="!py-2 !px-3">
+                    <Icon name="ph:paint-brush-broad"></Icon>
+                  </rs-button>
+                </nuxt-link> -->
+                <nuxt-link
+                  :to="`/devtool/content-editor/code?page=${page.name}`"
+                >
+                  <rs-button variant="primary" class="!py-2 !px-3">
+                    <Icon
+                      name="material-symbols:code-blocks-outline-rounded"
+                    ></Icon>
+                  </rs-button>
+                </nuxt-link>
+              </div>
+              <rs-button
+                variant="primary-text"
+                class="!py-2 !px-3"
+                @click="importTemplate(page.name)"
+              >
+                <Icon name="mdi:import"></Icon>
+              </rs-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </rs-card>
+
+    <rs-modal :title="`Import (${modalData.name})`" v-model="showModal">
+      <FormKit
+        v-model="selectTemplate"
+        type="select"
+        label="Content Template"
+        :options="templateOptions"
+        validation="required"
+        validation-visibility="dirty"
+        help="Please choose carefully the template that you want to import. This action cannot be undone."
+      />
+      <template #footer>
+        <rs-button @click="showModal = false" variant="primary-text">
+          Cancel
+        </rs-button>
+        <rs-button @click="confirmModal" :disabled="!selectTemplate"
+          >Confirm</rs-button
+        >
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.thumbnail::before {
+  content: "";
+  display: block;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.8);
+}
+</style>
diff --git a/pages/devtool/content-editor/template/index.vue b/pages/devtool/content-editor/template/index.vue
new file mode 100644
index 0000000..8b18c25
--- /dev/null
+++ b/pages/devtool/content-editor/template/index.vue
@@ -0,0 +1,127 @@
+<script setup>
+definePageMeta({
+  title: "Template Editor",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const searchText = ref("");
+
+const { data: templateList } = await useFetch(
+  "/api/devtool/content/template/list",
+  {
+    method: "GET",
+  }
+);
+
+// Search function that can search the template by title and tags if tags is available after data is fetched
+const searchTemplate = () => {
+  return templateList?.value.data.filter((template) => {
+    return template.title
+      .toLowerCase()
+      .includes(searchText.value.toLowerCase());
+  });
+};
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    <rs-card>
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon
+          >Info
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          This webpage serves as a platform for template management, enabling
+          users to select and utilize templates for rendering pages according to
+          their chosen design.
+        </p>
+      </template>
+    </rs-card>
+
+    <rs-card>
+      <div class="p-4">
+        <!-- Search Button -->
+        <FormKit
+          v-model="searchText"
+          placeholder="Search Title..."
+          type="search"
+        />
+
+        <div
+          class="page-wrapper grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5"
+          v-auto-animate
+        >
+          <!-- <div
+            class="page border-2 border-gray-400 border-dashed rounded-lg"
+            style="min-height: 250px"
+          >
+            Add New Page
+          </div> -->
+          <div
+            v-for="val in searchTemplate()"
+            class="page shadow-md shadow-black/5 ring-1 ring-slate-700/10 rounded-lg"
+            style="min-height: 250px"
+          >
+            <div class="thumbnail-wrapper relative">
+              <div class="button-list absolute bottom-3 right-3 flex z-10">
+                <nuxt-link :to="val.img" target="_blank">
+                  <rs-button class="!py-2 !px-3 rounded-r-none">
+                    <Icon name="material-symbols:fullscreen-rounded"></Icon>
+                  </rs-button>
+                </nuxt-link>
+                <nuxt-link
+                  :to="`/devtool/content-editor/template/view/${val.id}`"
+                >
+                  <rs-button class="!py-2 !px-3 rounded-l-none">
+                    <Icon name="material-symbols:preview"></Icon>
+                  </rs-button>
+                </nuxt-link>
+              </div>
+
+              <img
+                class="thumbnail rounded-tl-lg rounded-tr-lg bg-[#F3F4F6]"
+                style="height: 250px; width: 100%; object-fit: contain"
+                :src="val.img"
+                alt=""
+              />
+              <div
+                class="overlay-img opacity-10 bg-black text-black before:content-['Hello_World'] absolute top-0 left-0 w-full h-full rounded-tl-lg rounded-tr-lg"
+              ></div>
+            </div>
+            <div class="p-4">
+              <h4 class="font-semibold">{{ val.title }} ({{ val.id }})</h4>
+              <div class="flex items-center mb-4">
+                <p class="text-sm">{{ val.description }}</p>
+              </div>
+              <div
+                class="tag h-10 flex justify-start items-center overflow-x-auto gap-x-2"
+              >
+                <rs-badge v-for="val2 in val.tag">
+                  {{ val2 }}
+                </rs-badge>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </rs-card>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.thumbnail::before {
+  content: "";
+  display: block;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.8);
+}
+</style>
diff --git a/pages/devtool/content-editor/template/view/[id]/index.vue b/pages/devtool/content-editor/template/view/[id]/index.vue
new file mode 100644
index 0000000..e332bda
--- /dev/null
+++ b/pages/devtool/content-editor/template/view/[id]/index.vue
@@ -0,0 +1,33 @@
+<script setup>
+definePageMeta({
+  title: "Template Viewer",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const id = useRoute().params.id;
+
+const { data: template } = await useFetch(
+  `/api/devtool/content/template/get-list`,
+  {
+    method: "GET",
+    params: {
+      id: id,
+    },
+  }
+);
+
+console.log(template.value.data);
+
+const templateComponent = defineAsyncComponent(
+  () => import(`../../../../../templates/${template.value.data.filename}.vue`)
+);
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <component :is="templateComponent" />
+  </div>
+</template>
diff --git a/pages/devtool/menu-editor/index.vue b/pages/devtool/menu-editor/index.vue
new file mode 100644
index 0000000..b27d732
--- /dev/null
+++ b/pages/devtool/menu-editor/index.vue
@@ -0,0 +1,761 @@
+<script setup>
+import Menu from "~/navigation/index.js";
+
+definePageMeta({
+  title: "Menu Editor",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+const nuxtApp = useNuxtApp();
+
+const sideMenuList = ref(Menu);
+
+const router = useRouter();
+const getRoutes = router.getRoutes();
+const getNavigation = Menu ? ref(Menu) : ref([]);
+
+const allMenus = reactive([]);
+
+const showCode = ref(false);
+let i = 1;
+
+const searchInput = ref("");
+
+const showModal = ref(false);
+const showModalEl = ref(null);
+const dropdownMenu = ref([]);
+const dropdownMenuValue = ref(null);
+
+const showModalEdit = ref(false);
+const showModalEditPath = ref(null);
+const showModalEditForm = ref({
+  title: "",
+  name: "",
+  path: "",
+  guardType: "",
+});
+// const showModalEditEl = ref(null);
+
+const showModalAdd = ref(false);
+const showModalAddForm = ref({
+  title: "",
+  name: "",
+  path: "",
+});
+
+const systemPages = [
+  "/devtool",
+  "/dashboard",
+  "/login",
+  "/logout",
+  "/register",
+  "/reset-password",
+  "/forgot-password",
+];
+
+const kebabtoTitle = (str) => {
+  if (!str) return str;
+  return str
+    .split("-")
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(" ");
+};
+
+// Sort the routes into menus
+getRoutes.sort((a, b) => {
+  return a.path.localeCompare(b.path);
+});
+
+//----------------------------------------------------------------------------
+//-------------------------FIRST CHILD TAB ITEM (END)-------------------------
+//----------------------------------------------------------------------------
+
+// Loop through the routes and add them to the menus
+getRoutes.map((menu) => {
+  let visibleMenu = false;
+
+  // Check if the menu is visible
+  for (let i = 0; i < getNavigation.value.length; i++) {
+    if (getNavigation.value[i].child) {
+      for (let j = 0; j < getNavigation.value[i].child.length; j++) {
+        if (getNavigation.value[i].child[j].path === menu.path)
+          visibleMenu = true;
+        else if (getNavigation.value[i].child[j].child) {
+          for (
+            let k = 0;
+            k < getNavigation.value[i].child[j].child.length;
+            k++
+          ) {
+            if (getNavigation.value[i].child[j].child[k].path === menu.path)
+              visibleMenu = true;
+          }
+        }
+      }
+    }
+  }
+
+  if (menu.name)
+    allMenus.push({
+      id: i++,
+      title:
+        menu.meta && menu.meta.title
+          ? menu.meta.title
+          : kebabtoTitle(menu.name),
+      parentMenu: menu.path.split("/")[1],
+      name: menu.name,
+      path: menu.path,
+      visible: visibleMenu,
+      action: "",
+    });
+});
+
+const openModalEdit = (menu) => {
+  showModalEditForm.value.title = menu.title;
+  showModalEditForm.value.name = menu.name;
+
+  // If there is a slash in the beggining of the path, remove it
+  if (menu.path.charAt(0) === "/") {
+    showModalEditForm.value.path = menu.path.slice(1);
+  } else {
+    showModalEditForm.value.path = menu.path;
+  }
+
+  showModalEditPath.value = menu.path;
+
+  showModalEdit.value = true;
+};
+
+const saveEditMenu = async () => {
+  // Check title regex to ensure no weird symbol only letters, numbers, spaces, underscores and dashes
+  if (!/^[a-zA-Z0-9\s_-]+$/.test(showModalEditForm.value.title)) {
+    nuxtApp.$swal.fire({
+      title: "Error",
+      text: "Title contains invalid characters. Only letters, numbers, spaces, underscores and dashes are allowed.",
+      icon: "error",
+    });
+    return;
+  }
+
+  // Clean the name and title ensure not spacing at the beginning or end
+  showModalEditForm.value.title = showModalEditForm.value.title.trim();
+  showModalEditForm.value.name = showModalEditForm.value.name.trim();
+
+  const res = await useFetch("/api/devtool/menu/edit", {
+    method: "POST",
+    initialCache: false,
+    body: JSON.stringify({
+      filePath: showModalEditPath.value,
+      formData: {
+        title: showModalEditForm.value.title || "",
+        name: showModalEditForm.value.name || "",
+        path: "/" + showModalEditForm.value.path || "",
+      },
+      // formData: showModalEditForm.value,
+    }),
+  });
+
+  const data = res.data.value;
+
+  if (data.statusCode === 200) {
+    showModalEdit.value = false;
+
+    nuxtApp.$swal.fire({
+      title: "Success",
+      text: data.message,
+      icon: "success",
+      timer: 2000,
+      showConfirmButton: false,
+    });
+
+    window.location.reload();
+  }
+};
+
+const openModalAdd = () => {
+  showModalAddForm.value.title = "";
+  showModalAddForm.value.name = "";
+  showModalAddForm.value.path = "";
+
+  showModalAdd.value = true;
+};
+
+const saveAddMenu = async () => {
+  // Check title regex to ensure no weird symbol only letters, numbers, spaces, underscores and dashes
+  if (!/^[a-zA-Z0-9\s_-]+$/.test(showModalAddForm.value.title)) {
+    nuxtApp.$swal.fire({
+      title: "Error",
+      text: "Title contains invalid characters. Only letters, numbers, spaces, underscores and dashes are allowed.",
+      icon: "error",
+    });
+    return;
+  }
+
+  // Clean the name and title ensure not spacing at the beginning or end
+  showModalAddForm.value.title = showModalAddForm.value.title.trim();
+  showModalAddForm.value.name = showModalAddForm.value.name.trim();
+
+  const res = await useFetch("/api/devtool/menu/add", {
+    method: "POST",
+    initialCache: false,
+    body: JSON.stringify({
+      formData: {
+        title: showModalAddForm.value.title || "",
+        name: showModalAddForm.value.name || "",
+        path: "/" + showModalAddForm.value.path || "",
+      },
+      // formData: showModalAddForm.value
+    }),
+  });
+
+  const data = res.data.value;
+
+  if (data.statusCode === 200) {
+    showModalAdd.value = false;
+
+    nuxtApp.$swal.fire({
+      title: "Success",
+      text: data.message,
+      icon: "success",
+      timer: 2000,
+      showConfirmButton: false,
+    });
+
+    window.location.reload();
+  } else {
+    nuxtApp.$swal.fire({
+      title: "Error",
+      text: data.message,
+      icon: "error",
+      timer: 2000,
+      showConfirmButton: false,
+    });
+  }
+};
+
+const deleteMenu = async (menu) => {
+  nuxtApp.$swal
+    .fire({
+      title: "Are you sure?",
+      text: "You won't be able to revert this!",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      cancelButtonColor: "#d33",
+      confirmButtonText: "Yes, delete it!",
+    })
+    .then(async (result) => {
+      if (result.isConfirmed) {
+        const res = await useFetch("/api/devtool/menu/delete", {
+          method: "POST",
+          initialCache: false,
+          body: JSON.stringify({
+            filePath: menu.path,
+          }),
+        });
+
+        const data = res.data.value;
+
+        if (data.statusCode === 200) {
+          nuxtApp.$swal.fire({
+            title: "Deleted!",
+            text: data.message,
+            icon: "success",
+            timer: 2000,
+            showConfirmButton: false,
+          });
+
+          window.location.reload();
+        }
+      }
+    });
+};
+
+//----------------------------------------------------------------------------
+//-------------------------FIRST CHILD TAB ITEM (END)-------------------------
+//----------------------------------------------------------------------------
+
+//-----------------------------------------------------------------------
+//-------------------------SECOND CHILD TAB ITEM-------------------------
+//-----------------------------------------------------------------------
+
+const checkExistSideMenuList = (path) => {
+  let exist = false;
+  sideMenuList.value.map((menu) => {
+    // Search child path
+    if (menu.child) {
+      menu.child.map((child) => {
+        if (child.path == path) {
+          exist = true;
+        }
+
+        if (child.child) {
+          child.child.map((child2) => {
+            if (child2.path == path) {
+              exist = true;
+            }
+          });
+        }
+      });
+    }
+  });
+  return exist;
+};
+
+const menuList = computed(() => {
+  // If the search input is empty, return all menus
+  if (searchInput.value === "") {
+    return allMenus;
+  } else {
+    // If the search input is not empty, filter the menus
+    return allMenus.filter((menu) => {
+      return menu.name.toLowerCase().includes(searchInput.value.toLowerCase());
+    });
+  }
+});
+
+// Clone draggable item
+const clone = (obj) => {
+  return JSON.parse(
+    JSON.stringify({
+      title: obj.title,
+      path: obj.path,
+      icon: obj.icon ? obj.icon : "",
+      child: [],
+    })
+  );
+};
+
+// Add Header
+const addNewHeader = () => {
+  // Push index = 1
+  sideMenuList.value.splice(1, 0, {
+    header: "New Header",
+    description: "New Description",
+    child: [],
+  });
+};
+
+// changeSideMenuList
+const changeSideMenuList = (menus) => {
+  sideMenuList.value = menus;
+};
+
+// Save the menu
+const overwriteJsonFileLocal = async (menus) => {
+  const res = await useFetch("/api/devtool/menu/overwrite-navigation", {
+    method: "POST",
+    initialCache: false,
+    body: JSON.stringify({
+      menuData: menus,
+    }),
+  });
+
+  const data = res.data.value;
+
+  if (data.statusCode === 200) {
+    nuxtApp.$swal.fire({
+      title: "Success",
+      text: data.message,
+      icon: "success",
+      timer: 2000,
+      showConfirmButton: false,
+    });
+  }
+};
+
+// open modal
+const openModal = (menu) => {
+  showModalEl.value = menu;
+
+  // Get All Menu includes child and assign to dropdownMenu in one array
+  let i = 0;
+  dropdownMenu.value = [
+    {
+      label: "Choose Menu",
+      value: null,
+      attrs: {
+        disabled: true,
+      },
+    },
+  ];
+
+  sideMenuList.value.map((menu) => {
+    if (menu.header || menu.description) {
+      dropdownMenu.value.push({
+        label: `${menu.header} (Header)`,
+        value: `header|${i}`,
+      });
+    } else if (menu.hasOwnProperty("header")) {
+      dropdownMenu.value.push({
+        label: `<No Header Name> (Header)`,
+        value: `header|${i}`,
+      });
+    }
+
+    if (menu.child) {
+      menu.child.map((child) => {
+        dropdownMenu.value.push({
+          label: `${child.title} (Menu)`,
+          value: `menu|${child.path}`,
+        });
+      });
+    }
+
+    i++;
+  });
+
+  showModal.value = true;
+};
+
+// Add new menu from list
+const addMenuFromList = () => {
+  if (dropdownMenuValue.value) {
+    const menuType = dropdownMenuValue.value.split("|")[0];
+    const menuValue = dropdownMenuValue.value.split("|")[1];
+
+    if (menuType === "header") {
+      // Add Header
+      sideMenuList.value[menuValue].child.push(clone(showModalEl.value));
+    } else if (menuType === "menu") {
+      // Add Menu
+      sideMenuList.value.map((menu) => {
+        if (menu.child) {
+          menu.child.map((child) => {
+            if (child.path == menuValue) {
+              child.child.push(clone(showModalEl.value));
+            }
+          });
+        }
+      });
+    }
+
+    showModal.value = false;
+  }
+};
+
+//-----------------------------------------------------------------------------
+//-------------------------SECOND CHILD TAB ITEM (END)-------------------------
+//-----------------------------------------------------------------------------
+
+// Add this watcher after the showModalEditForm ref declaration
+watch(
+  () => showModalEditForm.value,
+  (newTitle) => {
+    showModalEditForm.value.name = newTitle.toLowerCase().replace(/\s+/g, "-");
+  }
+);
+
+watch(
+  () => showModalAddForm.value.title,
+  (newTitle) => {
+    showModalAddForm.value.name = newTitle.toLowerCase().replace(/\s+/g, "-");
+  }
+);
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <rs-card>
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon
+          >Info
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          This page is used to edit the menu of the website. You can add, edit,
+          and delete menu items. You can also change the order of the menu items
+          by dragging and dropping them.
+        </p>
+      </template>
+    </rs-card>
+
+    <rs-card>
+      <div class="pt-2">
+        <rs-tab fill>
+          <rs-tab-item title="All Menu">
+            <div class="flex justify-end items-center mb-4">
+              <rs-button @click="openModalAdd">
+                <Icon name="material-symbols:add" class="mr-1"></Icon>
+                Add Menu
+              </rs-button>
+            </div>
+            <!-- Table All Menu -->
+            <rs-table
+              :data="allMenus"
+              :options="{
+                variant: 'default',
+                striped: true,
+                borderless: true,
+              }"
+              :options-advanced="{
+                sortable: true,
+                filterable: false,
+                responsive: false,
+              }"
+              advanced
+            >
+              <template v-slot:name="data">
+                <NuxtLink
+                  class="text-blue-700 hover:underline"
+                  :to="data.value.path"
+                  target="_blank"
+                  >{{ data.text }}</NuxtLink
+                >
+              </template>
+              <template v-slot:visible="data">
+                <div class="flex items-center">
+                  <Icon
+                    name="mdi:eye-outline"
+                    class="text-primary"
+                    size="22"
+                    v-if="data.value.visible"
+                  />
+                  <Icon
+                    name="mdi:eye-off-outline"
+                    class="text-primary/20"
+                    size="22"
+                    v-else
+                  />
+                </div>
+              </template>
+              <template v-slot:action="data">
+                <div class="flex items-center">
+                  <template
+                    v-if="
+                      !systemPages.some((path) =>
+                        data.value.path.startsWith(path)
+                      ) && data.value.parentMenu != 'admin'
+                    "
+                  >
+                    <Icon
+                      name="material-symbols:edit-outline-rounded"
+                      class="text-primary hover:text-primary/90 cursor-pointer mr-1"
+                      size="22"
+                      @click="openModalEdit(data.value)"
+                    ></Icon>
+                    <Icon
+                      name="material-symbols:close-rounded"
+                      class="text-primary hover:text-primary/90 cursor-pointer"
+                      size="22"
+                      @click="deleteMenu(data.value)"
+                    ></Icon>
+                  </template>
+                  <div v-else class="text-gray-400">-</div>
+                </div>
+              </template>
+            </rs-table>
+          </rs-tab-item>
+          <rs-tab-item title="Manage Side Menu">
+            <div class="flex justify-end items-center mb-4">
+              <rs-button
+                class="mr-2"
+                @click="showCode ? (showCode = false) : (showCode = true)"
+              >
+                <Icon name="ic:baseline-code" class="mr-2"></Icon>
+                {{ showCode ? "Hide" : "Show" }} JSON Code
+              </rs-button>
+              <rs-button @click="overwriteJsonFileLocal(sideMenuList)">
+                <Icon name="mdi:content-save-outline" class="mr-2"></Icon>
+                Save Menu
+              </rs-button>
+            </div>
+
+            <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 gap-5">
+              <div>
+                <FormKit
+                  type="search"
+                  placeholder="Search Menu..."
+                  outer-class="mb-5"
+                  v-model="searchInput"
+                />
+                <NuxtScrollbar
+                  style="height: 735px"
+                  class="px-5 pt-5 border border-[rgb(var(--border-color))] bg-[rgb(var(--bg-1))] rounded-md"
+                >
+                  <draggable
+                    item-key="id"
+                    v-model="menuList"
+                    :group="{ name: 'menu', pull: 'clone', put: false }"
+                    :clone="clone"
+                    :sort="false"
+                  >
+                    <template #item="{ element }">
+                      <rs-card
+                        class="p-4 mb-4 border-2 border-[rgb(var(--border-color))] !shadow-none"
+                      >
+                        <div class="flex justify-between items-center">
+                          <p>
+                            {{ kebabtoTitle(element.name) }} (
+                            <NuxtLink
+                              class="text-primary hover:underline"
+                              :to="element.path"
+                              target="_blank"
+                            >
+                              {{ element.path }}
+                            </NuxtLink>
+                            )
+                          </p>
+                          <Icon
+                            v-if="checkExistSideMenuList(element.path) == false"
+                            name="ic:baseline-arrow-circle-right"
+                            class="text-primary cursor-pointer transition-all duration-150 hover:scale-110"
+                            @click="openModal(element)"
+                          ></Icon>
+                        </div>
+                      </rs-card>
+                    </template>
+                  </draggable>
+                </NuxtScrollbar>
+              </div>
+              <NuxtScrollbar v-if="!showCode" style="height: 825px">
+                <rs-card
+                  class="p-4 border border-[rgb(var(--border-color))] bg-[rgb(var(--bg-1))] rounded-md"
+                >
+                  <div class="flex justify-end items-center">
+                    <rs-button
+                      class="!p-2 mt-3 justify-center items-center"
+                      @click="addNewHeader"
+                    >
+                      <Icon
+                        class="mr-1"
+                        name="material-symbols:docs-add-on"
+                        size="18"
+                      ></Icon>
+                      Add Header
+                    </rs-button>
+                  </div>
+                  <DraggableSideMenuNested
+                    :menus="sideMenuList"
+                    @changeSideMenu="changeSideMenuList"
+                  />
+                </rs-card>
+              </NuxtScrollbar>
+              <pre v-else v-html="JSON.stringify(sideMenuList, null, 2)"></pre>
+            </div>
+          </rs-tab-item>
+        </rs-tab>
+      </div>
+    </rs-card>
+
+    <rs-modal
+      title="Select Menu"
+      v-model="showModal"
+      ok-title="Confirm"
+      :ok-callback="addMenuFromList"
+    >
+      <FormKit
+        label="Please Select Menu or Header"
+        help="Select menu or header to add as their child menu"
+        type="select"
+        v-model="dropdownMenuValue"
+        :options="dropdownMenu"
+      ></FormKit>
+    </rs-modal>
+
+    <rs-modal title="Edit Menu" v-model="showModalEdit" :overlay-close="false">
+      <template #body>
+        <FormKit type="form" :actions="false" @submit="saveEditMenu">
+          <FormKit
+            type="text"
+            label="Title"
+            :validation="[['required']]"
+            :validation-messages="{
+              required: 'Title is required',
+            }"
+            v-model="showModalEditForm.title"
+          />
+
+          <FormKit
+            type="text"
+            label="Path"
+            help="If the last path name is '/', the name of the file will be from its name property. While if the last path name is not '/', the name of the file will be from its path property."
+            :validation="[['required'], ['matches', '/^[a-z0-9/-]+$/']]"
+            :validation-messages="{
+              required: 'Path is required',
+              matches:
+                'Path contains invalid characters or spacing before or after. Only letters, numbers, dashes, and underscores are allowed.',
+            }"
+            v-model="showModalEditForm.path"
+          >
+            <template #prefix>
+              <div
+                class="bg-slate-100 dark:bg-slate-700 h-full rounded-l-md p-3"
+              >
+                /
+              </div>
+            </template>
+          </FormKit>
+          <div class="flex justify-end gap-2">
+            <rs-button variant="outline" @click="showModalEdit = false">
+              Cancel
+            </rs-button>
+            <rs-button btnType="submit">
+              <Icon
+                name="material-symbols:save-outline"
+                class="mr-2 !w-4 !h-4"
+              />
+              Save Changes
+            </rs-button>
+          </div>
+        </FormKit>
+      </template>
+
+      <template #footer> </template>
+    </rs-modal>
+
+    <rs-modal title="Add Menu" v-model="showModalAdd" :overlay-close="false">
+      <template #body>
+        <FormKit type="form" :actions="false" @submit="saveAddMenu">
+          <FormKit
+            type="text"
+            label="Title"
+            :validation="[['required']]"
+            :validation-messages="{
+              required: 'Title is required',
+            }"
+            v-model="showModalAddForm.title"
+          />
+
+          <FormKit
+            type="text"
+            label="Path"
+            help="If the last path name is '/', the name of the file will be from its name property. While if the last path name is not '/', the name of the file will be from its path property."
+            :validation="[['required'], ['matches', '/^[a-z0-9/-]+$/']]"
+            :validation-messages="{
+              required: 'Path is required',
+              matches:
+                'Path contains invalid characters or spacing before or after. Only letters, numbers, dashes, and underscores are allowed.',
+            }"
+            v-model="showModalAddForm.path"
+          >
+            <template #prefix>
+              <div
+                class="bg-slate-100 dark:bg-slate-700 h-full rounded-l-md p-3"
+              >
+                /
+              </div>
+            </template>
+          </FormKit>
+          <div class="flex justify-end gap-2">
+            <rs-button variant="outline" @click="showModalAdd = false">
+              Cancel
+            </rs-button>
+            <rs-button btnType="submit">
+              <Icon
+                name="material-symbols:add-circle-outline-rounded"
+                class="mr-2 !w-4 !h-4"
+              />
+              Add Menu
+            </rs-button>
+          </div>
+        </FormKit>
+      </template>
+
+      <template #footer> </template>
+    </rs-modal>
+  </div>
+</template>
\ No newline at end of file
diff --git a/pages/devtool/orm/index.vue b/pages/devtool/orm/index.vue
new file mode 100644
index 0000000..7ab6ae1
--- /dev/null
+++ b/pages/devtool/orm/index.vue
@@ -0,0 +1,169 @@
+<script setup>
+definePageMeta({
+  title: "Database (ORM)",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal } = useNuxtApp();
+
+const searchText = ref("");
+const tableList = ref([]);
+
+const { data } = await useFetch("/api/devtool/orm/schema", {
+  method: "GET",
+  query: {
+    type: "table",
+  },
+});
+
+if (data.value.statusCode === 200) {
+  tableList.value = data.value.data;
+}
+
+const deleteTable = async (tableName) => {
+  try {
+    const result = await $swal.fire({
+      title: "Are you sure?",
+      text: `You are about to delete the table '${tableName}'. This action cannot be undone!`,
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      cancelButtonColor: "#d33",
+      confirmButtonText: "Yes, delete it!",
+    });
+
+    if (result.isConfirmed) {
+      const { data } = await useFetch(
+        `/api/devtool/orm/table/delete/${tableName}`,
+        {
+          method: "DELETE",
+        }
+      );
+
+      if (data.value.statusCode === 200) {
+        await $swal.fire("Deleted!", data.value.message, "success");
+        // Remove the deleted table from the list
+        tableList.value = tableList.value.filter(
+          (table) => table.name !== tableName
+        );
+      } else {
+        throw new Error(data.value.message);
+      }
+    }
+  } catch (error) {
+    console.error("Error deleting table:", error);
+    await $swal.fire(
+      "Error!",
+      `Failed to delete table: ${error.message}`,
+      "error"
+    );
+  }
+};
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <rs-card>
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon
+          >Info
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          This page is used to edit the ORM schema. You can add, edit, and
+          delete the model and its fields. The changes will be saved to the
+          database.
+        </p>
+      </template>
+    </rs-card>
+
+    <rs-card>
+      <div class="p-4">
+        <div class="flex justify-end items-center mb-4">
+          <nuxt-link to="/devtool/orm/table/create">
+            <rs-button>
+              <Icon name="material-symbols:add" class="mr-1"></Icon>
+              Add Table
+            </rs-button>
+          </nuxt-link>
+        </div>
+
+        <!-- Search Button -->
+        <FormKit
+          v-model="searchText"
+          placeholder="Search Title..."
+          type="search"
+        />
+
+        <div v-if="tableList" class="grid grid-cols-1 gap-5">
+          <div v-for="tbl in tableList" class="p-5 border rounded-md">
+            <div class="flex-1 flex flex-col gap-2">
+              <div class="flex items-center text-primary gap-2">
+                <Icon name="ph:table-fill" />
+                <h4>
+                  {{ tbl.name }}
+                </h4>
+              </div>
+              <div class="flex flex-wrap gap-3">
+                <span
+                  v-for="field in tbl.fields"
+                  class="text-xs py-1 px-3 inline-block bg-slate-100 rounded-lg ring-1 ring-slate-200"
+                >
+                  {{ field }}
+                </span>
+              </div>
+            </div>
+
+            <div class="flex justify-between mt-5">
+              <NuxtLink
+                :to="`/devtool/orm/view/${tbl.name}`"
+                class="flex justify-center items-center"
+              >
+                <rs-button
+                  variant="primary"
+                  class="flex justify-center items-center"
+                >
+                  View Data
+                </rs-button>
+              </NuxtLink>
+
+              <div v-if="!tbl.disabled" class="flex justify-between gap-3">
+                <NuxtLink
+                  :to="`/devtool/orm/table/modify/${tbl.name}`"
+                  class="flex justify-center items-center"
+                >
+                  <rs-button
+                    variant="secondary"
+                    class="flex justify-center items-center"
+                  >
+                    <Icon name="ph:note-pencil-bold" class="w-4 h-4 mr-1" />
+                    Modify
+                  </rs-button>
+                </NuxtLink>
+                <rs-button
+                  variant="danger-outline"
+                  class="flex justify-center items-center"
+                  @click="deleteTable(tbl.name)"
+                >
+                  <Icon name="ph:trash-simple-bold" class="w-4 h-4 mr-1" />
+                  Delete
+                </rs-button>
+              </div>
+              <div
+                class="flex items-end text-xs py-1 px-3 text-slate-400 cursor-not-allowed"
+                v-else
+              >
+                Cannot Modify System Table
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </rs-card>
+  </div>
+</template>
diff --git a/pages/devtool/orm/table/create/index.vue b/pages/devtool/orm/table/create/index.vue
new file mode 100644
index 0000000..13bdac5
--- /dev/null
+++ b/pages/devtool/orm/table/create/index.vue
@@ -0,0 +1,315 @@
+<script setup>
+definePageMeta({
+  title: "Database Create Table",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const tableName = ref("");
+const tableKey = ref(0);
+const tableData = ref([]);
+const columnTypes = ref([]);
+
+const { $swal } = useNuxtApp();
+
+const { data: dbConfiguration } = await useFetch(
+  "/api/devtool/orm/table/config"
+);
+
+if (dbConfiguration.value && dbConfiguration.value.statusCode === 200) {
+  let tempObject = {};
+
+  dbConfiguration.value.data.tableField.forEach((field) => {
+    tempObject[field] = "";
+  });
+
+  tableData.value.push(tempObject);
+
+  // Update columnTypes to use the new structure
+  columnTypes.value = dbConfiguration.value.data.columnTypes.flatMap((group) =>
+    group.options.map((option) =>
+      typeof option === "string" ? { label: option, value: option } : option
+    )
+  );
+}
+
+const addNewField = () => {
+  let tempObject = {};
+
+  // Add new field after the last field
+  dbConfiguration.value.data.tableField.forEach((field) => {
+    tempObject[field] = "";
+  });
+
+  tableData.value.push(tempObject);
+
+  tableKey.value++;
+};
+
+const removeField = (index) => {
+  tableData.value.splice(index, 1);
+};
+
+const sortField = (index, direction) => {
+  if (direction === "up") {
+    if (index === 0) return;
+
+    let temp = tableData.value[index];
+    tableData.value[index] = tableData.value[index - 1];
+    tableData.value[index - 1] = temp;
+
+    tableKey.value++;
+  } else {
+    if (index === tableData.value.length - 1) return;
+
+    let temp = tableData.value[index];
+    tableData.value[index] = tableData.value[index + 1];
+    tableData.value[index + 1] = temp;
+
+    tableKey.value++;
+  }
+};
+
+const autoIcrementColumn = ref("");
+
+const computedAutoIncrementColumn = computed(() => {
+  return tableData.value.map((data) => {
+    return {
+      label: data.name,
+      value: data.name,
+    };
+  });
+});
+
+const checkRadioButton = async (index, event) => {
+  try {
+    // change tableData[index].primaryKey value to true
+    tableData.value[index].primaryKey = event.target.checked;
+
+    // change all other tableData[index].primaryKey value to false
+    tableData.value.forEach((data, i) => {
+      if (i !== index) {
+        tableData.value[i].primaryKey = "";
+      }
+    });
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+const resetData = () => {
+  $swal
+    .fire({
+      title: "Are you sure?",
+      text: "You will lose all the data you have entered.",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "Yes, reset it!",
+      cancelButtonText: "No, cancel!",
+    })
+    .then((result) => {
+      if (result.isConfirmed) {
+        tableName.value = "";
+        tableData.value = [];
+        tableKey.value = 0;
+
+        let tempObject = {};
+
+        dbConfiguration.value.data.tableField.forEach((field) => {
+          tempObject[field] = "";
+        });
+
+        tableData.value.push(tempObject);
+      }
+    });
+};
+
+const submitCreateTable = async () => {
+  try {
+    const { data } = await useFetch("/api/devtool/orm/table/create", {
+      method: "POST",
+      body: {
+        tableName: tableName.value,
+        tableSchema: tableData.value,
+        autoIncrementColumn: autoIcrementColumn.value,
+      },
+    });
+
+    if (data.value.statusCode == 200) {
+      $swal.fire({
+        title: "Success",
+        text: data.value.message,
+        icon: "success",
+      });
+
+      navigateTo("/devtool/orm");
+    } else {
+      $swal.fire({
+        title: "Error",
+        text: data.value.message,
+        icon: "error",
+      });
+    }
+  } catch (error) {
+    console.log(error);
+  }
+};
+</script>
+
+<template>
+  <div>
+    <rs-card class="py-5">
+      <FormKit
+        type="form"
+        :classes="{
+          messages: 'px-5',
+        }"
+        :actions="false"
+        @submit="submitCreateTable"
+      >
+        <div
+          class="flex flex-col md:flex-row justify-between items-start md:items-center gap-y-2 mb-5 px-5"
+        >
+          <div>
+            <h5 class="font-semibold">Create Table</h5>
+            <span class="text-sm text-gray-500">
+              Create a new table in the database.
+            </span>
+          </div>
+
+          <div class="flex gap-3">
+            <rs-button @click="resetData" variant="primary-outline">
+              Reset Table
+            </rs-button>
+            <rs-button btnType="submit" class="mb-4 w-[100px]">
+              Save
+            </rs-button>
+          </div>
+        </div>
+
+        <section class="px-5">
+          <FormKit
+            v-model="tableName"
+            type="text"
+            label="Table name"
+            placeholder="Enter table name"
+            validation="required|length:3,64"
+            :classes="{ outer: 'mb-8' }"
+            :validation-messages="{
+              required: 'Table name is required',
+              length:
+                'Table name must be at least 3 characters and at most 64 characters',
+            }"
+          />
+        </section>
+
+        <rs-table
+          v-if="tableData && tableData.length > 0"
+          :data="tableData"
+          :key="tableKey"
+          :disableSort="true"
+          class="mb-8"
+        >
+          <template v-slot:name="data">
+            <FormKit
+              v-model="data.value.name"
+              :classes="{
+                outer: 'mb-0 w-[200px]',
+              }"
+              placeholder="Enter column name"
+              type="text"
+              validation="required|length:3,64"
+              :validation-messages="{
+                required: 'Column name is required',
+                length:
+                  'Column name must be at least 3 characters and at most 64 characters',
+              }"
+            />
+          </template>
+          <template v-slot:type="data">
+            <FormKit
+              v-if="columnTypes && columnTypes.length > 0"
+              v-model="data.value.type"
+              :classes="{ outer: 'mb-0 w-[100px]' }"
+              :options="columnTypes"
+              type="select"
+              placeholder="Select type"
+              validation="required"
+              :validation-messages="{
+                required: 'Column type is required',
+              }"
+            />
+          </template>
+          <template v-slot:length="data">
+            <FormKit
+              v-model="data.value.length"
+              :classes="{ outer: 'mb-0 w-[150px]' }"
+              placeholder="Enter length"
+              type="number"
+            />
+          </template>
+          <template v-slot:defaultValue="data">
+            <FormKit
+              v-model="data.value.defaultValue"
+              :classes="{ outer: 'mb-0 w-[150px]' }"
+              placeholder="Optional"
+              type="text"
+            />
+          </template>
+          <template v-slot:nullable="data">
+            <FormKit
+              v-model="data.value.nullable"
+              :classes="{ wrapper: 'mb-0', outer: 'mb-0' }"
+              type="checkbox"
+            />
+          </template>
+          <template v-slot:primaryKey="data">
+            <FormKit
+              v-model="data.value.primaryKey"
+              :classes="{
+                wrapper: 'mb-0',
+                outer: 'mb-0',
+                input: 'icon-check rounded-full',
+              }"
+              type="checkbox"
+              @change="checkRadioButton(data.index, $event)"
+            />
+          </template>
+          <template v-slot:actions="data">
+            <div class="flex justify-center items-center gap-2">
+              <rs-button @click="addNewField" type="button" class="p-1 w-6 h-6">
+                <Icon name="ph:plus" />
+              </rs-button>
+
+              <rs-button
+                @click="sortField(data.index, 'up')"
+                type="button"
+                class="p-1 w-6 h-6"
+                :disabled="data.index === 0"
+              >
+                <Icon name="ph:arrow-up" />
+              </rs-button>
+              <rs-button
+                @click="sortField(data.index, 'down')"
+                type="button"
+                class="p-1 w-6 h-6"
+                :disabled="data.index === tableData.length - 1"
+              >
+                <Icon name="ph:arrow-down" />
+              </rs-button>
+              <rs-button
+                @click="removeField(data.index)"
+                type="button"
+                class="p-1 w-6 h-6"
+                variant="danger"
+                :disabled="data.index === 0 && tableData.length === 1"
+              >
+                <Icon name="ph:x" />
+              </rs-button>
+            </div>
+          </template>
+        </rs-table>
+      </FormKit>
+    </rs-card>
+  </div>
+</template>
diff --git a/pages/devtool/orm/table/modify/[table].vue b/pages/devtool/orm/table/modify/[table].vue
new file mode 100644
index 0000000..b2e8855
--- /dev/null
+++ b/pages/devtool/orm/table/modify/[table].vue
@@ -0,0 +1,360 @@
+<script setup>
+import { v4 as uuidv4 } from "uuid";
+
+definePageMeta({
+  title: "Database Modify Table",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const tableName = ref("");
+const tableKey = ref(0);
+const tableData = ref([]);
+const columnTypes = ref([]);
+
+const { table } = useRoute().params;
+const { $swal } = useNuxtApp();
+
+const { data: dbConfiguration } = await useFetch(
+  "/api/devtool/orm/table/config"
+);
+
+if (dbConfiguration.value && dbConfiguration.value.statusCode === 200) {
+  let tempObject = {};
+
+  dbConfiguration.value.data.tableField.forEach((field) => {
+    tempObject[field] = "";
+  });
+
+  tableData.value.push(tempObject);
+
+  // Update columnTypes to use the new structure
+  columnTypes.value = dbConfiguration.value.data.columnTypes.flatMap((group) =>
+    group.options.map((option) =>
+      typeof option === "string" ? { label: option, value: option } : option
+    )
+  );
+}
+
+const { data: tableDetail } = await useFetch(
+  `/api/devtool/orm/table/modify/get`,
+  {
+    method: "GET",
+    params: {
+      tableName: table,
+    },
+  }
+);
+
+// console.log(tableDetail.value);
+
+if (tableDetail.value.statusCode === 200) {
+  tableData.value = tableDetail.value.data.map((item) => ({
+    ...item,
+    actions: {
+      ...item.actions,
+      id: uuidv4(), // Add a unique id to each item's actions
+    },
+  }));
+  tableName.value = table;
+}
+
+const addNewField = (index) => {
+  let tempObject = {
+    actions: {
+      id: uuidv4(), // Add a unique id to the new field's actions
+    },
+  };
+
+  dbConfiguration.value.data.tableField.forEach((field) => {
+    tempObject[field] = "";
+  });
+
+  tableData.value.splice(index + 1, 0, tempObject);
+  tableKey.value++;
+};
+
+const sortField = (id, direction) => {
+  const index = tableData.value.findIndex((item) => item.actions.id === id);
+  if (direction === "up" && index > 0) {
+    // Move the current field up
+    const temp = tableData.value[index];
+    tableData.value[index] = tableData.value[index - 1];
+    tableData.value[index - 1] = temp;
+  } else if (direction === "down" && index < tableData.value.length - 1) {
+    // Move the current field down
+    const temp = tableData.value[index];
+    tableData.value[index] = tableData.value[index + 1];
+    tableData.value[index + 1] = temp;
+  }
+  tableKey.value++;
+};
+
+const removeField = (id) => {
+  if (tableData.value.length > 1) {
+    const index = tableData.value.findIndex((item) => item.actions.id === id);
+    tableData.value.splice(index, 1);
+    tableKey.value++;
+  } else {
+    $swal.fire({
+      title: "Error",
+      text: "Cannot remove the last field.",
+      icon: "error",
+    });
+  }
+};
+
+const autoIcrementColumn = ref("");
+
+const computedAutoIncrementColumn = computed(() => {
+  return tableData.value.map((data) => {
+    return {
+      label: data.name,
+      value: data.name,
+    };
+  });
+});
+
+const checkRadioButton = async (index, event) => {
+  try {
+    // change tableData[index].primaryKey value to true
+    tableData.value[index].primaryKey = event.target.checked;
+
+    // change all other tableData[index].primaryKey value to false
+    tableData.value.forEach((data, i) => {
+      if (i !== index) {
+        tableData.value[i].primaryKey = "";
+      }
+    });
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+const resetData = () => {
+  $swal
+    .fire({
+      title: "Are you sure?",
+      text: "You will lose all the data you have entered.",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "Yes, reset it!",
+      cancelButtonText: "No, cancel!",
+    })
+    .then((result) => {
+      if (result.isConfirmed) {
+        tableName.value = "";
+        tableData.value = [];
+        tableKey.value = 0;
+
+        let tempObject = {};
+
+        dbConfiguration.value.data.tableField.forEach((field) => {
+          tempObject[field] = "";
+        });
+
+        tableData.value.push(tempObject);
+      }
+    });
+};
+
+const submitModifyTable = async () => {
+  try {
+    // console.log({
+    //   tableName: tableName.value,
+    //   tableSchema: tableData.value,
+    //   autoIncrementColumn: autoIcrementColumn.value,
+    // });
+
+    // return;
+    const { data } = await useFetch("/api/devtool/orm/table/modify", {
+      method: "POST",
+      body: {
+        tableName: tableName.value,
+        tableSchema: tableData.value,
+        autoIncrementColumn: autoIcrementColumn.value,
+      },
+    });
+
+    if (data.value.statusCode == 200) {
+      $swal.fire({
+        title: "Success",
+        text: data.value.message,
+        icon: "success",
+      });
+    } else {
+      $swal.fire({
+        title: "Error",
+        text: data.value.message,
+        icon: "error",
+      });
+    }
+  } catch (error) {
+    console.log(error);
+  }
+};
+</script>
+
+<template>
+  <div>
+    <rs-card class="py-5">
+      <FormKit
+        type="form"
+        :classes="{
+          messages: 'px-5',
+        }"
+        :actions="false"
+        @submit="submitModifyTable"
+      >
+        <div
+          class="flex flex-col md:flex-row justify-between items-start md:items-center gap-y-2 mb-5 px-5"
+        >
+          <div>
+            <h5 class="font-semibold">Modify Table</h5>
+            <span class="text-sm text-gray-500">
+              Modify a new table in the database.
+            </span>
+          </div>
+
+          <div class="flex gap-3">
+            <rs-button @click="resetData" variant="primary-outline">
+              Reset Table
+            </rs-button>
+            <rs-button btnType="submit" class="mb-4 w-[100px]">
+              Save
+            </rs-button>
+          </div>
+        </div>
+
+        <section class="px-5">
+          <FormKit
+            v-model="tableName"
+            type="text"
+            label="Table name"
+            placeholder="Enter table name"
+            validation="required|length:3,64"
+            :classes="{ outer: 'mb-8' }"
+            :validation-messages="{
+              required: 'Table name is required',
+              length:
+                'Table name must be at least 3 characters and at most 64 characters',
+            }"
+          />
+        </section>
+
+        <rs-table
+          v-if="tableData && tableData.length > 0"
+          :data="tableData"
+          :key="tableKey"
+          :disableSort="true"
+          :pageSize="100"
+          class="mb-8"
+        >
+          <template v-slot:name="data">
+            <FormKit
+              v-model="data.value.name"
+              :classes="{
+                outer: 'mb-0 w-[200px]',
+              }"
+              placeholder="Enter column name"
+              type="text"
+              validation="required|length:3,64"
+              :validation-messages="{
+                required: 'Column name is required',
+                length:
+                  'Column name must be at least 3 characters and at most 64 characters',
+              }"
+            />
+          </template>
+          <template v-slot:type="data">
+            <FormKit
+              v-if="columnTypes && columnTypes.length > 0"
+              v-model="data.value.type"
+              :classes="{ outer: 'mb-0 w-[100px]' }"
+              :options="columnTypes"
+              type="select"
+              placeholder="Select type"
+              validation="required"
+              :validation-messages="{
+                required: 'Column type is required',
+              }"
+            />
+          </template>
+          <template v-slot:length="data">
+            <FormKit
+              v-model="data.value.length"
+              :classes="{ outer: 'mb-0 w-[150px]' }"
+              placeholder="Enter length"
+              type="number"
+            />
+          </template>
+          <template v-slot:defaultValue="data">
+            <FormKit
+              v-model="data.value.defaultValue"
+              :classes="{ outer: 'mb-0 w-[150px]' }"
+              placeholder="Optional"
+              type="text"
+            />
+          </template>
+          <template v-slot:nullable="data">
+            <FormKit
+              v-model="data.value.nullable"
+              :classes="{ wrapper: 'mb-0', outer: 'mb-0' }"
+              type="checkbox"
+            />
+          </template>
+          <template v-slot:primaryKey="data">
+            <FormKit
+              v-model="data.value.primaryKey"
+              :classes="{
+                wrapper: 'mb-0',
+                outer: 'mb-0',
+                input: 'icon-check rounded-full',
+              }"
+              type="checkbox"
+              @change="checkRadioButton(data.index, $event)"
+            />
+          </template>
+          <template v-slot:actions="data">
+            <div class="flex justify-center items-center gap-2">
+              <rs-button
+                @click="addNewField(tableData.indexOf(data.value))"
+                type="button"
+                class="p-1 w-6 h-6"
+              >
+                <Icon name="ph:plus" />
+              </rs-button>
+              <rs-button
+                @click="sortField(data.value.actions.id, 'up')"
+                type="button"
+                class="p-1 w-6 h-6"
+                :disabled="tableData.indexOf(data.value) === 0"
+              >
+                <Icon name="ph:arrow-up" />
+              </rs-button>
+              <rs-button
+                @click="sortField(data.value.actions.id, 'down')"
+                type="button"
+                class="p-1 w-6 h-6"
+                :disabled="
+                  tableData.indexOf(data.value) === tableData.length - 1
+                "
+              >
+                <Icon name="ph:arrow-down" />
+              </rs-button>
+              <rs-button
+                @click="removeField(data.value.actions.id)"
+                type="button"
+                class="p-1 w-6 h-6"
+                variant="danger"
+                :disabled="tableData.length === 1"
+              >
+                <Icon name="ph:x" />
+              </rs-button>
+            </div>
+          </template>
+        </rs-table>
+      </FormKit>
+    </rs-card>
+  </div>
+</template>
diff --git a/pages/devtool/orm/view/[table]/index.vue b/pages/devtool/orm/view/[table]/index.vue
new file mode 100644
index 0000000..6d984cc
--- /dev/null
+++ b/pages/devtool/orm/view/[table]/index.vue
@@ -0,0 +1,79 @@
+<script setup>
+definePageMeta({
+  title: "ORM Table Editor",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal } = useNuxtApp();
+
+const { table } = useRoute().params;
+
+const { data: tableData } = await useFetch("/api/devtool/orm/data/get", {
+  method: "GET",
+  query: {
+    tableName: table,
+  },
+});
+
+const openPrismaStudio = async () => {
+  const { data } = await useFetch("/api/devtool/orm/studio", {
+    method: "GET",
+    query: {
+      tableName: table,
+    },
+  });
+
+  if (data.value.statusCode === 200) {
+    $swal.fire({
+      title: "Prisma Studio",
+      text: data.value.message,
+      icon: "success",
+    });
+  } else {
+    $swal.fire({
+      title: "Prisma Studio",
+      text: data.value.message,
+      icon: "error",
+    });
+  }
+};
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <rs-card class="py-5">
+      <div
+        class="flex flex-col md:flex-row justify-between items-start md:items-center gap-y-2 px-5"
+      >
+        <div>
+          <h5 class="font-semibold">Table - {{ table }}</h5>
+          <span class="text-sm text-gray-500">
+            Below is the data of the table.
+          </span>
+        </div>
+
+        <rs-button @click="openPrismaStudio" class="mb-4">
+          Open Prisma Studio
+        </rs-button>
+      </div>
+
+      <rs-table
+        v-if="tableData.data && tableData.data.length > 0"
+        :key="tableData.data"
+        :data="tableData.data"
+        advanced
+      />
+      <div v-else class="flex justify-center my-3">
+        <div class="text-center">
+          <h6 class="font-semibold">Data Not Found</h6>
+          <span class="text-sm text-gray-500">
+            There is no data available for this table.
+          </span>
+        </div>
+      </div>
+    </rs-card>
+  </div>
+</template>
diff --git a/pages/devtool/user-management/role/index.vue b/pages/devtool/user-management/role/index.vue
new file mode 100644
index 0000000..74212ef
--- /dev/null
+++ b/pages/devtool/user-management/role/index.vue
@@ -0,0 +1,499 @@
+<script setup>
+definePageMeta({
+  title: "Role List",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal, $router } = useNuxtApp();
+
+const roleList = ref([]);
+const roleUserList = ref([]);
+
+const showModal = ref(false);
+const showModalForm = ref({
+  id: "",
+  name: "",
+  description: "",
+  users: [],
+  status: "",
+});
+const modalType = ref("edit");
+
+const showModalUser = ref(false);
+const showModalUserForm = ref({
+  username: "",
+  fullname: "",
+  email: "",
+  phone: "",
+  password: "",
+  role: "",
+  status: "",
+});
+
+const showModalDelete = ref(false);
+const showModalDeleteForm = ref({
+  id: "",
+  name: "",
+});
+
+const statusDropdown = ref([
+  { label: "Active", value: "ACTIVE" },
+  { label: "Inactive", value: "INACTIVE" },
+]);
+
+const roleListbyUser = ref([]);
+
+const checkAllUser = ref(false);
+
+// Call API
+// onMounted(async () => {
+//   await getUserList();
+//   await getRoleList();
+// });
+
+getRoleList();
+getUserList();
+
+async function getRoleList() {
+  const { data } = await useFetch("/api/devtool/role/list", {
+    initialCache: false,
+  });
+
+  // Rename the key
+  if (data.value?.statusCode === 200) {
+    roleList.value = data.value.data.map((role) => ({
+      id: role.roleID,
+      name: role.roleName,
+      description: role.roleDescription,
+      users: role.users.map((u) => {
+        return {
+          label: u.user.userUsername,
+          value: u.user.userUsername,
+        };
+      }),
+      status: role.roleStatus,
+      createdDate: role.roleCreatedDate,
+      action: null,
+    }));
+
+    groupRoleByUser();
+  }
+}
+
+async function getUserList() {
+  const { data } = await useFetch("/api/devtool/user/list", {
+    initialCache: false,
+  });
+
+  if (data.value.statusCode === 200) {
+    roleUserList.value = data.value.data.map((user) => ({
+      label: user.userUsername,
+      value: user.userUsername,
+    }));
+  }
+}
+
+function usersWithCommans(users) {
+  // Limit the number of users to 4 and add "..." if there are more than 4 users
+  const userList = users.map((u) => u.label);
+  return userList.length > 4
+    ? userList.slice(0, 4).join(", ") + "..."
+    : userList.join(", ");
+}
+
+// Watch checkAllUser value
+watch(
+  checkAllUser,
+  async (value) => {
+    if (value) {
+      showModalForm.value.users = roleUserList.value;
+    } else {
+      if (showModalForm.value.users.length === roleUserList.value.length) {
+        showModalForm.value.users = [];
+      }
+    }
+  },
+  { immediate: true }
+);
+
+// Watch showModalForm.users value
+watch(
+  showModalForm,
+  async (value) => {
+    if (value.users.length === roleUserList.value.length) {
+      checkAllUser.value = true;
+    } else {
+      checkAllUser.value = false;
+    }
+  },
+  { deep: true }
+);
+
+// Open Modal Add or Edit User
+const openModal = async (value, type) => {
+  modalType.value = type;
+
+  if (type == "edit") {
+    showModalForm.value = {
+      id: value.id,
+      name: value.name,
+      description: value.description,
+      users: value.users,
+      status: value.status,
+    };
+  } else {
+    showModalForm.value = {
+      id: "",
+      name: "",
+      description: "",
+      users: "",
+      status: "",
+    };
+  }
+
+  showModalUser.value = false;
+  showModal.value = true;
+};
+
+// Open Modal Add Role
+const openModalUser = async () => {
+  showModalUserForm.value = {
+    username: "",
+    fullname: "",
+    email: "",
+    phone: "",
+    password: "",
+    role: "",
+    status: "",
+  };
+
+  showModal.value = false;
+  showModalUser.value = true;
+};
+
+// Close Modal Role
+const closeModalUser = () => {
+  showModalUser.value = false;
+  showModal.value = true;
+};
+
+// Open Modal Delete User
+const openModalDelete = async (value) => {
+  showModalDeleteForm.value.id = value.id;
+  showModalDeleteForm.value.name = value.name;
+
+  showModalDelete.value = true;
+};
+
+const saveUser = async () => {
+  const { data } = await useFetch("/api/devtool/user/add", {
+    initialCache: false,
+    method: "POST",
+    body: JSON.stringify({
+      ...showModalUserForm.value,
+      module: "role",
+    }),
+  });
+
+  if (data.value.statusCode === 200) {
+    $swal.fire({
+      icon: "success",
+      title: "Success",
+      text: "User has been added successfully",
+    });
+
+    await getUserList();
+    showModalUser.value = false;
+    showModal.value = true;
+  } else {
+    $swal.fire({
+      icon: "error",
+      title: "Error",
+      text: data.value.message,
+    });
+  }
+};
+
+const saveRole = async () => {
+  if (modalType.value == "edit") {
+    const { data } = await useFetch("/api/devtool/role/edit", {
+      initialCache: false,
+      method: "POST",
+      body: JSON.stringify(showModalForm.value),
+    });
+
+    if (data.value.statusCode === 200) {
+      $swal.fire({
+        position: "center",
+        icon: "success",
+        title: "Success",
+        text: "Role has been updated successfully",
+        timer: 1000,
+        showConfirmButton: false,
+      });
+
+      await getRoleList();
+      showModal.value = false;
+    } else {
+      $swal.fire({
+        icon: "error",
+        title: "Error",
+        text: data.value.message,
+      });
+    }
+  } else {
+    const { data } = await useFetch("/api/devtool/role/add", {
+      initialCache: false,
+      method: "POST",
+      body: JSON.stringify({ ...showModalForm.value, module: "role" }),
+    });
+
+    if (data.value.statusCode === 200) {
+      $swal.fire({
+        position: "center",
+        icon: "success",
+        title: "Success",
+        text: "Role has been added",
+        timer: 1000,
+        showConfirmButton: false,
+      });
+
+      await getRoleList();
+      showModal.value = false;
+    } else {
+      $swal.fire({
+        icon: "error",
+        title: "Error",
+        text: data.value.message,
+      });
+    }
+  }
+};
+
+const deleteRole = async () => {
+  const { data } = await useFetch("/api/devtool/role/delete", {
+    initialCache: false,
+    method: "POST",
+    body: JSON.stringify({ id: showModalDeleteForm.value.id }),
+  });
+
+  if (data.value.statusCode === 200) {
+    $swal.fire({
+      position: "center",
+      icon: "success",
+      title: "Success",
+      text: "Role has been deleted",
+      timer: 1000,
+      showConfirmButton: false,
+    });
+
+    await getRoleList();
+    showModalDelete.value = false;
+  } else {
+    $swal.fire({
+      position: "center",
+      icon: "error",
+      title: "Error",
+      text: data.value.message,
+    });
+  }
+};
+
+function groupRoleByUser() {
+  roleListbyUser.value = roleList.value.reduce((acc, role) => {
+    const users = role.users.map((user) => user.userUsername);
+
+    if (acc[users]) {
+      acc[users].push(role);
+    } else {
+      acc[users] = [role];
+    }
+
+    return acc;
+  }, {});
+}
+</script>
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    <rs-card>
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon
+          >Info
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          This page is only accessible by admin users. You can manage users
+          here. You can also add new users. You can also change user roles.
+        </p>
+      </template>
+    </rs-card>
+
+    <rs-card>
+      <div class="pt-2">
+        <rs-tab fill>
+          <rs-tab-item title="All Role">
+            <div class="flex justify-end items-center mb-4">
+              <rs-button @click="openModal(null, 'add')">
+                <Icon name="material-symbols:add" class="mr-1"></Icon>
+                Add Role
+              </rs-button>
+            </div>
+            <rs-table
+              v-if="roleList && roleList.length > 0"
+              :data="roleList"
+              :options="{
+                variant: 'default',
+                striped: true,
+                borderless: true,
+              }"
+              advanced
+            >
+              <template v-slot:users="data">
+                {{ usersWithCommans(data.text) }}
+              </template>
+              <template v-slot:action="data">
+                <div
+                  class="flex justify-center items-center"
+                  v-if="data.value.role?.value != '1'"
+                >
+                  <Icon
+                    name="material-symbols:edit-outline-rounded"
+                    class="text-primary hover:text-primary/90 cursor-pointer mr-1"
+                    size="22"
+                    @click="openModal(data.value, 'edit')"
+                  ></Icon>
+                  <Icon
+                    name="material-symbols:close-rounded"
+                    class="text-primary hover:text-primary/90 cursor-pointer"
+                    size="22"
+                    @click="openModalDelete(data.value)"
+                  ></Icon>
+                </div>
+                <div class="flex justify-center items-center" v-else>-</div>
+              </template>
+            </rs-table>
+          </rs-tab-item>
+        </rs-tab>
+        <!-- <rs-tab-item title="Role Tree">
+            <div v-for="(value, index) in roleListbyUser">
+              {{ value }}
+            </div>
+          </rs-tab-item> -->
+      </div>
+    </rs-card>
+
+    <rs-modal
+      :title="modalType == 'edit' ? 'Edit Role' : 'Add Role'"
+      ok-title="Save"
+      :ok-callback="saveRole"
+      v-model="showModal"
+      :overlay-close="false"
+    >
+      <FormKit
+        type="text"
+        v-model="showModalForm.name"
+        label="Name"
+        validation="required"
+        validation-visibility="live"
+      />
+      <FormKit
+        type="textarea"
+        v-model="showModalForm.description"
+        label="Description"
+      />
+      <div class="flex justify-between items-center mb-2">
+        <label
+          class="formkit-label font-semibold text-gray-700 dark:text-gray-200 blockfont-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger"
+          for="input_4"
+        >
+          Users
+        </label>
+        <rs-button size="sm" @click="openModalUser"> Add User </rs-button>
+      </div>
+      <v-select
+        class="formkit-vselect"
+        :options="roleUserList"
+        v-model="showModalForm.users"
+        multiple
+      ></v-select>
+      <FormKit
+        type="checkbox"
+        v-model="checkAllUser"
+        label="All Users"
+        input-class="icon-check"
+      />
+      <FormKit
+        type="select"
+        :options="statusDropdown"
+        v-model="showModalForm.status"
+        name="status"
+        label="Status"
+      />
+    </rs-modal>
+
+    <!-- Modal Role -->
+    <rs-modal
+      title="Add User"
+      ok-title="Save"
+      cancel-title="Back"
+      :cancel-callback="closeModalUser"
+      :ok-callback="saveUser"
+      v-model="showModalUser"
+      :overlay-close="false"
+    >
+      <FormKit
+        type="text"
+        v-model="showModalUserForm.username"
+        name="username"
+        label="Username"
+      />
+      <FormKit
+        type="text"
+        v-model="showModalUserForm.fullname"
+        name="fullname"
+        label="Fullname"
+      />
+      <FormKit
+        type="text"
+        v-model="showModalUserForm.email"
+        name="email"
+        label="Email"
+        validation="email"
+        validation-visibility="dirty"
+      />
+      <FormKit
+        type="mask"
+        v-model="showModalUserForm.phone"
+        name="phone"
+        label="Phone"
+        mask="###########"
+      />
+
+      <FormKit
+        type="select"
+        :options="statusDropdown"
+        v-model="showModalUserForm.status"
+        name="status"
+        label="Status"
+      />
+    </rs-modal>
+
+    <!-- Modal Delete Confirmation -->
+    <rs-modal
+      title="Delete Confirmation"
+      ok-title="Yes"
+      cancel-title="No"
+      :ok-callback="deleteRole"
+      v-model="showModalDelete"
+      :overlay-close="false"
+    >
+      <p>
+        Are you sure want to delete this role ({{ showModalDeleteForm.name }})?
+      </p>
+    </rs-modal>
+  </div>
+</template>
diff --git a/pages/devtool/user-management/user/index.vue b/pages/devtool/user-management/user/index.vue
new file mode 100644
index 0000000..b157201
--- /dev/null
+++ b/pages/devtool/user-management/user/index.vue
@@ -0,0 +1,497 @@
+<script setup>
+definePageMeta({
+  title: "User List",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal } = useNuxtApp();
+
+const userList = ref([]);
+const userRoleList = ref([]);
+
+const showModal = ref(false);
+const showModalForm = ref({
+  username: "",
+  fullname: "",
+  email: "",
+  phone: "",
+  password: "",
+  role: "",
+  status: "",
+});
+const modalType = ref("");
+
+const showModalRole = ref(false);
+const showModalRoleForm = ref({
+  role: "",
+  description: "",
+});
+
+const showModalDelete = ref(false);
+const showModalDeleteForm = ref({
+  username: "",
+});
+
+const statusDropdown = ref([
+  { label: "Active", value: "ACTIVE" },
+  { label: "Inactive", value: "INACTIVE" },
+]);
+
+const checkAllRole = ref(false);
+
+const userListbyRole = ref([]);
+
+// Call API
+// onMounted(async () => {
+//   await getUserList();
+//   await getRoleList();
+// });
+
+await getUserList();
+await getRoleList();
+
+async function getUserList() {
+  const { data } = await useFetch("/api/devtool/user/list", {
+    initialCache: false,
+  });
+
+  // Rename the key
+  if (data.value?.statusCode === 200) {
+    userList.value = data.value.data.map((user) => ({
+      username: user.userUsername,
+      fullname: user.userFullName,
+      email: user.userEmail,
+      phone: user.userPhone,
+      role: user.roles.map((r) => {
+        return {
+          label: r.role.roleName,
+          value: r.role.roleID,
+        };
+      }),
+      status: user.userStatus,
+      action: null,
+    }));
+
+    groupUserByRole();
+  }
+}
+
+async function getRoleList() {
+  const { data } = await useFetch("/api/devtool/role/list", {
+    initialCache: false,
+  });
+
+  if (data.value.statusCode === 200) {
+    userRoleList.value = data.value.data.map((role) => ({
+      label: role.roleName,
+      value: role.roleID,
+    }));
+  }
+}
+
+function roleWithComma(role) {
+  // Limit the number of role to 4 and add "..." if there are more than 4 role
+  const roleList = role.map((r) => r.label);
+  return roleList.length > 4
+    ? roleList.slice(0, 4).join(", ") + "..."
+    : roleList.join(", ");
+}
+
+// Watch checkAllRole value
+watch(
+  checkAllRole,
+  async (value) => {
+    if (value) {
+      showModalForm.value.role = userRoleList.value;
+    } else {
+      if (showModalForm.value.role.length === userRoleList.value.length) {
+        showModalForm.value.role = [];
+      }
+    }
+  },
+  { immediate: true }
+);
+
+// Watch showModalForm.role value
+watch(
+  showModalForm,
+  async (value) => {
+    if (value.role.length === userRoleList.value.length) {
+      checkAllRole.value = true;
+    } else {
+      checkAllRole.value = false;
+    }
+  },
+  { deep: true }
+);
+
+// Open Modal Add or Edit User
+const openModal = async (value, type) => {
+  modalType.value = type;
+
+  if (type == "edit") {
+    showModalForm.value.username = value.username;
+    showModalForm.value.fullname = value.fullname;
+    showModalForm.value.phone = value.phone;
+    showModalForm.value.email = value.email;
+    showModalForm.value.role = value.role;
+    showModalForm.value.status = value.status;
+  } else {
+    showModalForm.value.username = "";
+    showModalForm.value.fullname = "";
+    showModalForm.value.phone = "";
+    showModalForm.value.email = "";
+    showModalForm.value.role = "";
+    showModalForm.value.status = "";
+  }
+
+  showModalRole.value = false;
+  showModal.value = true;
+};
+
+// Open Modal Add Role
+const openModalRole = async () => {
+  showModalRoleForm.value.role = "";
+  showModalRoleForm.value.description = "";
+
+  showModal.value = false;
+  showModalRole.value = true;
+};
+
+// Close Modal Role
+const closeModalRole = () => {
+  showModalRole.value = false;
+  showModal.value = true;
+};
+
+// Open Modal Delete User
+const openModalDelete = async (value) => {
+  showModalDeleteForm.value.username = value.username;
+
+  showModalDelete.value = true;
+};
+
+const checkDeveloperRole = (role) => {
+  return role.some((r) => r.label === "Developer");
+};
+
+const saveUser = async () => {
+  if (modalType.value == "add") {
+    const { data } = await useFetch("/api/devtool/user/add", {
+      initialCache: false,
+      method: "POST",
+      body: JSON.stringify({
+        ...showModalForm.value,
+        module: "user",
+      }),
+    });
+
+    if (data.value.statusCode === 200) {
+      $swal.fire({
+        position: "center",
+        icon: "success",
+        title: "Success",
+        text: "User has been added",
+        timer: 1000,
+        showConfirmButton: false,
+      });
+      await getUserList();
+      showModal.value = false;
+    } else {
+      $swal.fire({
+        position: "center",
+        icon: "error",
+        title: "Error",
+        text: data.value.message,
+      });
+    }
+  } else {
+    const { data } = await useFetch("/api/devtool/user/edit", {
+      initialCache: false,
+      method: "POST",
+      body: JSON.stringify(showModalForm.value),
+    });
+
+    if (data.value.statusCode === 200) {
+      $swal.fire({
+        position: "center",
+        icon: "success",
+        title: "Success",
+        text: "User has been updated",
+        timer: 1000,
+        showConfirmButton: false,
+      });
+      await getUserList();
+      showModal.value = false;
+    } else {
+      $swal.fire({
+        position: "center",
+        icon: "error",
+        title: "Error",
+        text: data.value.message,
+      });
+    }
+  }
+};
+
+const deleteUser = async () => {
+  const { data } = await useFetch("/api/devtool/user/delete", {
+    initialCache: false,
+    method: "POST",
+    body: JSON.stringify({ username: showModalDeleteForm.value.username }),
+  });
+
+  if (data.value.statusCode === 200) {
+    $swal.fire({
+      position: "center",
+      icon: "success",
+      title: "Success",
+      text: "User has been deleted",
+      timer: 1000,
+      showConfirmButton: false,
+    });
+    await getUserList();
+    showModalDelete.value = false;
+  } else {
+    $swal.fire({
+      position: "center",
+      icon: "error",
+      title: "Error",
+      text: data.value.message,
+    });
+  }
+};
+
+const saveRole = async () => {
+  if (
+    showModalRoleForm.value.role == "" ||
+    showModalRoleForm.value.role == " "
+  ) {
+    return false;
+  }
+
+  const { data } = await useFetch("/api/devtool/role/add", {
+    method: "POST",
+    body: JSON.stringify({
+      name: showModalRoleForm.value.role,
+      description: showModalRoleForm.value.description,
+      module: "user",
+    }),
+  });
+
+  if (data.value.statusCode === 200) {
+    $swal.fire({
+      position: "center",
+      title: "Success",
+      text: data.value.message,
+      icon: "success",
+      timer: 1000,
+      showConfirmButton: false,
+    });
+
+    await getRoleList();
+    closeModalRole();
+  } else {
+    $swal.fire({
+      position: "center",
+      title: "Error",
+      text: data.value.message,
+      icon: "error",
+    });
+  }
+};
+
+function groupUserByRole() {
+  userListbyRole.value = userList.value.reduce((acc, cur) => {
+    const { role } = cur;
+    if (!acc[role.value]) {
+      acc[role.value] = {
+        role: role,
+        users: [],
+      };
+    }
+    acc[role.value].users.push(cur);
+    return acc;
+  }, {});
+}
+</script>
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    <rs-card>
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon
+          >Info
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          This page is only accessible by admin users. You can manage users
+          here. You can also add new users. You can also change user roles.
+        </p>
+      </template>
+    </rs-card>
+
+    <rs-card>
+      <div class="pt-2">
+        <rs-tab fill>
+          <rs-tab-item title="All User">
+            <div class="flex justify-end items-center mb-4">
+              <rs-button @click="openModal(null, 'add')">
+                <Icon name="material-symbols:add" class="mr-1"></Icon>
+                Add User
+              </rs-button>
+            </div>
+            <rs-table
+              v-if="userList && userList.length > 0"
+              :data="userList"
+              :options="{
+                variant: 'default',
+                striped: true,
+                borderless: true,
+              }"
+              advanced
+            >
+              <template v-slot:role="data">
+                <!-- {{ data.text?.label }} -->
+                {{ roleWithComma(data.text) }}
+              </template>
+              <template v-slot:action="data">
+                <div
+                  class="flex justify-center items-center"
+                  v-if="!checkDeveloperRole(data.value.role)"
+                >
+                  <Icon
+                    name="material-symbols:edit-outline-rounded"
+                    class="text-primary hover:text-primary/90 cursor-pointer mr-1"
+                    size="22"
+                    @click="openModal(data.value, 'edit')"
+                  ></Icon>
+                  <Icon
+                    name="material-symbols:close-rounded"
+                    class="text-primary hover:text-primary/90 cursor-pointer"
+                    size="22"
+                    @click="openModalDelete(data.value)"
+                  ></Icon>
+                </div>
+                <div class="flex justify-center items-center" v-else>-</div>
+              </template>
+            </rs-table>
+          </rs-tab-item>
+        </rs-tab>
+        <!-- <rs-tab-item title="User Tree">
+          <div v-for="(value, index) in userListbyRole">
+            {{ value }}
+          </div>
+        </rs-tab-item> -->
+      </div>
+    </rs-card>
+
+    <rs-modal
+      :title="modalType == 'edit' ? 'Edit User' : 'Add User'"
+      ok-title="Save"
+      :ok-callback="saveUser"
+      v-model="showModal"
+      :overlay-close="false"
+    >
+      <FormKit
+        type="text"
+        v-model="showModalForm.username"
+        name="username"
+        label="Username"
+        :disabled="modalType == 'edit' ? true : false"
+      />
+      <FormKit
+        type="text"
+        v-model="showModalForm.fullname"
+        name="fullname"
+        label="Fullname"
+      />
+      <FormKit
+        type="text"
+        v-model="showModalForm.email"
+        name="email"
+        label="Email"
+        validation="email"
+        validation-visibility="dirty"
+      />
+      <FormKit
+        type="mask"
+        v-model="showModalForm.phone"
+        name="phone"
+        label="Phone"
+        mask="###########"
+      />
+      <div class="flex justify-between items-center mb-2">
+        <label
+          class="formkit-label flex items-center gap-x-4 font-semibold text-gray-700 dark:text-gray-200 blockfont-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger"
+          for="input_4"
+        >
+          Role
+        </label>
+        <rs-button size="sm" @click="openModalRole"> Add Role </rs-button>
+      </div>
+      <v-select
+        class="formkit-vselect"
+        :options="userRoleList"
+        v-model="showModalForm.role"
+        multiple
+      ></v-select>
+      <FormKit
+        type="checkbox"
+        v-model="checkAllRole"
+        label="All Role"
+        input-class="icon-check"
+      />
+      <FormKit
+        type="select"
+        :options="statusDropdown"
+        v-model="showModalForm.status"
+        name="status"
+        label="Status"
+      />
+    </rs-modal>
+
+    <!-- Modal Role -->
+    <rs-modal
+      title="Add Role"
+      ok-title="Save"
+      cancel-title="Back"
+      :cancel-callback="closeModalRole"
+      :ok-callback="saveRole"
+      v-model="showModalRole"
+      :overlay-close="false"
+    >
+      <FormKit
+        type="text"
+        v-model="showModalRoleForm.role"
+        label="Name"
+        validation="required"
+        validation-visibility="live"
+      />
+      <FormKit
+        type="textarea"
+        v-model="showModalRoleForm.description"
+        label="Description"
+      />
+    </rs-modal>
+
+    <!-- Modal Delete Confirmation -->
+    <rs-modal
+      title="Delete Confirmation"
+      ok-title="Yes"
+      cancel-title="No"
+      :ok-callback="deleteUser"
+      v-model="showModalDelete"
+      :overlay-close="false"
+    >
+      <p>
+        Are you sure want to delete this user ({{
+          showModalDeleteForm.username
+        }})?
+      </p>
+    </rs-modal>
+  </div>
+</template>
diff --git a/pages/forgot-password/index.vue b/pages/forgot-password/index.vue
new file mode 100644
index 0000000..445bad3
--- /dev/null
+++ b/pages/forgot-password/index.vue
@@ -0,0 +1,96 @@
+<script setup>
+const { siteSettings, loading: siteSettingsLoading } = useSiteSettings();
+
+definePageMeta({
+  title: "Reset Password",
+  layout: "empty",
+  middleware: ["dashboard"],
+});
+
+const email = ref("");
+
+// Get login logo with fallback
+const getLoginLogo = () => {
+  if (siteSettingsLoading.value) {
+    return '/img/logo/corradAF-logo.svg';
+  }
+  return siteSettings.value?.siteLoginLogo || '/img/logo/corradAF-logo.svg';
+};
+
+// Get site name with fallback
+const getSiteName = () => {
+  if (siteSettingsLoading.value) {
+    return 'Login Logo';
+  }
+  return siteSettings.value?.siteName || 'Login Logo';
+};
+
+const changePassword = () => {
+  // Simulate password change request without API call
+  console.log("Password change requested for email:", email.value);
+  // Add your password change logic here
+};
+</script>
+
+<template>
+  <div
+    class="flex-none md:flex justify-center text-center items-center h-screen"
+  >
+    <div class="w-full md:w-3/4 lg:w-1/2 xl:w-2/6 relative">
+      <rs-card class="h-screen md:h-auto px-10 md:px-16 py-12 md:py-20 mb-0">
+        <div class="text-center mb-8">
+          <div class="img-container flex justify-center items-center mb-5">
+            <img 
+              :src="getLoginLogo()" 
+              :alt="getSiteName()" 
+              class="max-w-[180px] max-h-[60px] object-contain"
+              @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+            />
+          </div>
+          <h2 class="mt-4 text-2xl font-bold text-gray-700">
+            Tukar kata laluan
+          </h2>
+          <p class="text-sm text-gray-500">
+            Kata laluan sementara akan dihantar ke emel anda.
+          </p>
+        </div>
+
+        <FormKit type="form" :actions="false" @submit="changePassword">
+          <FormKit
+            type="email"
+            name="email"
+            placeholder="Sila masukkan emel anda"
+            validation="required|email"
+            :validation-messages="{
+              required: 'Emel wajib diisi',
+              email: 'Format emel tidak sah',
+            }"
+          >
+            <template #prefix>
+              <Icon
+                name="ph:envelope"
+                class="!w-5 !h-5 ml-3 text-gray-500"
+              ></Icon>
+            </template>
+          </FormKit>
+        </FormKit>
+
+        <rs-button @click="navigateTo('reset-password')" class="w-full mt-6">
+          <Icon name="ph:lock-fill" class="mr-2" />
+          Tukar kata laluan
+        </rs-button>
+
+        <div class="mt-4">
+          Kembali ke
+          <nuxt-link to="/login" class="text-sm text-blue-500">
+            log masuk
+          </nuxt-link>
+        </div>
+      </rs-card>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+/* Add any additional component-specific styles here */
+</style>
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000..0cf6a06
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,10 @@
+<script setup>
+definePageMeta({
+  title: "Main",
+  middleware: ["main"],
+});
+</script>
+
+<template>
+  <div>Redirect Dashboard</div>
+</template>
diff --git a/pages/kitchen-sink/form-input-standards.vue b/pages/kitchen-sink/form-input-standards.vue
new file mode 100644
index 0000000..fca6d36
--- /dev/null
+++ b/pages/kitchen-sink/form-input-standards.vue
@@ -0,0 +1,702 @@
+<script setup>
+import { ref, computed, watch } from 'vue';
+import { useDebounceFn } from '~/composables/useDebounceFn';
+
+definePageMeta({
+  title: "Form Input Standards",
+  breadcrumb: [
+    {
+      name: "Kitchen Sink",
+      path: "/kitchen-sink",
+    },
+    {
+      name: "Form Input Standards",
+      type: "current",
+    },
+  ],
+});
+
+// Calendar examples state
+const singleDate = ref(null);
+const startDate = ref(null);
+const endDate = ref(null);
+const disabledDate = ref(null);
+const workingDaysOnly = ref(null);
+const errorState = ref(null);
+
+// Restrict dates for end date
+const minEndDate = computed(() => {
+  return startDate.value ? startDate.value : null;
+});
+
+// Function to disable weekend dates
+const disableWeekends = (date) => {
+  const day = new Date(date).getDay();
+  return day === 0 || day === 6; // 0 is Sunday, 6 is Saturday
+};
+
+// Set a date to make the range invalid for demonstration
+const setInvalidRange = () => {
+  startDate.value = new Date(new Date().setDate(new Date().getDate() + 5));
+  endDate.value = new Date(new Date().setDate(new Date().getDate() + 2));
+  errorState.value = "Tarikh tamat tidak boleh sebelum tarikh mula";
+};
+
+// Reset calendar inputs
+const resetCalendars = () => {
+  singleDate.value = null;
+  startDate.value = null;
+  endDate.value = null;
+  disabledDate.value = null;
+  workingDaysOnly.value = null;
+  errorState.value = null;
+};
+
+// Search examples state
+const basicSearchTerm = ref('');
+const validatedSearchTerm = ref('');
+const isSearching = ref(false);
+const searchResults = ref([]);
+const noResultsFound = ref(false);
+const searchError = ref('');
+
+// Debounced search function
+const debouncedSearch = useDebounceFn(() => {
+  performSearch();
+}, 300);
+
+// Perform search with validation
+const performSearch = () => {
+  // Reset states
+  searchError.value = '';
+  isSearching.value = true;
+  noResultsFound.value = false;
+  
+  // Validate search term
+  if (validatedSearchTerm.value.length < 3) {
+    searchError.value = 'Sila masukkan sekurang-kurangnya 3 aksara';
+    isSearching.value = false;
+    searchResults.value = [];
+    return;
+  }
+  
+  // Regex validation - only allow alphanumeric and some symbols
+  const validPattern = /^[a-zA-Z0-9\-\s]+$/;
+  if (!validPattern.test(validatedSearchTerm.value)) {
+    searchError.value = 'Hanya aksara abjad angka dan tanda sempang dibenarkan';
+    isSearching.value = false;
+    searchResults.value = [];
+    return;
+  }
+  
+  // Simulate search delay
+  setTimeout(() => {
+    // Mock results based on search term
+    if (validatedSearchTerm.value.toLowerCase().includes('ahmad')) {
+      searchResults.value = [
+        { id: 'APP-001', name: 'Ahmad bin Hassan', status: 'LULUS' },
+        { id: 'APP-008', name: 'Ahmad Zulkifli', status: 'MENUNGGU' },
+      ];
+    } else if (validatedSearchTerm.value.toLowerCase().includes('app')) {
+      searchResults.value = [
+        { id: 'APP-001', name: 'Ahmad bin Hassan', status: 'LULUS' },
+        { id: 'APP-002', name: 'Siti Aminah', status: 'MENUNGGU' },
+      ];
+    } else {
+      searchResults.value = [];
+      noResultsFound.value = true;
+    }
+    
+    isSearching.value = false;
+  }, 800);
+};
+
+// Execute search on button click
+const executeSearch = () => {
+  performSearch();
+};
+
+// Clear search
+const clearSearch = () => {
+  validatedSearchTerm.value = '';
+  searchResults.value = [];
+  noResultsFound.value = false;
+  searchError.value = '';
+};
+
+// For controlled search input, watch for changes and apply debounce
+watch(validatedSearchTerm, (newVal) => {
+  if (newVal.length >= 3) {
+    debouncedSearch();
+  } else {
+    searchResults.value = [];
+    noResultsFound.value = false;
+  }
+});
+</script>
+
+<template>
+  <div class="container mx-auto px-4 py-6">
+    <div class="mb-8">
+      <h1 class="text-2xl font-bold text-primary mb-2">Form Input Standards</h1>
+      <p class="text-gray-600">Documentation for calendar inputs and search field standards</p>
+    </div>
+
+    <!-- Calendar Input Standards Section -->
+    <div class="mb-12">
+      <div class="border-b border-gray-200 pb-2 mb-6">
+        <h2 class="text-xl font-semibold text-gray-800">5.4 Calendar Input Standards</h2>
+      </div>
+
+      <!-- Calendar Display and Layout -->
+      <div class="mb-8">
+        <h3 class="text-lg font-medium text-gray-700 mb-4">5.4.1 Calendar Display and Layout</h3>
+        
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <!-- Default Calendar -->
+          <div class="bg-white rounded-lg shadow-sm p-4">
+            <div class="mb-3">
+              <h4 class="text-sm font-semibold text-gray-600 mb-1">Default Calendar</h4>
+              <p class="text-xs text-gray-500 mb-3">Displays current month with today highlighted</p>
+            </div>
+            <div class="form-control">
+              <label class="form-label">Pilih Tarikh</label>
+              <input
+                type="date"
+                v-model="singleDate"
+                class="border border-gray-300 rounded-md px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary"
+                placeholder="dd/mm/yyyy"
+              />
+            </div>
+          </div>
+
+          <!-- Disabled Dates Calendar -->
+          <div class="bg-white rounded-lg shadow-sm p-4">
+            <div class="mb-3">
+              <h4 class="text-sm font-semibold text-gray-600 mb-1">Disabled Dates</h4>
+              <p class="text-xs text-gray-500 mb-3">Past dates are disabled (future-only selection)</p>
+            </div>
+            <div class="form-control">
+              <label class="form-label">Pilih Tarikh Masa Hadapan</label>
+              <input
+                type="date"
+                v-model="disabledDate"
+                class="border border-gray-300 rounded-md px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary"
+                :min="new Date()"
+              />
+            </div>
+          </div>
+
+          <!-- Working Days Only Calendar -->
+          <div class="bg-white rounded-lg shadow-sm p-4">
+            <div class="mb-3">
+              <h4 class="text-sm font-semibold text-gray-600 mb-1">Working Days Only</h4>
+              <p class="text-xs text-gray-500 mb-3">Weekend dates (Saturday & Sunday) are disabled</p>
+            </div>
+            <div class="form-control">
+              <label class="form-label">Pilih Hari Bekerja</label>
+              <input
+                type="date"
+                v-model="workingDaysOnly"
+                class="border border-gray-300 rounded-md px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary"
+              />
+              <div class="text-xs text-gray-500 mt-1">(HTML date inputs don't support disabling specific dates)</div>
+            </div>
+          </div>
+
+          <!-- Error State Calendar -->
+          <div class="bg-white rounded-lg shadow-sm p-4">
+            <div class="mb-3">
+              <h4 class="text-sm font-semibold text-gray-600 mb-1">Error State</h4>
+              <p class="text-xs text-gray-500 mb-3">Calendar displaying validation error</p>
+            </div>
+            <div class="form-control">
+              <label class="form-label">Pilih Tarikh</label>
+              <input
+                type="date"
+                v-model="singleDate"
+                class="border border-red-500 rounded-md px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-red-500/50"
+                placeholder="dd/mm/yyyy"
+              />
+              <div class="text-red-500 text-xs mt-1">Sila pilih tarikh yang sah</div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Start and End Date Usage -->
+      <div class="mb-8">
+        <h3 class="text-lg font-medium text-gray-700 mb-4">5.4.2 Start and End Date Usage</h3>
+        
+        <div class="bg-white rounded-lg shadow-sm p-6">
+          <div class="mb-4">
+            <h4 class="text-sm font-semibold text-gray-600 mb-1">Date Range Selection</h4>
+            <p class="text-xs text-gray-500 mb-3">End date is restricted based on start date selection</p>
+          </div>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <!-- Start Date -->
+            <div class="form-control">
+              <label class="form-label">Tarikh Mula</label>
+              <input
+                type="date"
+                v-model="startDate"
+                class="border border-gray-300 rounded-md px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary"
+              />
+            </div>
+
+            <!-- End Date -->
+            <div class="form-control">
+              <label class="form-label">Tarikh Tamat</label>
+              <input
+                type="date"
+                v-model="endDate"
+                class="border border-gray-300 rounded-md px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary"
+                :min="minEndDate"
+                :disabled="!startDate"
+              />
+              <div v-if="!startDate" class="text-xs text-gray-500 mt-1">Sila pilih tarikh mula terlebih dahulu</div>
+            </div>
+          </div>
+
+          <!-- Invalid Range Example -->
+          <div class="mt-6">
+            <div class="mb-3">
+              <h4 class="text-sm font-semibold text-gray-600">Invalid Date Range Example</h4>
+              <p class="text-xs text-gray-500 mb-2">Demonstrates error state when end date precedes start date</p>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <div class="form-control">
+                <label class="form-label">Tarikh Mula</label>
+                <input
+                  type="text"
+                  :value="startDate ? new Date(startDate).toLocaleDateString('ms-MY') : ''"
+                  class="border border-gray-300 rounded-md px-3 py-2 w-full bg-gray-50"
+                  readonly
+                />
+              </div>
+
+              <div class="form-control">
+                <label class="form-label">Tarikh Tamat</label>
+                <input
+                  type="text"
+                  :value="endDate ? new Date(endDate).toLocaleDateString('ms-MY') : ''"
+                  class="border border-red-500 rounded-md px-3 py-2 w-full bg-gray-50"
+                  readonly
+                />
+                <div class="text-red-500 text-xs mt-1">{{ errorState }}</div>
+              </div>
+            </div>
+
+            <div class="mt-4 flex space-x-2">
+              <button @click="setInvalidRange" class="px-3 py-1.5 bg-red-100 text-red-600 rounded-md text-sm">
+                Tunjuk Ralat Julat
+              </button>
+              <button @click="resetCalendars" class="px-3 py-1.5 bg-gray-100 text-gray-600 rounded-md text-sm">
+                Set Semula
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Visual States and Responsiveness -->
+      <div class="mb-8">
+        <h3 class="text-lg font-medium text-gray-700 mb-4">5.4.3 Visual States and Responsiveness</h3>
+        
+        <div class="bg-white rounded-lg shadow-sm p-6">
+          <div class="mb-4">
+            <h4 class="text-sm font-semibold text-gray-600 mb-1">Calendar Visual States</h4>
+            <p class="text-xs text-gray-500 mb-3">Different visual states for calendar inputs</p>
+          </div>
+
+          <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+            <!-- Default State -->
+            <div class="form-control">
+              <label class="form-label">Default (Placeholder)</label>
+              <input
+                type="text"
+                placeholder="dd/mm/yyyy"
+                class="border border-gray-300 rounded-md px-3 py-2 w-full"
+              />
+              <div class="text-xs text-gray-500 mt-1">Placeholder visible, no value selected</div>
+            </div>
+
+            <!-- Selected State -->
+            <div class="form-control">
+              <label class="form-label">Selected</label>
+              <input
+                type="text"
+                value="12/05/2023"
+                class="border border-gray-300 rounded-md px-3 py-2 w-full bg-white"
+              />
+              <div class="text-xs text-gray-500 mt-1">Date is selected and displayed</div>
+            </div>
+
+            <!-- Disabled State -->
+            <div class="form-control">
+              <label class="form-label">Disabled</label>
+              <input
+                type="text"
+                placeholder="dd/mm/yyyy"
+                class="border border-gray-200 rounded-md px-3 py-2 w-full bg-gray-100 text-gray-400 cursor-not-allowed"
+                disabled
+              />
+              <div class="text-xs text-gray-500 mt-1">Input is disabled, no interaction</div>
+            </div>
+
+            <!-- Focused State -->
+            <div class="form-control">
+              <label class="form-label">Focused</label>
+              <input
+                type="text"
+                placeholder="dd/mm/yyyy"
+                class="border-2 border-primary rounded-md px-3 py-2 w-full"
+              />
+              <div class="text-xs text-gray-500 mt-1">Input is focused, calendar would open</div>
+            </div>
+
+            <!-- Error State -->
+            <div class="form-control">
+              <label class="form-label">Error</label>
+              <input
+                type="text"
+                value="31/02/2023"
+                class="border border-red-500 rounded-md px-3 py-2 w-full"
+              />
+              <div class="text-red-500 text-xs mt-1">Tarikh tidak sah</div>
+            </div>
+
+            <!-- Mobile View Simulation -->
+            <div class="form-control">
+              <label class="form-label">Mobile View</label>
+              <div class="border border-dashed border-gray-300 rounded-md p-3 bg-gray-50 text-center">
+                <div class="text-sm text-gray-500 mb-2">Sistem kalendar natif</div>
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 mx-auto text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+                </svg>
+                <div class="text-xs text-gray-500 mt-2">Paparan modal penuh skrin pada peranti mudah alih</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Search Field Behavior Standards Section -->
+    <div class="mb-12">
+      <div class="border-b border-gray-200 pb-2 mb-6">
+        <h2 class="text-xl font-semibold text-gray-800">5.5 Search Field Behavior Standards</h2>
+      </div>
+
+      <!-- Controlled Input Trigger -->
+      <div class="mb-8">
+        <h3 class="text-lg font-medium text-gray-700 mb-4">5.5.1 Controlled Input Trigger</h3>
+        
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <!-- Button Triggered Search -->
+          <div class="bg-white rounded-lg shadow-sm p-4">
+            <div class="mb-3">
+              <h4 class="text-sm font-semibold text-gray-600 mb-1">Button Triggered Search</h4>
+              <p class="text-xs text-gray-500 mb-3">Search executed only on button click</p>
+            </div>
+            <div class="flex">
+              <input
+                type="text"
+                v-model="basicSearchTerm"
+                placeholder="Cari nama, emel atau ID permohonan"
+                class="border border-gray-300 rounded-l-md px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary"
+              />
+              <button
+                @click="executeSearch"
+                class="bg-primary text-white px-4 py-2 rounded-r-md hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary/50"
+              >
+                <Icon name="ic:baseline-search" class="text-lg" />
+              </button>
+            </div>
+            <div class="text-xs text-gray-500 mt-2">Carian hanya dilaksanakan apabila butang diklik</div>
+          </div>
+
+          <!-- Debounced Search -->
+          <div class="bg-white rounded-lg shadow-sm p-4">
+            <div class="mb-3">
+              <h4 class="text-sm font-semibold text-gray-600 mb-1">Debounced Search (300ms)</h4>
+              <p class="text-xs text-gray-500 mb-3">Auto-triggers after 3 characters with 300ms debounce</p>
+            </div>
+            <div class="relative">
+              <div class="flex">
+                <div class="relative flex-grow">
+                  <input
+                    type="text"
+                    v-model="validatedSearchTerm"
+                    placeholder="Cari nama, emel atau ID permohonan"
+                    class="border border-gray-300 rounded-l-md pl-3 pr-8 py-2 w-full focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary"
+                    :class="{ 'border-red-500': searchError }"
+                  />
+                  <button
+                    v-if="validatedSearchTerm"
+                    @click="clearSearch"
+                    class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600"
+                  >
+                    <Icon name="ic:baseline-close" class="text-lg" />
+                  </button>
+                </div>
+                <button
+                  class="bg-primary text-white px-4 py-2 rounded-r-md hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary/50"
+                >
+                  <Icon v-if="!isSearching" name="ic:baseline-search" class="text-lg" />
+                  <span v-else class="animate-spin block h-5 w-5">
+                    <Icon name="ic:baseline-refresh" class="text-lg" />
+                  </span>
+                </button>
+              </div>
+              
+              <div v-if="searchError" class="text-red-500 text-xs mt-1">{{ searchError }}</div>
+              <div v-else class="text-xs text-gray-500 mt-1">Carian bermula selepas 3 aksara dimasukkan</div>
+            </div>
+
+            <!-- Results display -->
+            <div v-if="searchResults.length > 0" class="mt-4 border rounded-md divide-y">
+              <div v-for="result in searchResults" :key="result.id" class="p-2 hover:bg-gray-50">
+                <div class="flex justify-between items-center">
+                  <div>
+                    <div class="font-medium">{{ result.name }}</div>
+                    <div class="text-xs text-gray-500">{{ result.id }}</div>
+                  </div>
+                  <div>
+                    <rs-badge :type="result.status.toLowerCase()">{{ result.status }}</rs-badge>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div v-else-if="noResultsFound" class="mt-4 p-3 text-center bg-gray-50 rounded-md">
+              <Icon name="ic:baseline-search-off" class="text-2xl text-gray-400" />
+              <div class="text-gray-500 mt-1">Tiada padanan ditemui</div>
+            </div>
+
+            <div v-else-if="isSearching" class="mt-4 p-3 text-center bg-gray-50 rounded-md">
+              <div class="animate-pulse">
+                <div class="h-4 bg-gray-200 rounded-full mb-2.5 w-3/4 mx-auto"></div>
+                <div class="h-3 bg-gray-200 rounded-full mb-2.5 w-1/2 mx-auto"></div>
+                <div class="h-3 bg-gray-200 rounded-full w-2/3 mx-auto"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Pattern Matching and Validation -->
+      <div class="mb-8">
+        <h3 class="text-lg font-medium text-gray-700 mb-4">5.5.2 Pattern Matching and Validation</h3>
+        
+        <div class="bg-white rounded-lg shadow-sm p-6">
+          <div class="mb-4">
+            <h4 class="text-sm font-semibold text-gray-600 mb-1">Search Validation Rules</h4>
+            <p class="text-xs text-gray-500 mb-3">Pattern matching and validation for search inputs</p>
+          </div>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <!-- Validation: Minimum Characters -->
+            <div class="form-control border border-gray-200 rounded-md p-3">
+              <h5 class="text-sm font-medium text-gray-600 mb-2">Minimum 3 Aksara</h5>
+              <div class="flex">
+                <input
+                  type="text"
+                  value="ab"
+                  class="border border-red-500 rounded-l-md px-3 py-2 w-full"
+                />
+                <button
+                  class="bg-primary text-white px-4 py-2 rounded-r-md opacity-70 cursor-not-allowed"
+                  disabled
+                >
+                  <Icon name="ic:baseline-search" class="text-lg" />
+                </button>
+              </div>
+              <div class="text-red-500 text-xs mt-1">Sila masukkan sekurang-kurangnya 3 aksara</div>
+            </div>
+
+            <!-- Validation: Valid Pattern -->
+            <div class="form-control border border-gray-200 rounded-md p-3">
+              <h5 class="text-sm font-medium text-gray-600 mb-2">Abjad Angka Sahaja</h5>
+              <div class="flex">
+                <input
+                  type="text"
+                  value="app@123"
+                  class="border border-red-500 rounded-l-md px-3 py-2 w-full"
+                />
+                <button
+                  class="bg-primary text-white px-4 py-2 rounded-r-md opacity-70 cursor-not-allowed"
+                  disabled
+                >
+                  <Icon name="ic:baseline-search" class="text-lg" />
+                </button>
+              </div>
+              <div class="text-red-500 text-xs mt-1">Hanya aksara abjad angka dan tanda sempang dibenarkan</div>
+            </div>
+
+            <!-- Valid Search Examples -->
+            <div class="form-control border border-gray-200 rounded-md p-3 col-span-1 md:col-span-2">
+              <h5 class="text-sm font-medium text-gray-600 mb-2">Contoh Carian Sah</h5>
+              <div class="grid grid-cols-1 md:grid-cols-3 gap-3">
+                <div>
+                  <div class="text-xs font-medium text-gray-500 mb-1">Nama Penuh</div>
+                  <div class="border border-gray-300 rounded-md px-3 py-2 bg-gray-50 text-sm">
+                    Ahmad bin Hassan
+                  </div>
+                </div>
+                <div>
+                  <div class="text-xs font-medium text-gray-500 mb-1">ID Aplikasi</div>
+                  <div class="border border-gray-300 rounded-md px-3 py-2 bg-gray-50 text-sm">
+                    APP-2023-001
+                  </div>
+                </div>
+                <div>
+                  <div class="text-xs font-medium text-gray-500 mb-1">Nombor Kad Pengenalan</div>
+                  <div class="border border-gray-300 rounded-md px-3 py-2 bg-gray-50 text-sm">
+                    890512-14-5566
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Interface Feedback and UX -->
+      <div class="mb-8">
+        <h3 class="text-lg font-medium text-gray-700 mb-4">5.5.3 Interface Feedback and UX</h3>
+        
+        <div class="bg-white rounded-lg shadow-sm p-6">
+          <div class="mb-4">
+            <h4 class="text-sm font-semibold text-gray-600 mb-1">Search Feedback States</h4>
+            <p class="text-xs text-gray-500 mb-3">Visual feedback for different search states</p>
+          </div>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <!-- Loading State -->
+            <div class="border border-gray-200 rounded-md p-3">
+              <h5 class="text-sm font-medium text-gray-600 mb-2">Loading State</h5>
+              <div class="flex mb-3">
+                <input
+                  type="text"
+                  value="Ahmad"
+                  class="border border-gray-300 rounded-l-md px-3 py-2 w-full"
+                  readonly
+                />
+                <button
+                  class="bg-primary text-white px-4 py-2 rounded-r-md"
+                >
+                  <span class="animate-spin block h-5 w-5">
+                    <Icon name="ic:baseline-refresh" class="text-lg" />
+                  </span>
+                </button>
+              </div>
+              
+              <div class="p-4 bg-gray-50 rounded-md">
+                <div class="animate-pulse flex space-x-4">
+                  <div class="flex-1 space-y-3 py-1">
+                    <div class="h-2.5 bg-gray-200 rounded-full"></div>
+                    <div class="h-2 bg-gray-200 rounded-full w-3/4"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- No Results State -->
+            <div class="border border-gray-200 rounded-md p-3">
+              <h5 class="text-sm font-medium text-gray-600 mb-2">No Results State</h5>
+              <div class="flex mb-3">
+                <div class="relative flex-grow">
+                  <input
+                    type="text"
+                    value="XYZ123"
+                    class="border border-gray-300 rounded-l-md pl-3 pr-8 py-2 w-full"
+                    readonly
+                  />
+                  <button
+                    class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600"
+                  >
+                    <Icon name="ic:baseline-close" class="text-lg" />
+                  </button>
+                </div>
+                <button
+                  class="bg-primary text-white px-4 py-2 rounded-r-md"
+                >
+                  <Icon name="ic:baseline-search" class="text-lg" />
+                </button>
+              </div>
+              
+              <div class="p-4 bg-gray-50 rounded-md text-center">
+                <Icon name="ic:baseline-search-off" class="text-2xl text-gray-400" />
+                <div class="text-gray-500 mt-1">Tiada padanan ditemui</div>
+              </div>
+            </div>
+
+            <!-- Results State -->
+            <div class="border border-gray-200 rounded-md p-3 col-span-1 md:col-span-2">
+              <h5 class="text-sm font-medium text-gray-600 mb-2">Results Display</h5>
+              <div class="flex mb-3">
+                <div class="relative flex-grow">
+                  <input
+                    type="text"
+                    value="Ahmad"
+                    class="border border-gray-300 rounded-l-md pl-3 pr-8 py-2 w-full"
+                    readonly
+                  />
+                  <button
+                    class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600"
+                  >
+                    <Icon name="ic:baseline-close" class="text-lg" />
+                  </button>
+                </div>
+                <button
+                  class="bg-primary text-white px-4 py-2 rounded-r-md"
+                >
+                  <Icon name="ic:baseline-search" class="text-lg" />
+                </button>
+              </div>
+              
+              <div class="border rounded-md divide-y">
+                <div class="p-2 hover:bg-gray-50">
+                  <div class="flex justify-between items-center">
+                    <div>
+                      <div class="font-medium">Ahmad bin Hassan</div>
+                      <div class="text-xs text-gray-500">APP-001</div>
+                    </div>
+                    <div>
+                      <rs-badge type="lulus">LULUS</rs-badge>
+                    </div>
+                  </div>
+                </div>
+                <div class="p-2 hover:bg-gray-50">
+                  <div class="flex justify-between items-center">
+                    <div>
+                      <div class="font-medium">Ahmad Zulkifli</div>
+                      <div class="text-xs text-gray-500">APP-008</div>
+                    </div>
+                    <div>
+                      <rs-badge type="menunggu">MENUNGGU</rs-badge>
+                    </div>
+                  </div>
+                </div>
+                <div class="p-2 hover:bg-gray-50">
+                  <div class="flex justify-between items-center">
+                    <div>
+                      <div class="font-medium">Nurul Ahmad</div>
+                      <div class="text-xs text-gray-500">APP-015</div>
+                    </div>
+                    <div>
+                      <rs-badge type="ditolak">DITOLAK</rs-badge>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template> 
\ No newline at end of file
diff --git a/pages/kitchen-sink/index.vue b/pages/kitchen-sink/index.vue
new file mode 100644
index 0000000..2f09959
--- /dev/null
+++ b/pages/kitchen-sink/index.vue
@@ -0,0 +1,3255 @@
+<script setup>
+definePageMeta({
+  title: "Kitchen Sink",
+  breadcrumb: [
+    {
+      name: "Kitchen Sink",
+      type: "current",
+    },
+  ],
+});
+
+const tooltips = ref({});
+const showCodeSections = ref({});
+
+// Modal state
+const showModal = ref(false);
+const showFormModal = ref(false);
+
+// Table state
+const showColumnMenu = ref(false);
+const currentPage = ref(1);
+const tableFields = ref([
+  { key: 'id', label: 'ID', visible: true, sortable: true },
+  { key: 'nama', label: 'Nama', visible: true, sortable: true },
+  { key: 'tarikh', label: 'Tarikh', visible: true, sortable: true },
+  { key: 'jenisBantuan', label: 'Jenis Bantuan', visible: true, sortable: true },
+  { key: 'status', label: 'Status', visible: true, sortable: true },
+  { key: 'actions', label: 'Tindakan', visible: true, sortable: false }
+]);
+const sortConfig = ref({ key: 'id', direction: 'asc' });
+const tableData = ref([
+  { id: 'APP-001', nama: 'Ahmad bin Hassan', tarikh: '2023-05-12', jenisBantuan: 'Bantuan Perubatan', status: 'LULUS' },
+  { id: 'APP-002', nama: 'Siti Aminah', tarikh: '2023-05-13', jenisBantuan: 'Bantuan Pendidikan', status: 'MENUNGGU' },
+  { id: 'APP-003', nama: 'Mohammed Ismail', tarikh: '2023-05-14', jenisBantuan: 'Bantuan Rumah', status: 'DALAM PROSES' },
+  { id: 'APP-004', nama: 'Roslinda Othman', tarikh: '2023-05-15', jenisBantuan: 'Bantuan Perubatan', status: 'DITOLAK' }
+]);
+
+// Search state
+const searchTerm = ref('');
+const advancedSearchVisible = ref(false);
+const advancedSearch = ref({
+  type: 'all',
+  status: 'all',
+  year: 'all',
+  minAmount: '',
+  maxAmount: ''
+});
+const appliedFilters = ref([
+  { id: 1, label: 'Bantuan Perubatan', type: 'jenis' },
+  { id: 2, label: 'Aktif', type: 'status' }
+]);
+
+// Form Field Grouping state
+const personalInfo = ref({
+  fullName: '',
+  idNumber: '',
+  birthDate: '',
+  gender: 'lelaki',
+});
+
+const addressInfo = ref({
+  street: '',
+  city: '',
+  postalCode: '',
+  state: '',
+});
+
+const contactInfo = ref({
+  email: '',
+  phone: '',
+  preferredContact: [],
+});
+
+// Selection controls state
+const genderOptions = [
+  { label: 'Lelaki', value: 'lelaki' },
+  { label: 'Perempuan', value: 'perempuan' },
+];
+
+const stateOptions = [
+  { label: 'Selangor', value: 'selangor' },
+  { label: 'Kuala Lumpur', value: 'kuala_lumpur' },
+  { label: 'Johor', value: 'johor' },
+  { label: 'Pulau Pinang', value: 'pulau_pinang' },
+  { label: 'Sabah', value: 'sabah' },
+  { label: 'Sarawak', value: 'sarawak' },
+  { label: 'Perak', value: 'perak' },
+  { label: 'Negeri Sembilan', value: 'negeri_sembilan' },
+  { label: 'Pahang', value: 'pahang' },
+  { label: 'Terengganu', value: 'terengganu' },
+  { label: 'Kelantan', value: 'kelantan' },
+  { label: 'Perlis', value: 'perlis' },
+  { label: 'Melaka', value: 'melaka' },
+  { label: 'Kedah', value: 'kedah' },
+];
+
+const contactMethodOptions = [
+  { label: 'Email', value: 'email' },
+  { label: 'SMS', value: 'sms' },
+  { label: 'Panggilan Telefon', value: 'phone' },
+  { label: 'WhatsApp', value: 'whatsapp' },
+];
+
+const interestOptions = [
+  { label: 'Berita dan Kemaskini', value: 'news' },
+  { label: 'Aktiviti Sukarelawan', value: 'volunteer' },
+  { label: 'Bantuan Pendidikan', value: 'education' },
+  { label: 'Bantuan Perubatan', value: 'medical' },
+  { label: 'Bantuan Sara Hidup', value: 'living_expenses' },
+  { label: 'Bantuan Perniagaan', value: 'business' },
+];
+
+// Radio options with long content
+const longContentRadioOptions = [
+  { 
+    label: 'Permohonan Secara Bulanan: Pemohon akan menerima bantuan secara bulanan selama tempoh yang diluluskan. Bayaran akan dibuat pada 1hb setiap bulan. Pemohon perlu mengemukakan laporan penggunaan pada setiap 3 bulan.', 
+    value: 'monthly' 
+  },
+  { 
+    label: 'Permohonan Sekali Bayar: Pemohon akan menerima jumlah bantuan sekaligus dalam satu bayaran. Laporan penggunaan perlu dikemukakan dalam tempoh 30 hari selepas menerima bayaran.', 
+    value: 'one_time' 
+  },
+  { 
+    label: 'Permohonan Berperingkat: Bantuan akan diberi dalam 3 peringkat berdasarkan kemajuan yang dicapai. Setiap peringkat perlu dilengkapkan dan disahkan sebelum pembayaran berikutnya dibuat.', 
+    value: 'staged' 
+  }
+];
+
+// Wizard state
+const currentWizardStep = ref(1);
+const totalWizardSteps = 4;
+
+// Save Draft & Autosave state
+const draftSaved = ref(false);
+const savingDraft = ref(false);
+const autosaveEnabled = ref(true);
+const lastSaved = ref(null);
+const failedToSave = ref(false);
+
+// Save draft function
+const saveDraft = () => {
+  savingDraft.value = true;
+  // Simulate API call
+  setTimeout(() => {
+    savingDraft.value = false;
+    draftSaved.value = true;
+    lastSaved.value = new Date();
+    failedToSave.value = false;
+    
+    // Hide the success message after 3 seconds
+    setTimeout(() => {
+      draftSaved.value = false;
+    }, 3000);
+  }, 1000);
+};
+
+// Simulate failed save
+const simulateFailedSave = () => {
+  savingDraft.value = true;
+  // Simulate API call that fails
+  setTimeout(() => {
+    savingDraft.value = false;
+    failedToSave.value = true;
+    
+    // Hide the error message after 5 seconds
+    setTimeout(() => {
+      failedToSave.value = false;
+    }, 5000);
+  }, 1000);
+};
+
+// Simulate autosave
+let autosaveInterval;
+onMounted(() => {
+  // Set up autosave every 30 seconds
+  autosaveInterval = setInterval(() => {
+    if (autosaveEnabled.value) {
+      saveDraft();
+    }
+  }, 30000);
+
+  // Add keyboard event listener
+  window.addEventListener('keydown', handleKeydown);
+  
+  // Clean up any potential storage issues
+  try {
+    // Clear any old tooltips from storage
+    for (const key in localStorage) {
+      if (key.startsWith('tooltip_') || key.includes('modal_state')) {
+        localStorage.removeItem(key);
+      }
+    }
+  } catch (error) {
+    console.warn('Storage cleanup error:', error);
+  }
+});
+
+onBeforeUnmount(() => {
+  // Clear interval when component is unmounted
+  if (autosaveInterval) {
+    clearInterval(autosaveInterval);
+  }
+  
+  // Remove event listener
+  window.removeEventListener('keydown', handleKeydown);
+});
+
+// Table methods
+const toggleColumn = (key) => {
+  const field = tableFields.value.find(f => f.key === key);
+  if (field) {
+    field.visible = !field.visible;
+  }
+};
+
+const sortTable = (key) => {
+  if (!tableFields.value.find(f => f.key === key)?.sortable) return;
+  
+  if (sortConfig.value.key === key) {
+    sortConfig.value.direction = sortConfig.value.direction === 'asc' ? 'desc' : 'asc';
+  } else {
+    sortConfig.value.key = key;
+    sortConfig.value.direction = 'asc';
+  }
+};
+
+const getSortIcon = (key) => {
+  if (sortConfig.value.key !== key) return 'ic:outline-unfold-more';
+  return sortConfig.value.direction === 'asc' ? 'ic:outline-arrow-drop-up' : 'ic:outline-arrow-drop-down';
+};
+
+const changePage = (page) => {
+  currentPage.value = page;
+};
+
+// Search methods
+const removeFilter = (filterId) => {
+  appliedFilters.value = appliedFilters.value.filter(f => f.id !== filterId);
+};
+
+const clearAllFilters = () => {
+  appliedFilters.value = [];
+  advancedSearch.value = {
+    type: 'all',
+    status: 'all',
+    year: 'all',
+    minAmount: '',
+    maxAmount: ''
+  };
+};
+
+const copyCode = (codeId) => {
+  const codeElement = document.getElementById(codeId);
+  if (codeElement) {
+    navigator.clipboard
+      .writeText(codeElement.textContent)
+      .then(() => {
+        console.log("Code copied to clipboard");
+        showTooltip(codeId, "Code copied!");
+      })
+      .catch((err) => {
+        console.error("Failed to copy code: ", err);
+        showTooltip(codeId, "Failed to copy code");
+      });
+  }
+};
+
+// Modify showTooltip to limit storage
+const showTooltip = (codeId, message) => {
+  // Limit number of stored tooltips to prevent quota issues
+  const maxTooltips = 5;
+  const tooltipKeys = Object.keys(tooltips.value);
+  
+  if (tooltipKeys.length >= maxTooltips) {
+    // Remove oldest tooltips when limit is reached
+    tooltipKeys.slice(0, tooltipKeys.length - maxTooltips + 1).forEach(key => {
+      tooltips.value[key] = null;
+    });
+  }
+  
+  tooltips.value[codeId] = message;
+  setTimeout(() => {
+    tooltips.value[codeId] = null;
+  }, 2000); // Hide tooltip after 2 seconds
+};
+
+const toggleCodeSection = (section) => {
+  showCodeSections.value[section] = !showCodeSections.value[section];
+};
+
+// Add new variables for the modal design standards example
+const modalDemoOpen = ref(false);
+const modalFormOpen = ref(false);
+const modalHasChanges = ref(false);
+const modalWarningOpen = ref(false);
+const returnFocusElement = ref(null);
+const modalFormData = ref({
+  name: '',
+  email: '',
+  status: 'active'
+});
+const originalFormData = ref({});
+
+// Function to open modal and manage focus
+const openModalDemo = (modalType, event) => {
+  if (modalType === 'form') {
+    // Store original data for changes detection
+    originalFormData.value = { ...modalFormData.value };
+    modalFormOpen.value = true;
+    returnFocusElement.value = event?.target;
+    // Focus will be set on first input after render using nextTick and ref
+    nextTick(() => {
+      document.getElementById('modal-form-name')?.focus();
+    });
+  } else if (modalType === 'info') {
+    modalDemoOpen.value = true;
+    returnFocusElement.value = event?.target;
+  }
+};
+
+// Function to check for unsaved changes and prompt warning
+const tryCloseModalForm = () => {
+  const hasChanges = modalFormData.value.name !== originalFormData.value.name ||
+    modalFormData.value.email !== originalFormData.value.email ||
+    modalFormData.value.status !== originalFormData.value.status;
+  
+  if (hasChanges) {
+    modalWarningOpen.value = true;
+    modalHasChanges.value = true;
+  } else {
+    closeModalForm();
+  }
+};
+
+// Function to close modal and return focus
+const closeModalForm = () => {
+  modalFormOpen.value = false;
+  modalWarningOpen.value = false;
+  modalHasChanges.value = false;
+  
+  // Return focus to the element that opened the modal
+  nextTick(() => {
+    returnFocusElement.value?.focus();
+  });
+};
+
+// Function to save form data and close modal
+const saveModalForm = () => {
+  // Here you would typically save the data to an API
+  // For demo purposes, we just update originalFormData and close
+  originalFormData.value = { ...modalFormData.value };
+  modalFormOpen.value = false;
+  
+  // Return focus to the element that opened the modal
+  nextTick(() => {
+    returnFocusElement.value?.focus();
+  });
+};
+
+// Function to close info modal
+const closeModalDemo = () => {
+  modalDemoOpen.value = false;
+  
+  // Return focus to the element that opened the modal
+  nextTick(() => {
+    returnFocusElement.value?.focus();
+  });
+};
+
+// Add keyboard event handler to allow Escape key to close modals
+const handleKeydown = (e) => {
+  if (e.key === 'Escape') {
+    if (modalWarningOpen.value) {
+      modalWarningOpen.value = false;
+    } else if (modalFormOpen.value) {
+      tryCloseModalForm();
+    } else if (modalDemoOpen.value) {
+      closeModalDemo();
+    }
+  }
+};
+
+onMounted(() => {
+  window.addEventListener('keydown', handleKeydown);
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener('keydown', handleKeydown);
+});
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    
+    <h1 class="text-2xl font-bold mb-6">Kitchen Sink</h1>
+    <p class="mb-8">A comprehensive showcase of all UI components and styles following the LZS Zakat Management UI/UX System Guidelines.</p>
+
+    <!-- Typography Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-text-fields" class="mr-2" />
+          Typography Standards
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Typography establishes a clear hierarchy and maximizes readability using the Inter font family with sans-serif fallback.</p>
+        
+        <div class="space-y-6">
+          <div class="p-4 border border-gray-200 rounded-md">
+            <h1 class="text-2xl font-bold mb-4">Page Titles (H1): 24px, Bold (font-weight: 700)</h1>
+            <h2 class="text-xl font-semibold mb-3">Section Headers (H2): 20px, Semibold (font-weight: 600)</h2>
+            <h3 class="text-base font-semibold mb-2">Subsection Headers (H3): 16px, Semibold (font-weight: 600)</h3>
+            <p class="text-sm mb-2">Body Text: 14px, Regular (font-weight: 400)</p>
+            <p class="text-xs text-gray-600">Captions/Helper Text: 12px, Regular with increased line height (1.5) for legibility</p>
+            
+            <div class="mt-6 p-3 bg-gray-50 rounded">
+              <p class="text-sm font-medium mb-1">Font Family:</p>
+              <code class="text-xs bg-gray-100 p-1 rounded">font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;</code>
+              
+              <p class="text-sm font-medium mt-3 mb-1">Line Heights:</p>
+              <ul class="text-xs space-y-1">
+                <li>Headings: 1.2-1.3 (tight)</li>
+                <li>Body text: 1.5 (improved readability)</li>
+                <li>Small text: 1.5-1.6 (enhanced legibility)</li>
+              </ul>
+              
+              <p class="text-sm font-medium mt-3 mb-1">Letter Spacing:</p>
+              <ul class="text-xs space-y-1">
+                <li>Headings: -0.01em (slightly tighter)</li>
+                <li>Body text: normal</li>
+                <li>All-caps text: 0.05em (slightly wider)</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Buttons Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-touch-app" class="mr-2" />
+          Button Types and Variants
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Buttons are a primary means of user interaction and must be implemented using the framework's <code>&lt;Button&gt;</code> component.</p>
+        
+        <!-- Button Variants -->
+        <div class="mb-6">
+          <h3 class="text-base font-semibold mb-4">Button Colors</h3>
+          <div class="flex flex-wrap items-center gap-4 mb-4">
+            <rs-button variant="primary">Primary</rs-button>
+            <rs-button variant="secondary">Secondary</rs-button>
+            <rs-button variant="info">Info</rs-button>
+            <rs-button variant="success">Success</rs-button>
+            <rs-button variant="warning">Warning</rs-button>
+            <rs-button variant="danger">Danger</rs-button>
+          </div>
+        </div>
+
+        <!-- Button Styles -->
+        <div class="mb-6">
+          <h3 class="text-base font-semibold mb-4">Button Styles</h3>
+          
+          <div class="mb-4">
+            <h4 class="text-sm font-medium mb-2">Filled (Default)</h4>
+            <div class="flex flex-wrap items-center gap-4 mb-2">
+              <rs-button variant="primary">Primary</rs-button>
+              <rs-button variant="danger">Danger</rs-button>
+            </div>
+          </div>
+          
+          <div class="mb-4">
+            <h4 class="text-sm font-medium mb-2">Outline</h4>
+            <div class="flex flex-wrap items-center gap-4 mb-2">
+              <rs-button variant="primary-outline">Primary Outline</rs-button>
+              <rs-button variant="danger-outline">Danger Outline</rs-button>
+            </div>
+          </div>
+          
+          <div class="mb-4">
+            <h4 class="text-sm font-medium mb-2">Text</h4>
+            <div class="flex flex-wrap items-center gap-4 mb-2">
+              <rs-button variant="primary-text">Primary Text</rs-button>
+              <rs-button variant="danger-text">Danger Text</rs-button>
+            </div>
+          </div>
+        </div>
+
+        <!-- Button Sizes -->
+        <div class="mb-6">
+          <h3 class="text-base font-semibold mb-4">Button Sizes</h3>
+          <div class="flex flex-wrap items-center gap-4 mb-2">
+            <rs-button size="sm">Small</rs-button>
+            <rs-button size="md">Medium (Default)</rs-button>
+            <rs-button size="lg">Large</rs-button>
+          </div>
+        </div>
+
+        <!-- Button with Icons -->
+        <div class="mb-6">
+          <h3 class="text-base font-semibold mb-4">Buttons with Icons</h3>
+          <div class="flex flex-wrap items-center gap-4 mb-2">
+            <rs-button variant="primary">
+              <Icon name="ic:baseline-add" class="mr-1" /> Add User
+            </rs-button>
+            <rs-button variant="danger">
+              <Icon name="ic:outline-delete" class="mr-1" /> Delete
+            </rs-button>
+            <rs-button variant="info-outline">
+              <Icon name="ic:outline-edit" class="mr-1" /> Edit
+            </rs-button>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Badges Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-local-offer" class="mr-2" />
+          Badge Usage
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Badges are used to display status indicators in tables, cards, and lists.</p>
+        
+        <div class="mb-6">
+          <h3 class="text-base font-semibold mb-4">Status Badges</h3>
+          <div class="flex flex-wrap items-center gap-4 mb-4">
+            <rs-badge variant="success">APPROVED</rs-badge>
+            <rs-badge variant="warning">PENDING</rs-badge>
+            <rs-badge variant="danger">REJECTED</rs-badge>
+            <rs-badge variant="disabled">DRAFT</rs-badge>
+            <rs-badge variant="info">NEW</rs-badge>
+            <rs-badge variant="primary">ACTIVE</rs-badge>
+          </div>
+        </div>
+
+        <div class="mb-6">
+          <h3 class="text-base font-semibold mb-4">Badges with Icons</h3>
+          <div class="flex flex-wrap items-center gap-4 mb-4">
+            <rs-badge variant="success" icon="ic:outline-check-circle">APPROVED</rs-badge>
+            <rs-badge variant="warning" icon="ic:outline-access-time">PENDING</rs-badge>
+            <rs-badge variant="danger" icon="ic:outline-cancel">REJECTED</rs-badge>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Alerts Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-notifications" class="mr-2" />
+          Alert Components
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Alerts are used to provide feedback messages to users.</p>
+        
+        <div class="space-y-4">
+          <rs-alert variant="primary" icon="ic:outline-info">This is a primary alert with information.</rs-alert>
+          <rs-alert variant="success" icon="ic:outline-check-circle">Success! Your changes have been saved.</rs-alert>
+          <rs-alert variant="warning" icon="ic:outline-warning">Warning: This action cannot be undone.</rs-alert>
+          <rs-alert variant="danger" icon="ic:outline-error">Error! Failed to save changes.</rs-alert>
+          <rs-alert variant="info" icon="ic:outline-info">Information: Your session will expire in 10 minutes.</rs-alert>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Cards Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-dashboard" class="mr-2" />
+          Card Components
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Cards are used as containers for grouping related content blocks.</p>
+        
+        <!-- Summary Cards (Metric Cards) styled like in zakat-management.vue -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
+          <RsCard class="p-6">
+            <div class="flex items-center justify-between">
+              <div>
+                <p class="text-sm font-medium text-gray-600">Jumlah Permohonan</p>
+                <p class="text-2xl font-bold mt-1">1,254</p>
+                <p class="text-sm mt-1 text-green-600">+12% bulan ini</p>
+              </div>
+              <div class="p-3 rounded-full bg-blue-50">
+                <Icon name="ic:outline-assignment" size="24" class="text-blue-600" />
+              </div>
+            </div>
+          </RsCard>
+          
+          <RsCard class="p-6">
+            <div class="flex items-center justify-between">
+              <div>
+                <p class="text-sm font-medium text-gray-600">Permohonan Baru</p>
+                <p class="text-2xl font-bold mt-1">154</p>
+                <p class="text-sm mt-1 text-blue-600">43 hari ini</p>
+              </div>
+              <div class="p-3 rounded-full bg-blue-50">
+                <Icon name="ic:outline-fiber-new" size="24" class="text-blue-600" />
+              </div>
+            </div>
+          </RsCard>
+          
+          <RsCard class="p-6">
+            <div class="flex items-center justify-between">
+              <div>
+                <p class="text-sm font-medium text-gray-600">Permohonan Menunggu</p>
+                <p class="text-2xl font-bold mt-1">367</p>
+                <p class="text-sm mt-1 text-yellow-600">Perlu tindakan</p>
+              </div>
+              <div class="p-3 rounded-full bg-blue-50">
+                <Icon name="ic:outline-pending" size="24" class="text-blue-600" />
+              </div>
+            </div>
+          </RsCard>
+          
+          <RsCard class="p-6">
+            <div class="flex items-center justify-between">
+              <div>
+                <p class="text-sm font-medium text-gray-600">Permohonan Ditolak</p>
+                <p class="text-2xl font-bold mt-1">89</p>
+                <p class="text-sm mt-1 text-red-600">Bulan ini</p>
+              </div>
+              <div class="p-3 rounded-full bg-blue-50">
+                <Icon name="ic:outline-cancel" size="24" class="text-blue-600" />
+              </div>
+            </div>
+          </RsCard>
+        </div>
+
+        <!-- Card with Footer -->
+        <rs-card class="mb-4">
+          <template #header>Card with Footer</template>
+          <template #body>
+            <p>This card includes a footer section with action buttons.</p>
+          </template>
+          <template #footer>
+            <div class="flex justify-end gap-2">
+              <rs-button variant="secondary-outline">Cancel</rs-button>
+              <rs-button variant="primary">Save</rs-button>
+            </div>
+          </template>
+        </rs-card>
+      </template>
+    </rs-card>
+
+    <!-- User Management Example -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon name="ic:outline-people" class="mr-2" />
+            User Management Example
+          </div>
+          <rs-button variant="primary" class="flex items-center">
+            <Icon name="ic:baseline-add" class="mr-1" /> Add User
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">A user management interface with action buttons in the table rows, including tooltips for icon buttons.</p>
+        
+        <div class="overflow-x-auto">
+          <table class="min-w-full divide-y divide-gray-200">
+            <thead class="bg-gray-50">
+              <tr>
+                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">ID</th>
+                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Email</th>
+                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Role</th>
+                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+                <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+              </tr>
+            </thead>
+            <tbody class="bg-white divide-y divide-gray-200">
+              <tr v-for="(user, index) in [
+                { id: 'USR-001', name: 'Ahmad bin Hassan', email: 'ahmad@example.com', role: 'Admin', status: 'AKTIF' },
+                { id: 'USR-002', name: 'Siti Aminah', email: 'siti@example.com', role: 'Editor', status: 'AKTIF' },
+                { id: 'USR-003', name: 'Mohammed Ismail', email: 'ismail@example.com', role: 'Viewer', status: 'BARU' },
+                { id: 'USR-004', name: 'Roslinda Othman', email: 'ros@example.com', role: 'Manager', status: 'TIDAK AKTIF' }
+              ]" :key="index">
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ user.id }}</td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ user.name }}</td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ user.email }}</td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">{{ user.role }}</td>
+                <td class="px-6 py-4 whitespace-nowrap">
+                  <rs-badge 
+                    :variant="user.status === 'AKTIF' ? 'success' : user.status === 'BARU' ? 'info' : 'disabled'"
+                  >
+                    {{ user.status }}
+                  </rs-badge>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                  <div class="flex justify-end space-x-2">
+                    <!-- Edit button with tooltip -->
+                    <div class="relative" @mouseenter="tooltips['edit'+index] = true" @mouseleave="tooltips['edit'+index] = false">
+                      <rs-button variant="info-text" class="p-1 w-8 h-8">
+                        <Icon name="ic:outline-edit" size="18" />
+                      </rs-button>
+                      <transition name="tooltip">
+                        <span v-if="tooltips['edit'+index]" class="absolute bottom-full mb-2 right-0 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                          Edit
+                        </span>
+                      </transition>
+                    </div>
+                    
+                    <!-- Reset Password button with tooltip -->
+                    <div class="relative" @mouseenter="tooltips['reset'+index] = true" @mouseleave="tooltips['reset'+index] = false">
+                      <rs-button variant="warning-text" class="p-1 w-8 h-8">
+                        <Icon name="ic:outline-lock-reset" size="18" />
+                      </rs-button>
+                      <transition name="tooltip">
+                        <span v-if="tooltips['reset'+index]" class="absolute bottom-full mb-2 right-0 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                          Reset Password
+                        </span>
+                      </transition>
+                    </div>
+                    
+                    <!-- Delete button with tooltip -->
+                    <div class="relative" @mouseenter="tooltips['delete'+index] = true" @mouseleave="tooltips['delete'+index] = false">
+                      <rs-button variant="danger-text" class="p-1 w-8 h-8">
+                        <Icon name="ic:outline-delete" size="18" />
+                      </rs-button>
+                      <transition name="tooltip">
+                        <span v-if="tooltips['delete'+index]" class="absolute bottom-full mb-2 right-0 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                          Delete
+                        </span>
+                      </transition>
+                    </div>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        
+        <!-- Pagination -->
+        <div class="mt-4 flex items-center justify-between">
+          <div class="text-sm text-gray-500">
+            Showing 1 to 4 of 4 records
+          </div>
+          <div class="flex space-x-2">
+            <button
+              disabled
+              class="px-3 py-1 border border-gray-300 rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm font-medium disabled:opacity-50"
+            >
+              Previous
+            </button>
+            <button
+              disabled
+              class="px-3 py-1 border border-gray-300 rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm font-medium disabled:opacity-50"
+            >
+              Next
+            </button>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Modals Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-web-asset" class="mr-2" />
+          Modal Dialogs
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Modals are used for focused interactions that require user attention.</p>
+        
+        <div class="flex flex-wrap gap-4">
+          <!-- Confirmation Modal Example -->
+          <rs-button variant="primary" @click="showModal = true">Open Confirmation Modal</rs-button>
+          
+          <!-- Form Modal Example -->
+          <rs-button variant="info" @click="showFormModal = true">Open Form Modal</rs-button>
+        </div>
+        
+        <!-- Confirmation Modal -->
+        <rs-modal v-model="showModal" title="Dialog Pengesahan">
+          <template #header>
+            <div class="p-4 border-b">
+              <h3 class="text-lg font-medium">Dialog Pengesahan</h3>
+            </div>
+          </template>
+          
+          <div class="p-6">
+            <div class="flex items-start">
+              <div class="bg-blue-100 rounded-full p-2 mr-4">
+                <Icon name="ic:outline-info" size="24" class="text-blue-600" />
+              </div>
+              <div>
+                <p class="mb-4">Adakah anda pasti untuk meneruskan tindakan ini?</p>
+                
+                <div class="bg-gray-50 p-3 rounded-md mb-4 text-sm">
+                  <div class="grid grid-cols-2 gap-2">
+                    <div class="text-gray-600">ID Permohonan:</div>
+                    <div class="font-medium">APP-001</div>
+                    
+                    <div class="text-gray-600">Nama Pemohon:</div>
+                    <div class="font-medium">Ahmad bin Hassan</div>
+                    
+                    <div class="text-gray-600">Status Semasa:</div>
+                    <div class="font-medium">
+                      <RsBadge variant="warning">MENUNGGU</RsBadge>
+                    </div>
+                  </div>
+                </div>
+                
+                <p class="text-sm text-gray-600">
+                  Tindakan ini tidak dapat dibatalkan selepas disahkan.
+                </p>
+              </div>
+            </div>
+          </div>
+          
+          <template #footer>
+            <div class="p-4 border-t flex justify-end gap-3">
+              <RsButton variant="secondary" @click="showModal = false">Batal</RsButton>
+              <RsButton variant="primary" @click="showModal = false">Teruskan</RsButton>
+            </div>
+          </template>
+        </rs-modal>
+        
+        <!-- Form Modal -->
+        <rs-modal v-model="showFormModal" title="Form Modal">
+          <template #header>
+            <div class="p-4 border-b">
+              <h3 class="text-lg font-medium">Edit User</h3>
+            </div>
+          </template>
+          
+          <div class="p-6">
+            <div class="space-y-4">
+              <div>
+                <label class="block text-sm font-medium mb-1">Name</label>
+                <input type="text" class="w-full border border-gray-300 rounded-md p-2" value="John Doe" />
+              </div>
+              <div>
+                <label class="block text-sm font-medium mb-1">Email</label>
+                <input type="email" class="w-full border border-gray-300 rounded-md p-2" value="john.doe@example.com" />
+              </div>
+              <div>
+                <label class="block text-sm font-medium mb-1">Role</label>
+                <select class="w-full border border-gray-300 rounded-md p-2">
+                  <option>Admin</option>
+                  <option selected>User</option>
+                  <option>Manager</option>
+                </select>
+              </div>
+            </div>
+          </div>
+          
+          <template #footer>
+            <div class="p-4 border-t flex justify-end gap-3">
+              <RsButton variant="secondary-outline" @click="showFormModal = false">Cancel</RsButton>
+              <RsButton variant="primary" @click="showFormModal = false">Save Changes</RsButton>
+            </div>
+          </template>
+        </rs-modal>
+      </template>
+    </rs-card>
+
+    <!-- Tabs Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ph:tabs" class="mr-2" />
+          Tabs Component
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Tabs are used to organize content into different sections.</p>
+        
+        <rs-tab>
+          <rs-tab-item title="User Information">
+            <div class="p-4">
+              <h3 class="text-base font-semibold mb-2">User Information</h3>
+              <p>This tab contains basic user information like name, email, and contact details.</p>
+            </div>
+          </rs-tab-item>
+          <rs-tab-item title="Application Details">
+            <div class="p-4">
+              <h3 class="text-base font-semibold mb-2">Application Details</h3>
+              <p>This tab contains information about the user's application, including status and submission date.</p>
+            </div>
+          </rs-tab-item>
+          <rs-tab-item title="Documents">
+            <div class="p-4">
+              <h3 class="text-base font-semibold mb-2">Documents</h3>
+              <p>This tab displays the documents attached to the application.</p>
+            </div>
+          </rs-tab-item>
+        </rs-tab>
+      </template>
+    </rs-card>
+
+    <!-- Collapse Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ph:arrows-in" class="mr-2" />
+          Collapse Components
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Collapse components are used to hide and show content.</p>
+        
+        <rs-collapse>
+          <rs-collapse-item title="Section 1">
+            <div class="p-4">
+              <p>Content for Section 1 goes here. This can include any type of content, like text, forms, or other components.</p>
+            </div>
+          </rs-collapse-item>
+          <rs-collapse-item title="Section 2">
+            <div class="p-4">
+              <p>Content for Section 2 goes here. Collapse items are useful for FAQs, settings sections, or any content that needs to be toggled.</p>
+            </div>
+          </rs-collapse-item>
+          <rs-collapse-item title="Section 3">
+            <div class="p-4">
+              <p>Content for Section 3 goes here. The collapse component helps save space and organize information.</p>
+            </div>
+          </rs-collapse-item>
+        </rs-collapse>
+      </template>
+    </rs-card>
+
+    <!-- Dropdown Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ph:caret-down" class="mr-2" />
+          Dropdown Menus
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Dropdowns provide a compact way to present multiple actions or options.</p>
+        
+        <div class="flex flex-wrap gap-4">
+          <rs-dropdown text="Actions" variant="primary">
+            <rs-dropdown-item>
+              <Icon name="ph:eye" class="mr-2" /> View
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:pencil" class="mr-2" /> Edit
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:trash" class="mr-2" color="red" /> Delete
+            </rs-dropdown-item>
+          </rs-dropdown>
+          
+          <rs-dropdown text="User Options" variant="secondary-outline">
+            <rs-dropdown-item>
+              <Icon name="ph:user" class="mr-2" /> Profile
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:gear" class="mr-2" /> Settings
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:sign-out" class="mr-2" /> Logout
+            </rs-dropdown-item>
+          </rs-dropdown>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Progress Bar Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-linear-scale" class="mr-2" />
+          Progress Indicators
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Progress indicators show completion status and provide feedback during long operations.</p>
+        
+        <div class="space-y-6">
+          <div>
+            <h3 class="text-base font-semibold mb-2">Basic Progress Bar</h3>
+            <rs-progress-bar :value="75" />
+          </div>
+          
+          <div>
+            <h3 class="text-base font-semibold mb-2">Progress Bar with Label</h3>
+            <rs-progress-bar :value="40" :showValue="true" />
+          </div>
+          
+          <div>
+            <h3 class="text-base font-semibold mb-2">Colored Progress Bars</h3>
+            <div class="space-y-2">
+              <rs-progress-bar :value="90" variant="success" :showValue="true" />
+              <rs-progress-bar :value="60" variant="warning" :showValue="true" />
+              <rs-progress-bar :value="30" variant="danger" :showValue="true" />
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Table Section with Column Visibility -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-table-view" class="mr-2" />
+          Data Tables with Column Visibility
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Tables display structured data in rows and columns with options to show/hide columns.</p>
+        
+        <div class="flex justify-between items-center mb-4">
+          <div class="text-sm text-gray-500">
+            Showing 1 to 4 of 4 records
+          </div>
+          <div class="relative">
+            <button
+              @click="showColumnMenu = !showColumnMenu"
+              class="flex items-center space-x-2 px-3 py-2 text-sm text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
+            >
+              <Icon name="ic:outline-view-column" size="20" />
+              <span>Columns</span>
+            </button>
+            
+            <!-- Column Visibility Menu -->
+            <div
+              v-if="showColumnMenu"
+              class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 z-10"
+            >
+              <div class="py-1">
+                <div
+                  v-for="field in tableFields"
+                  :key="field.key"
+                  class="px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 cursor-pointer"
+                  @click="toggleColumn(field.key)"
+                >
+                  <div class="flex items-center">
+                    <input
+                      type="checkbox"
+                      :checked="field.visible"
+                      class="mr-2 h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
+                    />
+                    <span>{{ field.label }}</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        
+        <div class="overflow-x-auto">
+          <table class="min-w-full divide-y divide-gray-200">
+            <thead class="bg-gray-50">
+              <tr>
+                <th
+                  v-for="field in tableFields.filter(f => f.visible)"
+                  :key="field.key"
+                  scope="col"
+                  class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer"
+                  @click="sortTable(field.key)"
+                >
+                  <div class="flex items-center">
+                    <span>{{ field.label }}</span>
+                    <Icon
+                      v-if="field.sortable"
+                      :name="getSortIcon(field.key)"
+                      class="ml-1"
+                      size="16"
+                    />
+                  </div>
+                </th>
+              </tr>
+            </thead>
+            <tbody class="bg-white divide-y divide-gray-200">
+              <tr v-for="(app, index) in tableData" :key="app.id" class="hover:bg-gray-50">
+                <td v-if="tableFields.find(f => f.key === 'id')?.visible" class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+                  {{ app.id }}
+                </td>
+                <td v-if="tableFields.find(f => f.key === 'nama')?.visible" class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+                  {{ app.nama }}
+                </td>
+                <td v-if="tableFields.find(f => f.key === 'tarikh')?.visible" class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+                  {{ app.tarikh }}
+                </td>
+                <td v-if="tableFields.find(f => f.key === 'jenisBantuan')?.visible" class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+                  {{ app.jenisBantuan }}
+                </td>
+                <td v-if="tableFields.find(f => f.key === 'status')?.visible" class="px-6 py-4 whitespace-nowrap">
+                  <span
+                    class="px-2.5 py-0.5 inline-flex text-xs leading-5 font-semibold rounded-full"
+                    :class="{
+                      'bg-green-100 text-green-800': app.status === 'LULUS',
+                      'bg-yellow-100 text-yellow-800': app.status === 'MENUNGGU',
+                      'bg-blue-100 text-blue-800': app.status === 'DALAM PROSES',
+                      'bg-red-100 text-red-800': app.status === 'DITOLAK'
+                    }"
+                  >
+                    {{ app.status }}
+                  </span>
+                </td>
+                <td v-if="tableFields.find(f => f.key === 'actions')?.visible" class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                  <button
+                    @click="showModal = true"
+                    class="text-blue-600 hover:text-blue-900"
+                  >
+                    <Icon name="ic:outline-remove-red-eye" class="mr-1" size="16" />
+                    Lihat
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        
+        <!-- Pagination -->
+        <div class="mt-4 flex items-center justify-between">
+          <div class="text-sm text-gray-500">
+            Showing 1 to 4 of 4 records
+          </div>
+          <div class="flex space-x-2">
+            <button
+              @click="changePage(currentPage - 1)"
+              disabled
+              class="px-3 py-1 border border-gray-300 rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm font-medium disabled:opacity-50"
+            >
+              Previous
+            </button>
+            <button
+              @click="changePage(currentPage + 1)"
+              disabled
+              class="px-3 py-1 border border-gray-300 rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm font-medium disabled:opacity-50"
+            >
+              Next
+            </button>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Advanced Search Component -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-search" class="mr-2" />
+          Advanced Search Component
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Advanced search allows users to filter results using multiple criteria.</p>
+        
+        <!-- Full-width search input with icon -->
+        <div class="relative mb-6">
+          <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+            <Icon name="ic:baseline-search" class="text-gray-400" size="20" />
+          </div>
+          <input
+            v-model="searchTerm"
+            type="text"
+            placeholder="Search by name, ID, or any keyword..."
+            class="w-full pl-10 pr-4 py-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+          />
+          <div class="absolute inset-y-0 right-0 flex items-center">
+            <button 
+              @click="advancedSearchVisible = !advancedSearchVisible"
+              class="px-4 text-sm text-blue-600 hover:text-blue-800 flex items-center"
+            >
+              <Icon name="ic:baseline-tune" class="mr-1" />
+              <span>Advanced Search</span>
+            </button>
+          </div>
+        </div>
+        
+        <!-- Advanced Search Panel (Collapsible) -->
+        <div v-if="advancedSearchVisible" class="mb-6 bg-gray-50 p-4 rounded-md border">
+          <h3 class="text-base font-medium mb-4">Advanced Search</h3>
+          
+          <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+            <!-- Type Dropdown -->
+            <div>
+              <label class="block text-sm font-medium text-gray-600 mb-1">Type</label>
+              <select
+                v-model="advancedSearch.type"
+                class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              >
+                <option value="all">All Types</option>
+                <option value="medical">Medical Aid</option>
+                <option value="education">Education Aid</option>
+                <option value="housing">Housing Aid</option>
+              </select>
+            </div>
+            
+            <!-- Status Dropdown -->
+            <div>
+              <label class="block text-sm font-medium text-gray-600 mb-1">Status</label>
+              <select
+                v-model="advancedSearch.status"
+                class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              >
+                <option value="all">All Status</option>
+                <option value="active">Active</option>
+                <option value="inactive">Inactive</option>
+              </select>
+            </div>
+            
+            <!-- Year Dropdown -->
+            <div>
+              <label class="block text-sm font-medium text-gray-600 mb-1">Year</label>
+              <select
+                v-model="advancedSearch.year"
+                class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              >
+                <option value="all">All Years</option>
+                <option value="2023">2023</option>
+                <option value="2022">2022</option>
+                <option value="2021">2021</option>
+              </select>
+            </div>
+          </div>
+          
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+            <!-- Amount Minimum -->
+            <div>
+              <label class="block text-sm font-medium text-gray-600 mb-1">Minimum Amount (RM)</label>
+              <input
+                v-model="advancedSearch.minAmount"
+                type="number"
+                placeholder="e.g., 1000"
+                class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+            
+            <!-- Amount Maximum -->
+            <div>
+              <label class="block text-sm font-medium text-gray-600 mb-1">Maximum Amount (RM)</label>
+              <input
+                v-model="advancedSearch.maxAmount"
+                type="number"
+                placeholder="e.g., 5000"
+                class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              />
+            </div>
+          </div>
+          
+          <!-- Applied Filters -->
+          <div v-if="appliedFilters.length > 0" class="mb-4">
+            <div class="flex flex-wrap items-center gap-2">
+              <span class="text-sm text-gray-500">Active Filters:</span>
+              
+              <!-- Filter chips -->
+              <div 
+                v-for="filter in appliedFilters" 
+                :key="filter.id"
+                class="inline-flex items-center px-3 py-1 rounded-full bg-blue-100 text-blue-800 text-sm"
+              >
+                <span class="mr-1">{{ filter.label }}</span>
+                <button @click="removeFilter(filter.id)" class="text-blue-800 hover:text-blue-900">
+                  <Icon name="ic:baseline-close" size="16" />
+                </button>
+              </div>
+              
+              <!-- Clear all filters button -->
+              <button 
+                @click="clearAllFilters"
+                class="text-sm text-gray-500 hover:text-gray-700 ml-2"
+              >
+                Clear All
+              </button>
+            </div>
+          </div>
+          
+          <div class="flex justify-end space-x-3">
+            <rs-button variant="secondary" @click="advancedSearchVisible = false">Close</rs-button>
+            <rs-button variant="primary" @click="advancedSearchVisible = false">Apply Filters</rs-button>
+          </div>
+        </div>
+        
+        <!-- Search Button -->
+        <div class="flex justify-end">
+          <rs-button variant="primary">
+            <Icon name="ic:baseline-search" class="mr-1" />
+            <span>Search</span>
+          </rs-button>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Form Field Grouping Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-fact-check" class="mr-2" />
+          Logical Field Grouping
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Organizing form fields into logical groups reduces cognitive load and improves data entry accuracy. Group related fields together within visually distinct containers, such as Card components, to help users understand the context and flow of information.</p>
+        
+        <div class="space-y-6">
+          <!-- Personal Information Card -->
+          <rs-card class="p-4">
+            <h3 class="text-base font-semibold mb-4">Maklumat Peribadi</h3>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Nama Penuh <span class="text-red-500">*</span></label>
+                <input
+                  v-model="personalInfo.fullName"
+                  type="text"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="Masukkan nama penuh anda"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">No. Kad Pengenalan <span class="text-red-500">*</span></label>
+                <input
+                  v-model="personalInfo.idNumber"
+                  type="text"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="Contoh: 990101-07-1234"
+                />
+              </div>
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Tarikh Lahir <span class="text-red-500">*</span></label>
+                <input
+                  v-model="personalInfo.birthDate"
+                  type="date"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Jantina <span class="text-red-500">*</span></label>
+                <div class="space-x-4 mt-2">
+                  <label class="inline-flex items-center">
+                    <input
+                      type="radio"
+                      v-model="personalInfo.gender"
+                      value="lelaki"
+                      class="mr-2"
+                    />
+                    <span>Lelaki</span>
+                  </label>
+                  <label class="inline-flex items-center">
+                    <input
+                      type="radio"
+                      v-model="personalInfo.gender"
+                      value="perempuan"
+                      class="mr-2"
+                    />
+                    <span>Perempuan</span>
+                  </label>
+                </div>
+              </div>
+            </div>
+          </rs-card>
+          
+          <!-- Address Information Card -->
+          <rs-card class="p-4">
+            <h3 class="text-base font-semibold mb-4">Alamat Pemohon</h3>
+            <div class="mb-4">
+              <label class="block text-sm font-medium text-gray-600 mb-1">Alamat <span class="text-red-500">*</span></label>
+              <input
+                v-model="addressInfo.street"
+                type="text"
+                class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                placeholder="No. rumah dan nama jalan"
+              />
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Bandar <span class="text-red-500">*</span></label>
+                <input
+                  v-model="addressInfo.city"
+                  type="text"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="Contoh: Shah Alam"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Poskod <span class="text-red-500">*</span></label>
+                <input
+                  v-model="addressInfo.postalCode"
+                  type="text"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="Contoh: 40000"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Negeri <span class="text-red-500">*</span></label>
+                <select
+                  v-model="addressInfo.state"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                >
+                  <option value="" disabled selected>Pilih negeri</option>
+                  <option v-for="option in stateOptions" :key="option.value" :value="option.value">
+                    {{ option.label }}
+                  </option>
+                </select>
+              </div>
+            </div>
+          </rs-card>
+          
+          <!-- Contact Information Card -->
+          <rs-card class="p-4">
+            <h3 class="text-base font-semibold mb-4">Maklumat Perhubungan</h3>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Alamat E-mel <span class="text-red-500">*</span></label>
+                <input
+                  v-model="contactInfo.email"
+                  type="email"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="Contoh: nama@emel.com"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">No. Telefon <span class="text-red-500">*</span></label>
+                <input
+                  v-model="contactInfo.phone"
+                  type="tel"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="Contoh: 0123456789"
+                />
+              </div>
+            </div>
+            
+            <div>
+              <label class="block text-sm font-medium text-gray-600 mb-1">Kaedah Perhubungan Yang Diutamakan</label>
+              <div class="grid grid-cols-1 md:grid-cols-2 mt-2">
+                <div v-for="option in contactMethodOptions" :key="option.value" class="mb-2">
+                  <label class="inline-flex items-center">
+                    <input
+                      type="checkbox"
+                      v-model="contactInfo.preferredContact"
+                      :value="option.value"
+                      class="mr-2"
+                    />
+                    <span>{{ option.label }}</span>
+                  </label>
+                </div>
+              </div>
+            </div>
+          </rs-card>
+          
+          <!-- Save Draft & Submit Buttons -->
+          <div class="flex justify-end space-x-3">
+            <rs-button variant="secondary-outline" @click="saveDraft">Simpan Draf</rs-button>
+            <rs-button variant="primary">Hantar</rs-button>
+          </div>
+          
+          <!-- Tips on Field Grouping -->
+          <div class="mt-6 p-4 bg-blue-50 rounded-md">
+            <h4 class="text-sm font-semibold mb-2">Amalan Terbaik Untuk Pengelompokan Medan:</h4>
+            <ul class="text-sm space-y-2 list-disc pl-5">
+              <li>Kelompokkan medan yang berkaitan bersama dalam kad atau bahagian yang jelas.</li>
+              <li>Gunakan tajuk subseksyen (semibold, 16px) untuk setiap kumpulan, sejajar ke kiri dan gaya yang konsisten.</li>
+              <li>Kekalkan jarak menegak 24px antara kumpulan untuk kejelasan.</li>
+              <li>Gunakan penjajaran grid dalam kumpulan untuk susun atur yang konsisten.</li>
+              <li>Untuk medan pilihan, tunjukkan dalam tajuk subheader (cth. "Maklumat Tambahan (Pilihan)").</li>
+              <li>Pastikan kebolehcapaian dengan mengaitkan subheader dengan kumpulan medan menggunakan atribut ARIA yang sesuai.</li>
+            </ul>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Placeholder Text Best Practices Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-text-fields" class="mr-2" />
+          Placeholder Text Best Practices
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Placeholders should be used to provide hints about the expected input format, not as a replacement for labels. They should be concise, clear, and free of unnecessary words.</p>
+        
+        <div class="space-y-6">
+          <!-- Correct Placeholder Usage -->
+          <div>
+            <h3 class="text-base font-semibold mb-4">Penggunaan Placeholder Yang Betul</h3>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-4">
+              <!-- Date Field Example -->
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Tarikh Lahir <span class="text-red-500">*</span></label>
+                <div class="relative">
+                  <input
+                    type="text"
+                    placeholder="DD/MM/YYYY"
+                    class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  />
+                  <div class="absolute right-2 top-2 text-gray-400">
+                    <Icon name="ic:outline-info" class="cursor-help" title="Format: Hari/Bulan/Tahun" />
+                  </div>
+                </div>
+                <p class="text-xs text-gray-500 mt-1">Contoh yang baik: Placeholder menunjukkan format yang diharapkan</p>
+              </div>
+              
+              <!-- Search Field Example -->
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Carian Pemohon</label>
+                <div class="relative">
+                  <input
+                    type="text"
+                    placeholder="Masukkan No. KP atau Nama"
+                    class="w-full border rounded-md px-3 py-2 pl-10 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  />
+                  <div class="absolute left-3 top-2.5 text-gray-400">
+                    <Icon name="ic:outline-search" />
+                  </div>
+                </div>
+                <p class="text-xs text-gray-500 mt-1">Contoh yang baik: Placeholder menyatakan jenis input yang diterima</p>
+              </div>
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <!-- Amount Field Example -->
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Jumlah (RM)</label>
+                <input
+                  type="text"
+                  placeholder="Contoh: 1,000.00"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                />
+                <p class="text-xs text-gray-500 mt-1">Contoh yang baik: Menunjukkan format angka yang diharapkan</p>
+              </div>
+              
+              <!-- Phone Number Example -->
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">No. Telefon</label>
+                <input
+                  type="tel"
+                  placeholder="01x-xxxxxxx"
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                />
+                <p class="text-xs text-gray-500 mt-1">Contoh yang baik: Format nombor telefon yang diharapkan</p>
+              </div>
+            </div>
+          </div>
+          
+          <!-- Incorrect Placeholder Usage -->
+          <div>
+            <h3 class="text-base font-semibold mb-4">Penggunaan Placeholder Yang Tidak Betul</h3>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-4">
+              <!-- Placeholder as Label (Bad) -->
+              <div>
+                <div class="relative">
+                  <input
+                    type="text"
+                    placeholder="Nama Penuh *"
+                    class="w-full border border-red-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-red-500"
+                  />
+                </div>
+                <p class="text-xs text-red-500 mt-1">Contoh yang tidak baik: Menggunakan placeholder sebagai ganti label</p>
+              </div>
+              
+              <!-- Too Long Placeholder (Bad) -->
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Alamat</label>
+                <textarea
+                  placeholder="Sila masukkan alamat lengkap anda termasuk nombor rumah, nama jalan, taman perumahan, daerah dan poskod untuk memudahkan proses penghantaran dokumen"
+                  class="w-full border border-red-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-red-500 h-20"
+                ></textarea>
+                <p class="text-xs text-red-500 mt-1">Contoh yang tidak baik: Placeholder terlalu panjang dan terperinci</p>
+              </div>
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <!-- Validation in Placeholder (Bad) -->
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Emel</label>
+                <input
+                  type="email"
+                  placeholder="Emel tidak sah! Format: nama@domain.com"
+                  class="w-full border border-red-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-red-500"
+                />
+                <p class="text-xs text-red-500 mt-1">Contoh yang tidak baik: Menyertakan mesej ralat dalam placeholder</p>
+              </div>
+              
+              <!-- ALL CAPS Placeholder (Bad) -->
+              <div>
+                <label class="block text-sm font-medium text-gray-600 mb-1">Negeri</label>
+                <input
+                  type="text"
+                  placeholder="MASUKKAN NAMA NEGERI DI SINI"
+                  class="w-full border border-red-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-red-500"
+                />
+                <p class="text-xs text-red-500 mt-1">Contoh yang tidak baik: Menggunakan huruf besar sepenuhnya</p>
+              </div>
+            </div>
+          </div>
+          
+          <!-- Placeholder Best Practices Guidelines -->
+          <div class="p-4 bg-blue-50 rounded-md">
+            <h4 class="text-sm font-semibold mb-2">Amalan Terbaik Untuk Placeholder:</h4>
+            <ul class="text-sm space-y-2 list-disc pl-5">
+              <li>Gunakan placeholder hanya untuk memperjelas format input atau memberikan contoh ringkas.</li>
+              <li>Pastikan placeholder ringkas (di bawah 40 aksara) dan bebas dari perkataan yang tidak perlu.</li>
+              <li>Gunakan warna teks yang lebih ringan untuk placeholder (cth. #BDBDBD) untuk membezakannya dari input pengguna.</li>
+              <li>Jangan gunakan placeholder sebagai pengganti label yang boleh dilihat.</li>
+              <li>Jangan masukkan mesej pengesahan atau petunjuk ralat dalam placeholder.</li>
+              <li>Jangan gunakan HURUF BESAR atau tanda baca yang berlebihan.</li>
+              <li>Untuk medan dengan keperluan format tertentu, lengkapkan placeholder dengan ikon info dan tooltip untuk panduan tambahan.</li>
+            </ul>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Save Draft & Autosave Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-save" class="mr-2" />
+          Save Draft & Autosave
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">The ability to save drafts and autosave is essential for user convenience and data integrity, especially in long forms. This ensures that users don't lose their work due to timeouts, network issues, or accidental navigation away from the page.</p>
+        
+        <div class="space-y-6">
+          <!-- Sample Form with Save Draft -->
+          <div>
+            <h3 class="text-base font-semibold mb-4">Contoh Borang dengan Ciri Simpan Draf</h3>
+            
+            <div class="border rounded-md p-4 mb-6">
+              <!-- Sample Form -->
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
+                <div>
+                  <label class="block text-sm font-medium text-gray-600 mb-1">Nama Projek <span class="text-red-500">*</span></label>
+                  <input
+                    type="text"
+                    value="Projek Bantuan Pendidikan 2023"
+                    class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  />
+                </div>
+                
+                <div>
+                  <label class="block text-sm font-medium text-gray-600 mb-1">Ketua Projek <span class="text-red-500">*</span></label>
+                  <input
+                    type="text"
+                    value="Ahmad bin Hassan"
+                    class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  />
+                </div>
+              </div>
+              
+              <div class="mb-6">
+                <label class="block text-sm font-medium text-gray-600 mb-1">Keterangan Projek</label>
+                <textarea
+                  class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 h-20"
+                >Program bantuan pendidikan untuk anak-anak asnaf di kawasan Shah Alam.</textarea>
+              </div>
+
+              <!-- Autosave Toggle -->
+              <div class="mb-6 flex items-center space-x-2">
+                <label class="inline-flex items-center cursor-pointer">
+                  <input type="checkbox" v-model="autosaveEnabled" class="sr-only peer">
+                  <div class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:w-5 after:h-5 after:transition-all peer-checked:bg-blue-600"></div>
+                  <span class="ms-3 text-sm font-medium text-gray-700">Autosave</span>
+                </label>
+                <div class="text-sm text-gray-500" v-if="lastSaved">
+                  Terakhir disimpan: {{ new Date(lastSaved).toLocaleTimeString() }}
+                </div>
+              </div>
+              
+              <!-- Status Messages -->
+              <div v-if="draftSaved" class="p-3 mb-6 bg-green-50 border border-green-200 rounded-md text-green-700 text-sm flex items-center">
+                <Icon name="ic:outline-check-circle" class="mr-2" />
+                Draf disimpan secara automatik
+              </div>
+              
+              <div v-if="failedToSave" class="p-3 mb-6 bg-red-50 border border-red-200 rounded-md text-red-700 text-sm flex items-center">
+                <Icon name="ic:outline-error" class="mr-2" />
+                Gagal menyimpan draf. Sila cuba lagi.
+              </div>
+              
+              <!-- Action Buttons -->
+              <div class="flex justify-end space-x-3">
+                <rs-button 
+                  variant="secondary-outline" 
+                  @click="saveDraft"
+                  :disabled="savingDraft"
+                >
+                  <template v-if="savingDraft">
+                    <span class="flex items-center">
+                      <span class="w-4 h-4 mr-2 border-2 border-t-transparent border-blue-600 rounded-full animate-spin"></span>
+                      Menyimpan...
+                    </span>
+                  </template>
+                  <template v-else>
+                    <Icon name="ic:outline-save" class="mr-1" />
+                    Simpan Draf
+                  </template>
+                </rs-button>
+                <rs-button variant="primary">Hantar</rs-button>
+              </div>
+            </div>
+            
+            <!-- Demo Controls -->
+            <div class="flex space-x-4 mt-4">
+              <rs-button variant="info" size="sm" @click="saveDraft">
+                Simulasi Simpan Draf
+              </rs-button>
+              <rs-button variant="danger" size="sm" @click="simulateFailedSave">
+                Simulasi Kegagalan Simpan
+              </rs-button>
+            </div>
+          </div>
+          
+          <!-- Fixed Save Draft Button -->
+          <div>
+            <h3 class="text-base font-semibold mb-4">Butang Tetap di Bahagian Bawah</h3>
+            
+            <div class="border rounded-md p-4 relative">
+              <p class="text-sm mb-2">Untuk borang yang panjang, kedudukan butang Simpan Draf harus tetap di bahagian bawah skrin untuk memastikan pengguna sentiasa dapat mencapainya tanpa perlu menatal ke bawah.</p>
+              
+              <div class="mt-4 p-4 bg-gray-50 border border-gray-200 rounded-md">
+                <div class="text-center py-6">Kandungan borang yang panjang</div>
+              </div>
+              
+              <div class="mt-4 border border-blue-200 bg-blue-50 p-3 rounded-md flex items-center justify-between">
+                <span class="text-sm text-blue-700">Butang Simpan Draf di bahagian bawah skrin</span>
+                <rs-button size="sm" variant="primary-outline">
+                  <Icon name="ic:outline-save" class="mr-1" />
+                  Simpan Draf
+                </rs-button>
+              </div>
+            </div>
+          </div>
+          
+          <!-- Save Draft & Autosave Best Practices -->
+          <div class="p-4 bg-blue-50 rounded-md">
+            <h4 class="text-sm font-semibold mb-2">Amalan Terbaik Untuk Ciri Simpan Draf & Autosave:</h4>
+            <ul class="text-sm space-y-2 list-disc pl-5">
+              <li>Letakkan butang Simpan Draf di bahagian bawah-kanan borang yang panjang.</li>
+              <li>Aktifkan autosave pada selang masa 30 saat atau ketika pengguna meniggalkan medan.</li>
+              <li>Berikan notifikasi toast yang tidak mengganggu apabila draf disimpan secara automatik.</li>
+              <li>Dalam kes kegagalan rangkaian, paparkan amaran dalaman untuk memberitahu pengguna.</li>
+              <li>Sediakan cara untuk pengguna mengaktif atau menyahaktifkan ciri autosave.</li>
+              <li>Pastikan pengguna tahu kapan maklumat terakhir disimpan dengan penunjuk masa/tarikh.</li>
+              <li>Selalu berikan petunjuk visual semasa proses penyimpanan sedang berlaku (separator berputar).</li>
+            </ul>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Selection Controls Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-toggle-on" class="mr-2" />
+          Selection Controls: Radio Buttons, Checkboxes, and Dropdowns
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Choosing the correct selection control is critical for usability and clarity. Use radio buttons for single selection among a small set of options, checkboxes for multi-select scenarios, and dropdowns for single selection when there are many options.</p>
+        
+        <div class="space-y-8">
+          <!-- Radio Buttons -->
+          <div>
+            <h3 class="text-base font-semibold mb-4">Radio Buttons (Butang Radio)</h3>
+            <p class="text-sm mb-4">Gunakan untuk pemilihan tunggal daripada set pilihan yang kecil dan dapat dilihat (idealnya 2-5 pilihan).</p>
+            
+            <!-- Basic Radio Buttons -->
+            <div class="mb-6 p-4 border rounded-md">
+              <h4 class="text-sm font-medium mb-3">Contoh Radio Button Asas</h4>
+              
+              <fieldset>
+                <legend class="text-sm font-semibold mb-2">Jenis Bantuan:</legend>
+                <div class="space-y-2">
+                  <label class="flex items-center">
+                    <input type="radio" name="jenisBantuan" value="pendidikan" class="mr-2" checked />
+                    <span>Bantuan Pendidikan</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="radio" name="jenisBantuan" value="perubatan" class="mr-2" />
+                    <span>Bantuan Perubatan</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="radio" name="jenisBantuan" value="rumah" class="mr-2" />
+                    <span>Bantuan Rumah</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="radio" name="jenisBantuan" value="sarahidup" class="mr-2" />
+                    <span>Bantuan Sara Hidup</span>
+                  </label>
+                </div>
+              </fieldset>
+            </div>
+            
+            <!-- Horizontal Radio Buttons -->
+            <div class="mb-6 p-4 border rounded-md">
+              <h4 class="text-sm font-medium mb-3">Radio Button Mendatar (Untuk Pilihan Lebih Pendek)</h4>
+              
+              <fieldset>
+                <legend class="text-sm font-semibold mb-2">Jantina:</legend>
+                <div class="flex space-x-6">
+                  <label class="flex items-center">
+                    <input type="radio" name="jantina" value="lelaki" class="mr-2" checked />
+                    <span>Lelaki</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="radio" name="jantina" value="perempuan" class="mr-2" />
+                    <span>Perempuan</span>
+                  </label>
+                </div>
+              </fieldset>
+            </div>
+            
+            <!-- Radio Buttons with Long Text -->
+            <div class="mb-6 p-4 border rounded-md">
+              <h4 class="text-sm font-medium mb-3">Radio Button dengan Teks Panjang</h4>
+              
+              <fieldset>
+                <legend class="text-sm font-semibold mb-2">Jenis Permohonan:</legend>
+                <div class="space-y-4">
+                  <label class="flex items-start">
+                    <input type="radio" name="jenisPermohonan" value="monthly" class="mr-2 mt-1" checked />
+                    <span class="text-sm">{{ longContentRadioOptions[0].label }}</span>
+                  </label>
+                  <label class="flex items-start">
+                    <input type="radio" name="jenisPermohonan" value="one_time" class="mr-2 mt-1" />
+                    <span class="text-sm">{{ longContentRadioOptions[1].label }}</span>
+                  </label>
+                  <label class="flex items-start">
+                    <input type="radio" name="jenisPermohonan" value="staged" class="mr-2 mt-1" />
+                    <span class="text-sm">{{ longContentRadioOptions[2].label }}</span>
+                  </label>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          
+          <!-- Checkboxes -->
+          <div>
+            <h3 class="text-base font-semibold mb-4">Checkboxes (Kotak Semak)</h3>
+            <p class="text-sm mb-4">Gunakan untuk senario multi-pilih, di mana pengguna boleh memilih beberapa pilihan, atau untuk togol boolean (on/off).</p>
+            
+            <!-- Basic Checkboxes -->
+            <div class="mb-6 p-4 border rounded-md">
+              <h4 class="text-sm font-medium mb-3">Contoh Checkbox Asas</h4>
+              
+              <fieldset>
+                <legend class="text-sm font-semibold mb-2">Minat (Pilih semua yang berkenaan):</legend>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-2">
+                  <label class="flex items-center">
+                    <input type="checkbox" value="news" class="mr-2" checked />
+                    <span>Berita dan Kemaskini</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="checkbox" value="volunteer" class="mr-2" />
+                    <span>Aktiviti Sukarelawan</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="checkbox" value="education" class="mr-2" checked />
+                    <span>Bantuan Pendidikan</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="checkbox" value="medical" class="mr-2" />
+                    <span>Bantuan Perubatan</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="checkbox" value="living_expenses" class="mr-2" />
+                    <span>Bantuan Sara Hidup</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="checkbox" value="business" class="mr-2" />
+                    <span>Bantuan Perniagaan</span>
+                  </label>
+                </div>
+              </fieldset>
+            </div>
+            
+            <!-- Toggle Checkbox (Boolean) -->
+            <div class="mb-6 p-4 border rounded-md">
+              <h4 class="text-sm font-medium mb-3">Checkbox Togol (Boolean)</h4>
+              
+              <div class="space-y-4">
+                <label class="flex items-center">
+                  <input type="checkbox" class="mr-2" checked />
+                  <span>Tunjuk semua rekod</span>
+                </label>
+                
+                <label class="flex items-center">
+                  <input type="checkbox" class="mr-2" />
+                  <span>Terima notifikasi emel</span>
+                </label>
+                
+                <label class="inline-flex items-center cursor-pointer">
+                  <input type="checkbox" value="" class="sr-only peer" checked>
+                  <div class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:w-5 after:h-5 after:transition-all peer-checked:bg-blue-600"></div>
+                  <span class="ms-3 text-sm font-medium text-gray-700">Toggle switch</span>
+                </label>
+              </div>
+            </div>
+            
+            <!-- Checkbox with Select All Option -->
+            <div class="mb-6 p-4 border rounded-md">
+              <h4 class="text-sm font-medium mb-3">Checkbox dengan Pilihan "Pilih Semua"</h4>
+              
+              <fieldset>
+                <legend class="text-sm font-semibold mb-2">Dokumen Sokongan:</legend>
+                
+                <div class="mb-2 border-b pb-2">
+                  <label class="flex items-center font-medium">
+                    <input type="checkbox" class="mr-2" />
+                    <span>Pilih Semua</span>
+                  </label>
+                </div>
+                
+                <div class="space-y-2 ml-6">
+                  <label class="flex items-center">
+                    <input type="checkbox" value="ic" class="mr-2" checked />
+                    <span>Salinan Kad Pengenalan</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="checkbox" value="bank_statement" class="mr-2" />
+                    <span>Penyata Bank (3 bulan terkini)</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="checkbox" value="salary_slip" class="mr-2" checked />
+                    <span>Slip Gaji (3 bulan terkini)</span>
+                  </label>
+                  <label class="flex items-center">
+                    <input type="checkbox" value="utility_bill" class="mr-2" />
+                    <span>Bil Utiliti</span>
+                  </label>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          
+          <!-- Dropdowns -->
+          <div>
+            <h3 class="text-base font-semibold mb-4">Dropdowns (Menu Pilihan)</h3>
+            <p class="text-sm mb-4">Gunakan untuk pemilihan tunggal apabila terdapat lebih daripada 5 pilihan, atau apabila ruang terhad.</p>
+            
+            <!-- Basic Dropdown -->
+            <div class="mb-6 p-4 border rounded-md">
+              <h4 class="text-sm font-medium mb-3">Contoh Dropdown Asas</h4>
+              
+              <div>
+                <label class="block text-sm font-semibold mb-2">Negeri:</label>
+                <select class="w-full border rounded-md p-2">
+                  <option value="" disabled selected>Pilih negeri</option>
+                  <option v-for="option in stateOptions" :key="option.value" :value="option.value">
+                    {{ option.label }}
+                  </option>
+                </select>
+              </div>
+            </div>
+            
+            <!-- Dropdown with Optgroups -->
+            <div class="mb-6 p-4 border rounded-md">
+              <h4 class="text-sm font-medium mb-3">Dropdown dengan Kumpulan Pilihan</h4>
+              
+              <div>
+                <label class="block text-sm font-semibold mb-2">Kategori Zakat:</label>
+                <select class="w-full border rounded-md p-2">
+                  <option value="" disabled selected>Pilih kategori</option>
+                  <optgroup label="Zakat Pendapatan">
+                    <option value="gaji">Gaji</option>
+                    <option value="bonus">Bonus</option>
+                    <option value="komisen">Komisen</option>
+                  </optgroup>
+                  <optgroup label="Zakat Perniagaan">
+                    <option value="perniagaan_individu">Perniagaan Individu</option>
+                    <option value="perniagaan_syarikat">Perniagaan Syarikat</option>
+                  </optgroup>
+                  <optgroup label="Zakat Harta">
+                    <option value="emas">Emas</option>
+                    <option value="perak">Perak</option>
+                    <option value="simpanan">Simpanan</option>
+                    <option value="saham">Saham</option>
+                  </optgroup>
+                </select>
+              </div>
+            </div>
+            
+            <!-- Searchable Dropdown (Placeholder for Vue Select) -->
+            <div class="mb-6 p-4 border rounded-md">
+              <h4 class="text-sm font-medium mb-3">Dropdown Boleh Cari</h4>
+              
+              <div class="mb-2">
+                <label class="block text-sm font-semibold mb-2">Carian dengan V-Select (component placeholder):</label>
+                <div class="border rounded-md p-3 bg-gray-50 text-sm">
+                  <p>Untuk set data yang besar, gunakan komponen dropdown boleh cari seperti Vue Select (v-select)</p>
+                  <p class="mt-2 text-blue-600">Contoh: &lt;v-select :options="stateOptions" placeholder="Pilih negeri"&gt;&lt;/v-select&gt;</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <!-- Selection Control Best Practices -->
+          <div class="p-4 bg-blue-50 rounded-md">
+            <h4 class="text-sm font-semibold mb-2">Amalan Terbaik Untuk Kawalan Pemilihan:</h4>
+            <ul class="text-sm space-y-2 list-disc pl-5">
+              <li><strong>Radio Buttons:</strong> Gunakan untuk pemilihan tunggal dari set yang kecil dan terlihat (2-5 pilihan).</li>
+              <li><strong>Checkboxes:</strong> Gunakan untuk pemilihan berganda atau nilai boolean (on/off).</li>
+              <li><strong>Dropdowns:</strong> Gunakan untuk pemilihan tunggal dengan banyak pilihan (>5) atau ruang terhad.</li>
+              <li>Jangan nyahaktifkan pilihan melainkan sangat perlu; sebaliknya, terangkan mengapa pilihan tidak tersedia.</li>
+              <li>Pastikan semua kawalan boleh diakses sepenuhnya melalui papan kekunci (Tab, Arrow keys, Space/Enter).</li>
+              <li>Berikan tanda yang jelas untuk keadaan dipilih dengan kontras yang cukup.</li>
+              <li>Untuk senarai panjang, pertimbangkan untuk mengelompokkan pilihan dengan subheading atau pemisah.</li>
+            </ul>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Navigation Components Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-navigation" class="mr-2" />
+          Navigation Components
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Navigation components help users move through the application efficiently.</p>
+        
+        <!-- Breadcrumbs Example -->
+        <div class="mb-6">
+          <h3 class="text-base font-semibold mb-2">Breadcrumbs</h3>
+          <nav aria-label="breadcrumb" class="bg-gray-100 p-2 rounded-md">
+            <ol class="flex items-center space-x-2 text-sm">
+              <li><a href="#" class="text-blue-600 hover:underline">Home</a></li>
+              <li class="flex items-center">
+                <Icon name="ic:outline-keyboard-arrow-right" class="mx-1" />
+                <a href="#" class="text-blue-600 hover:underline">Users</a>
+              </li>
+              <li class="flex items-center">
+                <Icon name="ic:outline-keyboard-arrow-right" class="mx-1" />
+                <span class="text-gray-600">Edit User</span>
+              </li>
+            </ol>
+          </nav>
+        </div>
+        
+        <!-- Pagination Example -->
+        <div class="mb-6">
+          <h3 class="text-base font-semibold mb-2">Pagination</h3>
+          <div class="flex items-center justify-center">
+            <nav class="inline-flex rounded-md shadow-sm">
+              <a href="#" class="px-3 py-2 border border-gray-300 bg-white text-sm font-medium rounded-l-md hover:bg-gray-50">
+                <Icon name="ic:outline-chevron-left" />
+              </a>
+              <a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-white text-sm font-medium hover:bg-gray-50">1</a>
+              <a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-blue-50 text-blue-600 text-sm font-medium">2</a>
+              <a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-white text-sm font-medium hover:bg-gray-50">3</a>
+              <a href="#" class="px-3 py-2 border border-gray-300 bg-white text-sm font-medium rounded-r-md hover:bg-gray-50">
+                <Icon name="ic:outline-chevron-right" />
+              </a>
+            </nav>
+          </div>
+        </div>
+        
+        <!-- Wizard Example -->
+        <div>
+          <h3 class="text-base font-semibold mb-2">Wizard Navigation</h3>
+          <div class="mb-4">
+            <!-- Step indicators -->
+            <div class="mb-10">
+              <div class="flex justify-between items-center w-full mb-8">
+                <div class="flex flex-col items-center">
+                  <div class="rounded-full h-10 w-10 flex items-center justify-center bg-blue-600 text-white text-sm font-medium">
+                    1
+                  </div>
+                  <div class="mt-2 text-xs font-medium text-blue-600">
+                    Maklumat
+                  </div>
+                </div>
+                
+                <div class="flex-grow h-px bg-blue-600 mx-2"></div>
+                
+                <div class="flex flex-col items-center">
+                  <div class="rounded-full h-10 w-10 flex items-center justify-center bg-blue-600 text-white text-sm font-medium">
+                    2
+                  </div>
+                  <div class="mt-2 text-xs font-medium text-blue-600">
+                    Maklumat
+                  </div>
+                </div>
+                
+                <div class="flex-grow h-px bg-gray-300 mx-2"></div>
+                
+                <div class="flex flex-col items-center">
+                  <div class="rounded-full h-10 w-10 flex items-center justify-center bg-gray-300 text-gray-600 text-sm font-medium">
+                    3
+                  </div>
+                  <div class="mt-2 text-xs font-medium text-gray-600">
+                    Pengiraan
+                  </div>
+                </div>
+                
+                <div class="flex-grow h-px bg-gray-300 mx-2"></div>
+                
+                <div class="flex flex-col items-center">
+                  <div class="rounded-full h-10 w-10 flex items-center justify-center bg-gray-300 text-gray-600 text-sm font-medium">
+                    4
+                  </div>
+                  <div class="mt-2 text-xs font-medium text-gray-600">
+                    Pembayaran
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <!-- Step content -->
+            <div class="p-6 border rounded-md">
+              <h3 class="font-semibold text-lg mb-4">Step 2: Contact Information</h3>
+              
+              <div class="space-y-4">
+                <div>
+                  <label class="block text-sm font-medium mb-1">Email Address <span class="text-red-500">*</span></label>
+                  <input type="email" class="w-full border border-gray-300 rounded-md p-2" />
+                </div>
+                <div>
+                  <label class="block text-sm font-medium mb-1">Phone Number <span class="text-red-500">*</span></label>
+                  <input type="tel" class="w-full border border-gray-300 rounded-md p-2" />
+                </div>
+                <div>
+                  <label class="block text-sm font-medium mb-1">Address <span class="text-red-500">*</span></label>
+                  <textarea class="w-full border border-gray-300 rounded-md p-2" rows="3"></textarea>
+                </div>
+              </div>
+              
+              <div class="flex justify-between mt-6">
+                <rs-button variant="secondary-outline">Previous</rs-button>
+                <rs-button variant="primary">Next</rs-button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Icons Usage Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ph:shapes" class="mr-2" />
+          Icons Usage and Best Practices
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Icons enhance clarity and speed of recognition for common actions. Use the Material Icons or Phosphor Icons (ph:) sets available in the codebase.</p>
+
+        <!-- Standard Icons -->
+        <h3 class="text-base font-semibold mb-4">Standard Icon Set</h3>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mb-6">
+          <!-- Common Action Icons -->
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="material-symbols:edit" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Edit</div>
+            <div class="text-xs text-gray-500">material-symbols:edit</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="ph:pencil" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Edit (Alternative)</div>
+            <div class="text-xs text-gray-500">ph:pencil</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="material-symbols:delete" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Delete</div>
+            <div class="text-xs text-gray-500">material-symbols:delete</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="ph:trash" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Delete (Alternative)</div>
+            <div class="text-xs text-gray-500">ph:trash</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="material-symbols:visibility" size="24" class="mb-2" />
+            <div class="text-sm font-medium">View</div>
+            <div class="text-xs text-gray-500">material-symbols:visibility</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="ph:eye" size="24" class="mb-2" />
+            <div class="text-sm font-medium">View (Alternative)</div>
+            <div class="text-xs text-gray-500">ph:eye</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="material-symbols:add" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Add</div>
+            <div class="text-xs text-gray-500">material-symbols:add</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="ph:plus" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Add (Alternative)</div>
+            <div class="text-xs text-gray-500">ph:plus</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="material-symbols:key" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Reset Password</div>
+            <div class="text-xs text-gray-500">material-symbols:key</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="material-symbols:search" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Search</div>
+            <div class="text-xs text-gray-500">material-symbols:search</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="material-symbols:check" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Approve/Complete</div>
+            <div class="text-xs text-gray-500">material-symbols:check</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="material-symbols:close" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Cancel/Close</div>
+            <div class="text-xs text-gray-500">material-symbols:close</div>
+          </div>
+        </div>
+
+        <!-- Navigation Icons -->
+        <h3 class="text-base font-semibold mb-4">Navigation Icons</h3>
+        <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="ph:arrow-up" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Arrow Up</div>
+            <div class="text-xs text-gray-500">ph:arrow-up</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="ph:arrow-down" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Arrow Down</div>
+            <div class="text-xs text-gray-500">ph:arrow-down</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="ph:arrow-left" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Arrow Left</div>
+            <div class="text-xs text-gray-500">ph:arrow-left</div>
+          </div>
+          <div class="p-4 border rounded-md flex flex-col items-center">
+            <Icon name="ph:arrow-right" size="24" class="mb-2" />
+            <div class="text-sm font-medium">Arrow Right</div>
+            <div class="text-xs text-gray-500">ph:arrow-right</div>
+          </div>
+        </div>
+
+        <!-- Icon Placement Examples -->
+        <h3 class="text-base font-semibold mb-4">Icon Placement in Buttons</h3>
+        <div class="space-y-6">
+          <!-- Left-aligned Icons in Buttons -->
+          <div class="mb-6">
+            <h4 class="text-sm font-medium mb-3">Left-aligned Icons (Standard)</h4>
+            <div class="flex flex-wrap gap-3">
+              <rs-button variant="primary">
+                <Icon name="material-symbols:add" class="mr-1" /> Add User
+              </rs-button>
+              <rs-button variant="info">
+                <Icon name="material-symbols:edit" class="mr-1" /> Edit
+              </rs-button>
+              <rs-button variant="danger">
+                <Icon name="ph:trash" class="mr-1" /> Delete
+              </rs-button>
+              <rs-button variant="success">
+                <Icon name="material-symbols:check" class="mr-1" /> Approve
+              </rs-button>
+            </div>
+          </div>
+
+          <!-- Icon-only Buttons with Tooltips -->
+          <div class="mb-6">
+            <h4 class="text-sm font-medium mb-3">Icon-only Buttons with Tooltips</h4>
+            <div class="flex flex-wrap gap-3">
+              <!-- Edit button with tooltip -->
+              <div class="relative" @mouseenter="tooltips['iconEdit'] = true" @mouseleave="tooltips['iconEdit'] = false">
+                <rs-button variant="info-text" class="p-1 w-8 h-8" aria-label="Edit user">
+                  <Icon name="material-symbols:edit" size="18" />
+                </rs-button>
+                <transition name="tooltip">
+                  <span v-if="tooltips['iconEdit']" class="absolute bottom-full mb-2 left-1/2 -translate-x-1/2 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                    Edit
+                  </span>
+                </transition>
+              </div>
+
+              <!-- View button with tooltip -->
+              <div class="relative" @mouseenter="tooltips['iconView'] = true" @mouseleave="tooltips['iconView'] = false">
+                <rs-button variant="primary-text" class="p-1 w-8 h-8" aria-label="View details">
+                  <Icon name="ph:eye" size="18" />
+                </rs-button>
+                <transition name="tooltip">
+                  <span v-if="tooltips['iconView']" class="absolute bottom-full mb-2 left-1/2 -translate-x-1/2 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                    View
+                  </span>
+                </transition>
+              </div>
+
+              <!-- Reset password button with tooltip -->
+              <div class="relative" @mouseenter="tooltips['iconReset'] = true" @mouseleave="tooltips['iconReset'] = false">
+                <rs-button variant="warning-text" class="p-1 w-8 h-8" aria-label="Reset password">
+                  <Icon name="material-symbols:key" size="18" />
+                </rs-button>
+                <transition name="tooltip">
+                  <span v-if="tooltips['iconReset']" class="absolute bottom-full mb-2 left-1/2 -translate-x-1/2 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                    Reset Password
+                  </span>
+                </transition>
+              </div>
+
+              <!-- Delete button with tooltip (destructive action) -->
+              <div class="relative" @mouseenter="tooltips['iconDelete'] = true" @mouseleave="tooltips['iconDelete'] = false">
+                <rs-button variant="danger-text" class="p-1 w-8 h-8" aria-label="Delete user">
+                  <Icon name="ph:trash" size="18" class="text-red-600" />
+                </rs-button>
+                <transition name="tooltip">
+                  <span v-if="tooltips['iconDelete']" class="absolute bottom-full mb-2 left-1/2 -translate-x-1/2 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                    Delete
+                  </span>
+                </transition>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Icon in Dropdown Example -->
+        <h3 class="text-base font-semibold mb-4">Icons in Dropdown Menu</h3>
+        <div class="mb-6">
+          <rs-dropdown text="Actions" variant="secondary">
+            <rs-dropdown-item>
+              <Icon name="ph:eye" class="mr-2" /> View Details
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:pencil" class="mr-2" /> Edit User
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:key" class="mr-2" /> Reset Password
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:plus" class="mr-2" /> Add Field
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:arrow-up" class="mr-2" /> Move Up
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:arrow-down" class="mr-2" /> Move Down
+            </rs-dropdown-item>
+            <rs-dropdown-item>
+              <Icon name="ph:trash" class="mr-2 text-red-600" /> Delete User
+            </rs-dropdown-item>
+          </rs-dropdown>
+        </div>
+
+        <!-- Table with Icon Actions -->
+        <h3 class="text-base font-semibold mb-4">Table Row Actions with Icons</h3>
+        <div class="overflow-x-auto mb-6">
+          <table class="min-w-full divide-y divide-gray-200">
+            <thead class="bg-gray-50">
+              <tr>
+                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">ID</th>
+                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Email</th>
+                <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+              </tr>
+            </thead>
+            <tbody class="bg-white divide-y divide-gray-200">
+              <tr>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">USR-001</td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">Ahmad bin Hassan</td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">ahmad@example.com</td>
+                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                  <div class="flex justify-end space-x-2">
+                    <div class="relative" @mouseenter="tooltips['rowView'] = true" @mouseleave="tooltips['rowView'] = false">
+                      <button class="text-blue-600 hover:text-blue-900" aria-label="View details">
+                        <Icon name="ph:eye" size="18" />
+                      </button>
+                      <transition name="tooltip">
+                        <span v-if="tooltips['rowView']" class="absolute bottom-full mb-2 right-0 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                          View
+                        </span>
+                      </transition>
+                    </div>
+                    <div class="relative" @mouseenter="tooltips['rowEdit'] = true" @mouseleave="tooltips['rowEdit'] = false">
+                      <button class="text-indigo-600 hover:text-indigo-900" aria-label="Edit user">
+                        <Icon name="ph:pencil" size="18" />
+                      </button>
+                      <transition name="tooltip">
+                        <span v-if="tooltips['rowEdit']" class="absolute bottom-full mb-2 right-0 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                          Edit
+                        </span>
+                      </transition>
+                    </div>
+                    <div class="relative" @mouseenter="tooltips['rowKey'] = true" @mouseleave="tooltips['rowKey'] = false">
+                      <button class="text-yellow-600 hover:text-yellow-900" aria-label="Reset password">
+                        <Icon name="ph:key" size="18" />
+                      </button>
+                      <transition name="tooltip">
+                        <span v-if="tooltips['rowKey']" class="absolute bottom-full mb-2 right-0 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                          Reset Password
+                        </span>
+                      </transition>
+                    </div>
+                    <div class="relative" @mouseenter="tooltips['rowDelete'] = true" @mouseleave="tooltips['rowDelete'] = false">
+                      <button class="text-red-600 hover:text-red-900" aria-label="Delete user">
+                        <Icon name="ph:trash" size="18" />
+                      </button>
+                      <transition name="tooltip">
+                        <span v-if="tooltips['rowDelete']" class="absolute bottom-full mb-2 right-0 bg-gray-800 text-white text-xs rounded py-1 px-2 z-10">
+                          Delete
+                        </span>
+                      </transition>
+                    </div>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <!-- Icon Best Practices -->
+        <div class="p-4 bg-blue-50 rounded-md">
+          <h4 class="text-sm font-semibold mb-2">Icon Best Practices:</h4>
+          <ul class="text-sm space-y-2 list-disc pl-5">
+            <li><strong>Icon + Text:</strong> Always pair icons with text unless the action is universally understood (e.g., trash for delete).</li>
+            <li><strong>Icon-only buttons:</strong> Always include a tooltip and an accessible aria-label.</li>
+            <li><strong>Placement:</strong> Place icons to the left of text in buttons.</li>
+            <li><strong>Size:</strong> Use consistent sizing - 16-18px for buttons in tables/toolbars, 20-24px for larger buttons and cards/headers.</li>
+            <li><strong>Color:</strong> Use red for destructive actions, gray/muted for disabled states.</li>
+            <li><strong>Accessibility:</strong> Never rely on color alone to convey meaning. Always include text or tooltips.</li>
+          </ul>
+          <div class="mt-4 text-center">
+            <a href="https://icones.js.org/" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline inline-flex items-center">
+              <Icon name="ph:link" class="mr-1" /> View Complete Icon Library
+              <Icon name="ph:arrow-up-right" class="ml-1" size="14" />
+            </a>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Wizard Component Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ph:steps" class="mr-2" />
+          Wizard Component
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Wizard components guide users through complex multi-step processes, showing clear progress and allowing navigation between steps.</p>
+        
+        <!-- Wizard Example -->
+        <div class="mb-6 p-4 border rounded-md">
+          <h3 class="text-base font-semibold mb-4">Multi-Step Form Wizard</h3>
+          
+          <!-- Wizard Step Indicators -->
+          <div class="mb-10">
+            <div class="flex justify-between items-center w-full mb-8">
+              <div class="flex flex-col items-center">
+                <div class="rounded-full h-10 w-10 flex items-center justify-center bg-blue-600 text-white text-sm font-medium">
+                  1
+                </div>
+                <div class="mt-2 text-xs font-medium text-blue-600">
+                  Maklumat
+                </div>
+              </div>
+              
+              <div class="flex-grow h-px bg-blue-600 mx-2"></div>
+              
+              <div class="flex flex-col items-center">
+                <div class="rounded-full h-10 w-10 flex items-center justify-center bg-blue-600 text-white text-sm font-medium">
+                  2
+                </div>
+                <div class="mt-2 text-xs font-medium text-blue-600">
+                  Maklumat
+                </div>
+              </div>
+              
+              <div class="flex-grow h-px bg-gray-300 mx-2"></div>
+              
+              <div class="flex flex-col items-center">
+                <div class="rounded-full h-10 w-10 flex items-center justify-center bg-gray-300 text-gray-600 text-sm font-medium">
+                  3
+                </div>
+                <div class="mt-2 text-xs font-medium text-gray-600">
+                  Pengiraan
+                </div>
+              </div>
+              
+              <div class="flex-grow h-px bg-gray-300 mx-2"></div>
+              
+              <div class="flex flex-col items-center">
+                <div class="rounded-full h-10 w-10 flex items-center justify-center bg-gray-300 text-gray-600 text-sm font-medium">
+                  4
+                </div>
+                <div class="mt-2 text-xs font-medium text-gray-600">
+                  Pembayaran
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <!-- Current Step Content (Step 2) -->
+          <div class="mb-6 border rounded-md p-6">
+            <h3 class="text-lg font-semibold mb-4">Langkah 2: Maklumat Pendapatan</h3>
+            <div class="space-y-4">
+              <div>
+                <label class="block text-sm font-medium mb-1">Jumlah Gaji Bulanan (RM) <span class="text-red-500">*</span></label>
+                <input type="number" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Contoh: 5000" />
+                <p class="mt-1 text-sm text-gray-500">Jumlah gaji kasar sebelum potongan</p>
+              </div>
+              <div>
+                <label class="block text-sm font-medium mb-1">Bonus Tahunan (RM)</label>
+                <input type="number" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Contoh: 10000" />
+              </div>
+              <div>
+                <label class="block text-sm font-medium mb-1">Pendapatan Lain (RM)</label>
+                <input type="number" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Contoh: 2000" />
+                <p class="mt-1 text-sm text-gray-500">Termasuk pendapatan sewaan, dividen, dll.</p>
+              </div>
+
+              <div class="pt-2">
+                <label class="block text-sm font-medium mb-1">Potongan Bulanan (RM)</label>
+                <div class="space-y-3 pl-2 mt-3 border-l-2 border-gray-200">
+                  <div>
+                    <label class="block text-sm font-medium mb-1">KWSP/EPF (RM)</label>
+                    <input type="number" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Contoh: 550" />
+                  </div>
+                  <div>
+                    <label class="block text-sm font-medium mb-1">Insurans Perubatan (RM)</label>
+                    <input type="number" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Contoh: 200" />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <!-- Wizard Navigation -->
+          <div class="flex justify-between">
+            <rs-button variant="secondary-outline">
+              <Icon name="ph:arrow-left" class="mr-1" /> Sebelumnya
+            </rs-button>
+            <rs-button variant="primary">
+              Seterusnya <Icon name="ph:arrow-right" class="ml-1" />
+            </rs-button>
+          </div>
+        </div>
+        
+        <!-- Wizard Implementation Notes -->
+        <div class="border rounded-md p-4 bg-blue-50">
+          <h4 class="text-sm font-semibold mb-2">Amalan Terbaik Wizard</h4>
+          <ul class="text-sm space-y-2 list-disc pl-5">
+            <li>Gunakan komponen <code>&lt;rs-wizard&gt;</code> untuk borang berbilang langkah yang memerlukan penyelesaian berurutan.</li>
+            <li>Sediakan penunjuk kemajuan visual yang jelas menunjukkan langkah yang selesai, semasa, dan akan datang.</li>
+            <li>Pastikan navigasi papan kekunci dengan Tab, Enter/Space untuk maju, dan kekunci anak panah untuk langkah.</li>
+            <li>Sahkan setiap langkah sebelum membenarkan kemajuan atau tunjukkan ralat pengesahan.</li>
+            <li>Kekalkan keadaan borang antara langkah dan benarkan navigasi ke langkah yang telah selesai.</li>
+            <li>Sediakan butang navigasi jelas pada kedudukan konsisten (Sebelumnya/Seterusnya).</li>
+            <li>Tunjukkan medan yang diperlukan pada setiap langkah dengan tanda bintang dan berikan ringkasan ralat.</li>
+          </ul>
+        </div>
+        
+        <!-- Wizard Accessibility Features -->
+        <div class="mt-4">
+          <h3 class="text-base font-semibold mb-3">Ciri-ciri Kebolehcapaian</h3>
+          <ul class="text-sm space-y-2 list-disc pl-5">
+            <li>Peranan ARIA dan penanda mengenal pasti struktur wizard (<code>role="region"</code> dengan <code>aria-labelledby</code>).</li>
+            <li>Pengurusan fokus memastikan input pertama dalam setiap langkah menerima fokus semasa navigasi.</li>
+            <li>Penunjuk langkah menggunakan atribut ARIA yang sesuai (<code>aria-current</code>, <code>aria-label</code>).</li>
+            <li>Pemberitahuan ralat menggunakan kawasan <code>aria-live</code> untuk pengumuman pembaca skrin.</li>
+            <li>Semua elemen interaktif dapat dikendalikan dengan papan kekunci dengan penunjuk fokus yang jelas.</li>
+          </ul>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Accordion Component Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ph:stack" class="mr-2" />
+          Accordion Component
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Accordions provide a way to organize and present content in a limited space, expanding and collapsing sections as needed.</p>
+        
+        <!-- Basic Accordion Example -->
+        <div class="mb-6">
+          <h3 class="text-base font-semibold mb-4">Basic Accordion</h3>
+          
+          <rs-collapse>
+            <rs-collapse-item title="Personal Information">
+              <div class="p-4 space-y-4">
+                <div>
+                  <label class="block text-sm font-medium mb-1">Full Name <span class="text-red-500">*</span></label>
+                  <input type="text" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" />
+                </div>
+                <div>
+                  <label class="block text-sm font-medium mb-1">IC Number <span class="text-red-500">*</span></label>
+                  <input type="text" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="e.g., 901231-14-5566" />
+                </div>
+                <div>
+                  <label class="block text-sm font-medium mb-1">Date of Birth <span class="text-red-500">*</span></label>
+                  <input type="date" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" />
+                </div>
+              </div>
+            </rs-collapse-item>
+            
+            <rs-collapse-item title="Contact Details">
+              <div class="p-4 space-y-4">
+                <div>
+                  <label class="block text-sm font-medium mb-1">Email Address <span class="text-red-500">*</span></label>
+                  <input type="email" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" />
+                </div>
+                <div>
+                  <label class="block text-sm font-medium mb-1">Phone Number <span class="text-red-500">*</span></label>
+                  <input type="tel" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" />
+                </div>
+              </div>
+            </rs-collapse-item>
+            
+            <rs-collapse-item title="Address Information">
+              <div class="p-4 space-y-4">
+                <div>
+                  <label class="block text-sm font-medium mb-1">Street Address <span class="text-red-500">*</span></label>
+                  <input type="text" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" />
+                </div>
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+                  <div>
+                    <label class="block text-sm font-medium mb-1">City <span class="text-red-500">*</span></label>
+                    <input type="text" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" />
+                  </div>
+                  <div>
+                    <label class="block text-sm font-medium mb-1">Postal Code <span class="text-red-500">*</span></label>
+                    <input type="text" class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" />
+                  </div>
+                  <div>
+                    <label class="block text-sm font-medium mb-1">State <span class="text-red-500">*</span></label>
+                    <select class="w-full border rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                      <option value="" disabled selected>Select state</option>
+                      <option value="selangor">Selangor</option>
+                      <option value="kl">Kuala Lumpur</option>
+                      <option value="penang">Pulau Pinang</option>
+                      <option value="johor">Johor</option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+            </rs-collapse-item>
+            
+            <rs-collapse-item title="Supporting Documents">
+              <div class="p-4 space-y-4">
+                <div>
+                  <label class="block text-sm font-medium mb-3">Identity Card (Front & Back) <span class="text-red-500">*</span></label>
+                  <div class="border-2 border-dashed border-gray-300 rounded-md p-6 text-center">
+                    <Icon name="ph:upload-simple" size="36" class="text-gray-400 mx-auto mb-2" />
+                    <p class="text-sm text-gray-500 mb-1">Drag and drop files here, or click to browse</p>
+                    <p class="text-xs text-gray-400">Supported formats: JPG, PNG, PDF (Max 2MB)</p>
+                  </div>
+                </div>
+              </div>
+            </rs-collapse-item>
+          </rs-collapse>
+        </div>
+        
+        <!-- Form Action Buttons -->
+        <div class="flex justify-end space-x-3 mt-4">
+          <rs-button variant="secondary-outline">Cancel</rs-button>
+          <rs-button variant="primary">Submit Application</rs-button>
+        </div>
+        
+        <!-- Accordion Best Practices -->
+        <div class="mt-6 border rounded-md p-4 bg-blue-50">
+          <h4 class="text-sm font-semibold mb-2">Accordion Best Practices</h4>
+          <ul class="text-sm space-y-2 list-disc pl-5">
+            <li>Use accordions for long forms to reduce cognitive load by breaking content into manageable sections.</li>
+            <li>Single-section expansion is preferred for clarity (only one accordion item open at a time).</li>
+            <li>Ensure each section header clearly describes its contents.</li>
+            <li>Add visual indicators showing completion status of each section (optional).</li>
+            <li>Keep important actions (e.g., Submit button) outside the accordion for visibility.</li>
+            <li>Group related fields logically within each accordion section.</li>
+          </ul>
+        </div>
+        
+        <!-- Accordion Accessibility Features -->
+        <div class="mt-4">
+          <h3 class="text-base font-semibold mb-3">Accessibility Features</h3>
+          <ul class="text-sm space-y-2 list-disc pl-5">
+            <li>Accordion headers use the <code>button</code> element for keyboard and screen reader accessibility.</li>
+            <li>ARIA attributes (<code>aria-expanded</code>, <code>aria-controls</code>) indicate state.</li>
+            <li>Keyboard operation allows navigating with Tab and toggling with Space/Enter.</li>
+            <li>Visible focus indicators highlight the current section being interacted with.</li>
+            <li>Proper heading hierarchy within accordion content for semantic structure.</li>
+          </ul>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Modal Dialog Design Standards -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ph:browser" class="mr-2" />
+          Modal Dialog Design Standards
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">Modal dialogs are temporary overlays that appear over the current page to capture user input, confirm actions, or display important messages without requiring page navigation.</p>
+        
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+          <!-- Left Column: Modal Types and Actions -->
+          <div>
+            <h3 class="text-base font-semibold mb-4">Modal Examples</h3>
+            
+            <div class="mb-6 space-y-4">
+              <div class="p-4 border rounded-md">
+                <h4 class="text-sm font-medium mb-2">Info/Action Modal</h4>
+                <p class="text-sm text-gray-600 mb-4">Use for important messages or confirmations that require user attention.</p>
+                <rs-button variant="primary" @click="openModalDemo('info', $event)" id="info-modal-button">
+                  Open Info Modal
+                </rs-button>
+              </div>
+              
+              <div class="p-4 border rounded-md">
+                <h4 class="text-sm font-medium mb-2">Form Modal</h4>
+                <p class="text-sm text-gray-600 mb-4">Use for short forms or user input that doesn't require a full page.</p>
+                <rs-button variant="info" @click="openModalDemo('form', $event)" id="form-modal-button">
+                  Open Form Modal
+                </rs-button>
+              </div>
+            </div>
+            
+            <div class="mt-8">
+              <h3 class="text-base font-semibold mb-4">Key Components</h3>
+              <div class="border rounded-md p-4 space-y-4">
+                <ul class="text-sm space-y-3 list-disc pl-5">
+                  <li><span class="font-medium">Clear Title</span>: Use sentence case and be specific about the modal's purpose</li>
+                  <li><span class="font-medium">Close Button</span>: Always include a close button (×) at the top-right</li>
+                  <li><span class="font-medium">Action Buttons</span>: Place at bottom-right, primary action first</li>
+                  <li><span class="font-medium">Focus Management</span>: Set initial focus on first interactive element</li>
+                  <li><span class="font-medium">Keyboard Navigation</span>: Support Tab key navigation and Escape to close</li>
+                  <li><span class="font-medium">Unsaved Changes</span>: Warn users before closing with unsaved changes</li>
+                  <li><span class="font-medium">Accessibility</span>: Include proper ARIA roles and labels</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          
+          <!-- Right Column: Modal Design Image/Screenshot -->
+          <div>
+            <h3 class="text-base font-semibold mb-4">Structure & Anatomy</h3>
+            <div class="border rounded-md p-6 bg-gray-50">
+              <div class="border-2 border-gray-300 rounded-md shadow-sm">
+                <!-- Modal Header -->
+                <div class="border-b p-4 bg-white rounded-t-md flex items-center justify-between">
+                  <h4 class="text-base font-semibold text-gray-800">Update status</h4>
+                  <button class="text-gray-500 hover:text-gray-700" aria-label="Close dialog">
+                    <Icon name="ph:x" />
+                  </button>
+                </div>
+                
+                <!-- Modal Content -->
+                <div class="p-6 bg-white">
+                  <div class="space-y-4">
+                    <div>
+                      <label class="block text-sm font-medium text-gray-700 mb-1">Current Status</label>
+                      <div class="text-sm bg-gray-100 p-2 rounded">Active</div>
+                    </div>
+                    
+                    <div>
+                      <label class="block text-sm font-medium text-gray-700 mb-1">New Status</label>
+                      <select class="w-full border rounded-md p-2 text-sm">
+                        <option>Active</option>
+                        <option>Pending</option>
+                        <option>Suspended</option>
+                        <option>Closed</option>
+                      </select>
+                    </div>
+                    
+                    <div>
+                      <label class="block text-sm font-medium text-gray-700 mb-1">Comments</label>
+                      <textarea class="w-full border rounded-md p-2 text-sm" rows="2"></textarea>
+                    </div>
+                  </div>
+                </div>
+                
+                <!-- Modal Footer with Actions -->
+                <div class="border-t p-4 bg-white rounded-b-md flex justify-end space-x-3">
+                  <button class="px-4 py-2 text-sm border border-gray-300 rounded-md">
+                    Cancel
+                  </button>
+                  <button class="px-4 py-2 text-sm bg-blue-600 text-white rounded-md">
+                    Update Status
+                  </button>
+                </div>
+              </div>
+              
+              <!-- Anatomy Labels -->
+              <div class="mt-6 space-y-2 text-xs text-gray-600">
+                <div class="flex items-center">
+                  <div class="w-3 h-3 bg-blue-600 rounded-full mr-2"></div>
+                  <span>Header with clear, concise title</span>
+                </div>
+                <div class="flex items-center">
+                  <div class="w-3 h-3 bg-green-600 rounded-full mr-2"></div>
+                  <span>Content area with focused, minimal UI</span>
+                </div>
+                <div class="flex items-center">
+                  <div class="w-3 h-3 bg-amber-600 rounded-full mr-2"></div>
+                  <span>Action buttons at bottom-right (primary action highlighted)</span>
+                </div>
+                <div class="flex items-center">
+                  <div class="w-3 h-3 bg-red-600 rounded-full mr-2"></div>
+                  <span>Close button at top-right corner</span>
+                </div>
+              </div>
+            </div>
+            
+            <div class="mt-6 bg-blue-50 p-4 rounded-md text-sm">
+              <h4 class="font-medium mb-2">When to Use Modals</h4>
+              <ul class="space-y-1 text-xs text-gray-700 list-disc pl-5">
+                <li>For actions requiring immediate attention</li>
+                <li>To collect focused user input without page navigation</li>
+                <li>For confirmations of destructive or important actions</li>
+                <li>To display quick information that needs acknowledgment</li>
+              </ul>
+              <h4 class="font-medium mt-3 mb-2">When Not to Use</h4>
+              <ul class="space-y-1 text-xs text-gray-700 list-disc pl-5">
+                <li>For complex forms requiring multiple steps</li>
+                <li>For content that could be displayed inline</li>
+                <li>For information that needs to be referenced alongside other page content</li>
+                <li>When multiple modals would need to be opened in sequence</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        
+        <!-- Info Modal Demo (shown when "Open Info Modal" is clicked) -->
+        <rs-modal v-model="modalDemoOpen" role="dialog" aria-labelledby="info-modal-title" aria-describedby="info-modal-description" size="md" position="center">
+          <template #header>
+            <div class="flex items-center w-full">
+              <h3 id="info-modal-title" class="text-lg font-semibold text-gray-800">System notification</h3>
+            </div>
+          </template>
+          
+          <div class="px-6 py-6">
+            <div class="flex items-start">
+              <div class="bg-blue-100 rounded-full p-3 mr-4 flex-shrink-0">
+                <Icon name="ph:info-fill" size="24" class="text-blue-600" />
+              </div>
+              <div id="info-modal-description">
+                <p class="mb-4 text-gray-800">System maintenance is scheduled for tomorrow at 2:00 AM. The platform will be unavailable for approximately 30 minutes.</p>
+                <p class="text-sm text-gray-600">Please save your work and log out before the maintenance window begins.</p>
+              </div>
+            </div>
+          </div>
+          
+          <template #footer>
+            <div class="flex justify-end">
+              <rs-button variant="primary" @click="closeModalDemo" autofocus>
+                Acknowledge
+              </rs-button>
+            </div>
+          </template>
+        </rs-modal>
+        
+        <!-- Form Modal Demo (shown when "Open Form Modal" is clicked) -->
+        <rs-modal v-model="modalFormOpen" role="dialog" aria-labelledby="form-modal-title" size="md" position="center">
+          <template #header>
+            <div class="flex items-center w-full">
+              <h3 id="form-modal-title" class="text-lg font-semibold text-gray-800">Update user information</h3>
+            </div>
+          </template>
+          
+          <div class="px-6 py-6">
+            <div class="space-y-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1" for="modal-form-name">Name <span class="text-red-500">*</span></label>
+                <input
+                  id="modal-form-name"
+                  type="text"
+                  v-model="modalFormData.name"
+                  class="w-full border border-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="Enter user name"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1" for="modal-form-email">Email <span class="text-red-500">*</span></label>
+                <input
+                  id="modal-form-email"
+                  type="email"
+                  v-model="modalFormData.email"
+                  class="w-full border border-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  placeholder="user@example.com"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1" for="modal-form-status">Status</label>
+                <select
+                  id="modal-form-status"
+                  v-model="modalFormData.status"
+                  class="w-full border border-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                >
+                  <option value="active">Active</option>
+                  <option value="inactive">Inactive</option>
+                  <option value="suspended">Suspended</option>
+                </select>
+              </div>
+            </div>
+          </div>
+          
+          <template #footer>
+            <div class="flex justify-end gap-3">
+              <rs-button variant="secondary-outline" @click="tryCloseModalForm">
+                Cancel
+              </rs-button>
+              <rs-button variant="primary" @click="saveModalForm" :disabled="!modalFormData.name || !modalFormData.email">
+                Save changes
+              </rs-button>
+            </div>
+          </template>
+        </rs-modal>
+        
+        <!-- Unsaved Changes Warning Modal -->
+        <rs-modal v-model="modalWarningOpen" role="dialog" aria-labelledby="warning-modal-title" size="md" position="center">
+          <template #header>
+            <div class="flex items-center w-full">
+              <h3 id="warning-modal-title" class="text-lg font-semibold text-gray-800">Discard changes?</h3>
+            </div>
+          </template>
+          
+          <div class="px-6 py-6">
+            <div class="flex items-start">
+              <div class="bg-amber-100 rounded-full p-3 mr-4 flex-shrink-0">
+                <Icon name="ph:warning-circle-fill" size="24" class="text-amber-600" />
+              </div>
+              <div>
+                <p class="mb-2 text-gray-800">You have unsaved changes. Are you sure you want to close this dialog?</p>
+                <p class="text-sm text-gray-600">Any changes you've made will be lost if you close without saving.</p>
+              </div>
+            </div>
+          </div>
+          
+          <template #footer>
+            <div class="flex justify-end gap-3">
+              <rs-button variant="secondary-outline" @click="modalWarningOpen = false">
+                Continue editing
+              </rs-button>
+              <rs-button variant="danger" @click="closeModalForm" autofocus>
+                Discard changes
+              </rs-button>
+            </div>
+          </template>
+        </rs-modal>
+        
+        <!-- Accessibility & Implementation Guidelines -->
+        <div class="mt-8 border rounded-md p-4 bg-blue-50">
+          <h4 class="text-sm font-semibold mb-2">Modal Implementation Best Practices</h4>
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <h5 class="text-xs font-medium mb-2">Accessibility Requirements</h5>
+              <ul class="text-xs space-y-1 list-disc pl-5">
+                <li>Use <code>role="dialog"</code> and <code>aria-labelledby</code> referencing title ID</li>
+                <li>Trap keyboard focus within the modal while open</li>
+                <li>Support closing with Escape key</li>
+                <li>Set initial focus on the first interactive element</li>
+                <li>Return focus to the trigger element when closed</li>
+                <li>Ensure screen reader users understand modal purpose</li>
+              </ul>
+            </div>
+            <div>
+              <h5 class="text-xs font-medium mb-2">User Experience Guidelines</h5>
+              <ul class="text-xs space-y-1 list-disc pl-5">
+                <li>Warn users if they will lose unsaved changes</li>
+                <li>Keep modals simple and focused on a single task</li>
+                <li>Make modal title match the button/link that opened it</li>
+                <li>Disable scrolling of background content while modal is open</li>
+                <li>Use subtle animations for opening/closing (optional)</li>
+                <li>For mobile, ensure modals are responsive and touch-friendly</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+    
+    <!-- UI Feedback and Interaction States Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ph:cursor-click" class="mr-2" />
+          UI Feedback & Interaction States
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-6">This example showcases enterprise-grade UI feedback mechanisms and interaction states for optimal user experience.</p>
+
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8">
+          <!-- Left Column: Form with Validation -->
+          <div class="space-y-6 border rounded-lg p-6">
+            <h3 class="text-base font-semibold mb-4">Form Validation & Feedback</h3>
+
+            <!-- Valid input field -->
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-1">Username <span class="text-red-500">*</span></label>
+              <div class="relative">
+                <input
+                  type="text"
+                  value="admin_user"
+                  class="w-full border border-green-500 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 pr-10"
+                />
+                <div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
+                  <Icon name="ph:check-circle-fill" class="text-green-500" />
+                </div>
+              </div>
+              <p class="mt-1 text-xs text-green-600">Username is available</p>
+            </div>
+
+            <!-- Error input field with validation message -->
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-1">Email Address <span class="text-red-500">*</span></label>
+              <div class="relative">
+                <input
+                  type="text"
+                  value="invalid-email"
+                  class="w-full border border-red-500 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-red-500"
+                />
+              </div>
+              <p class="mt-1 text-xs text-red-600 flex items-center">
+                <Icon name="ph:warning-circle-fill" class="mr-1" /> Please enter a valid email address
+              </p>
+            </div>
+
+            <!-- Focused input field with outline -->
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-1">Password <span class="text-red-500">*</span></label>
+              <input
+                type="password"
+                value="password123"
+                class="w-full border border-blue-500 rounded-md px-3 py-2 outline-none ring-2 ring-blue-500"
+              />
+              <p class="mt-1 text-xs text-gray-500">Password must be at least 8 characters</p>
+            </div>
+
+            <div class="pt-4 flex items-center justify-between">
+              <!-- Success button with checkmark -->
+              <div class="relative">
+                <rs-button variant="success" class="flex items-center">
+                  <Icon name="ph:check-bold" class="mr-1" /> Saved
+                </rs-button>
+              </div>
+
+              <!-- Button with loading spinner -->
+              <rs-button variant="primary" class="flex items-center">
+                <span class="flex items-center">
+                  <span class="w-4 h-4 mr-2 border-2 border-t-transparent border-white rounded-full animate-spin"></span>
+                  Processing...
+                </span>
+              </rs-button>
+            </div>
+
+            <!-- Disabled button state -->
+            <div class="pt-2">
+              <rs-button variant="primary" class="w-full" disabled>
+                Submit Form (Disabled)
+              </rs-button>
+              <p class="mt-1 text-xs text-gray-500 text-center">Complete all required fields to enable</p>
+            </div>
+          </div>
+
+          <!-- Right Column: Interactive Elements -->
+          <div class="space-y-6 border rounded-lg p-6">
+            <h3 class="text-base font-semibold mb-4">Interactive Elements</h3>
+            
+            <!-- Toast notification example -->
+            <div class="mb-6 relative">
+              <div class="absolute top-0 right-0 max-w-xs">
+                <div class="bg-green-50 border-l-4 border-green-500 p-4 shadow-md rounded-md flex items-start">
+                  <Icon name="ph:check-circle-fill" class="text-green-500 mt-0.5 mr-3 flex-shrink-0" />
+                  <div>
+                    <p class="text-sm font-medium text-green-800">Changes saved successfully!</p>
+                    <p class="mt-1 text-xs text-green-700">Your profile has been updated.</p>
+                  </div>
+                  <button class="ml-auto text-green-500 hover:text-green-700">
+                    <Icon name="ph:x-bold" />
+                  </button>
+                </div>
+              </div>
+              <p class="text-sm mb-2">Toast notification appears in the top-right corner:</p>
+              <div class="bg-gray-50 p-4 rounded-md border border-dashed border-gray-300 flex items-center justify-center h-28">
+                <p class="text-center text-gray-500 text-sm">Toast notification area</p>
+              </div>
+            </div>
+
+            <!-- Hover and Focus Examples -->
+            <div class="mb-6">
+              <p class="text-sm mb-3">Hover & Focus States:</p>
+              <div class="flex flex-wrap gap-3 mb-4">
+                <rs-button variant="primary" class="hover:bg-blue-700 transition-colors">
+                  Hover me
+                </rs-button>
+                <rs-button variant="secondary" class="focus:ring-4 focus:ring-gray-300 transition-all">
+                  Focus me (Tab)
+                </rs-button>
+                <rs-button variant="danger-outline" class="hover:bg-red-50 transition-colors">
+                  Destructive
+                </rs-button>
+              </div>
+            </div>
+
+            <!-- Destructive Action Button -->
+            <div>
+              <p class="text-sm mb-3">Destructive Action with Confirmation:</p>
+              <rs-button variant="danger" class="flex items-center" @click="showModal = true">
+                <Icon name="ph:trash-bold" class="mr-2" /> Delete Account
+              </rs-button>
+            </div>
+            
+            <!-- Button States Showcase -->
+            <div class="mt-8">
+              <p class="text-sm mb-3">Button States:</p>
+              <div class="flex flex-wrap gap-4">
+                <div class="text-center">
+                  <rs-button variant="primary">
+                    Normal
+                  </rs-button>
+                  <p class="mt-2 text-xs text-gray-500">Default</p>
+                </div>
+                
+                <div class="text-center">
+                  <rs-button variant="primary" class="opacity-80">
+                    Hovered
+                  </rs-button>
+                  <p class="mt-2 text-xs text-gray-500">On hover</p>
+                </div>
+                
+                <div class="text-center">
+                  <rs-button variant="primary" class="ring-2 ring-blue-300">
+                    Focused
+                  </rs-button>
+                  <p class="mt-2 text-xs text-gray-500">Keyboard focus</p>
+                </div>
+                
+                <div class="text-center">
+                  <rs-button variant="primary" class="bg-blue-700">
+                    Pressed
+                  </rs-button>
+                  <p class="mt-2 text-xs text-gray-500">On press</p>
+                </div>
+                
+                <div class="text-center">
+                  <rs-button variant="primary" disabled>
+                    Disabled
+                  </rs-button>
+                  <p class="mt-2 text-xs text-gray-500">Inactive</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Modal Confirmation Dialog (shown when Delete Account button is clicked) -->
+        <rs-modal v-model="showModal">
+          <template #header>
+            <div class="p-4 border-b">
+              <h3 class="text-lg font-semibold text-gray-800">Confirm Account Deletion</h3>
+            </div>
+          </template>
+          
+          <div class="p-6">
+            <div class="flex items-start">
+              <div class="bg-red-100 rounded-full p-2 mr-4">
+                <Icon name="ph:warning-circle-fill" size="24" class="text-red-600" />
+              </div>
+              <div>
+                <p class="mb-4 font-medium text-gray-700">Are you sure you want to delete your account?</p>
+                <p class="text-sm text-gray-600 mb-4">
+                  This action cannot be undone. All of your data will be permanently removed 
+                  from our servers forever. This action is irreversible.
+                </p>
+                
+                <div class="bg-gray-50 p-3 rounded-md border border-gray-200 mb-4">
+                  <p class="text-sm text-gray-600">
+                    To confirm, please type "delete" below:
+                  </p>
+                  <input type="text" class="mt-2 w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-red-500" placeholder="Type 'delete'" />
+                </div>
+              </div>
+            </div>
+          </div>
+          
+          <template #footer>
+            <div class="p-4 border-t flex justify-end gap-3">
+              <rs-button variant="secondary" @click="showModal = false">Cancel</rs-button>
+              <rs-button variant="danger">Permanently Delete</rs-button>
+            </div>
+          </template>
+        </rs-modal>
+
+        <!-- Design System Info -->
+        <div class="mt-6 bg-gray-50 p-4 rounded-md border border-gray-200">
+          <h4 class="text-sm font-semibold mb-3">Enterprise Design System Specifications</h4>
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
+            <div>
+              <p class="font-medium">Typography</p>
+              <ul class="text-xs space-y-1 mt-1 text-gray-600">
+                <li>• Font: Inter, sans-serif</li>
+                <li>• Base size: 16px (1rem)</li>
+                <li>• Line height: 1.5</li>
+              </ul>
+            </div>
+            <div>
+              <p class="font-medium">Color Palette</p>
+              <div class="flex items-center mt-2 space-x-2">
+                <div class="w-6 h-6 bg-[#0057A6] rounded"></div>
+                <span class="text-xs text-gray-600">Primary Blue (#0057A6)</span>
+              </div>
+              <div class="flex items-center mt-2 space-x-2">
+                <div class="w-6 h-6 bg-red-600 rounded"></div>
+                <span class="text-xs text-gray-600">Error/Destructive (#DC2626)</span>
+              </div>
+              <div class="flex items-center mt-2 space-x-2">
+                <div class="w-6 h-6 bg-green-600 rounded"></div>
+                <span class="text-xs text-gray-600">Success (#16A34A)</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+  </div>
+</template>
+
+<style scoped>
+.tooltip-enter-active,
+.tooltip-leave-active {
+  transition: opacity 0.3s, transform 0.3s;
+}
+.tooltip-enter-from,
+.tooltip-leave-to {
+  opacity: 0;
+  transform: translateY(-10px);
+}
+</style> 
diff --git a/pages/kitchen-sink/mobile.vue b/pages/kitchen-sink/mobile.vue
new file mode 100644
index 0000000..f805d48
--- /dev/null
+++ b/pages/kitchen-sink/mobile.vue
@@ -0,0 +1,3124 @@
+<script setup>
+definePageMeta({
+  title: "Mobile Kitchen Sink",
+  breadcrumb: [
+    {
+      name: "Kitchen Sink",
+      path: "/kitchen-sink",
+    },
+    {
+      name: "Mobile Kitchen Sink",
+      type: "current",
+    },
+  ],
+});
+
+// Demo data for Asnaf Zakat users (recipients)
+const exampleData = ref({
+  headerTitle: "Dashboard Zakat",
+  profileExpanded: false,
+  showNotifications: false,
+  currentSection: 'dashboard',
+  previousSection: null,
+  showBackButton: false,
+  subSection: null,
+  
+  // Data untuk metrik utama dashboard
+  keyMetrics: [
+    { 
+      title: "Jumlah Agihan Zakat", 
+      value: "RM 284.5 J", 
+      icon: "ic:baseline-volunteer-activism",
+      change: "positive",
+      description: "+18.3% berbanding tahun lepas"
+    },
+    { 
+      title: "Jumlah Penerima", 
+      value: "412,674", 
+      icon: "ic:baseline-people",
+      change: "positive",
+      description: "+12.4% berbanding tahun lepas"
+    },
+    { 
+      title: "Kadar Pengagihan", 
+      value: "92.4%", 
+      icon: "ic:baseline-donut-large",
+      change: "positive",
+      description: "+3.2% berbanding sasaran"
+    },
+    { 
+      title: "Permohonan Diluluskan", 
+      value: "38,245", 
+      icon: "ic:baseline-fact-check",
+      change: "neutral",
+      description: "+5.8% berbanding suku tahun"
+    }
+  ],
+  
+  // Data untuk kategori agihan zakat mengikut asnaf
+  asnafDistribution: [
+    { category: "Fakir", percentage: 28.5, amount: 81.1 },
+    { category: "Miskin", percentage: 32.7, amount: 93.1 },
+    { category: "Amil", percentage: 12.5, amount: 35.6 },
+    { category: "Muallaf", percentage: 5.8, amount: 16.5 },
+    { category: "Gharimin", percentage: 6.2, amount: 17.6 },
+    { category: "Fisabilillah", percentage: 10.2, amount: 29.0 },
+    { category: "Ibnu Sabil", percentage: 2.4, amount: 6.8 },
+    { category: "Riqab", percentage: 1.7, amount: 4.8 }
+  ],
+
+  // Data agihan bulanan
+  monthlyDistribution: [
+    {
+      name: "Agihan 2023",
+      data: [18.5, 19.2, 22.4, 24.8, 26.5, 28.2, 29.4, 31.6, 28.8, 25.4, 16.2, 13.5]
+    },
+    {
+      name: "Agihan 2022",
+      data: [15.8, 16.4, 19.2, 20.6, 21.8, 23.5, 24.8, 26.3, 24.5, 22.1, 14.6, 11.8]
+    }
+  ],
+
+  // Data program agihan zakat
+  zakatPrograms: [
+    { program: "Bantuan Pendidikan", beneficiaries: 98450, amount: 62.8, disbursed: 93.5 },
+    { program: "Bantuan Kesihatan", beneficiaries: 74280, amount: 48.5, disbursed: 87.2 },
+    { program: "Bantuan Sara Hidup", beneficiaries: 85640, amount: 52.4, disbursed: 95.8 },
+    { program: "Bantuan Perumahan", beneficiaries: 28450, amount: 36.2, disbursed: 82.4 }
+  ],
+
+  // Data prestasi KPI
+  kpiData: [
+    { metric: "Kadar Pengagihan Dana Zakat", actual: 92.4, target: 85, status: "Cemerlang" },
+    { metric: "Masa Pemprosesan Permohonan", actual: 12, target: 14, status: "Cemerlang" },
+    { metric: "Kepuasan Asnaf", actual: 94.2, target: 90, status: "Cemerlang" }
+  ],
+  demoPages: [
+    { 
+      id: 'dashboard',
+      title: 'Utama',
+      icon: 'ic:outline-home'
+    },
+    { 
+      id: 'permohonan',
+      title: 'Permohonan',
+      icon: 'ic:outline-article'
+    },
+    { 
+      id: 'bantuan',
+      title: 'Bantuan',
+      icon: 'ic:outline-volunteer-activism'
+    },
+    { 
+      id: 'notifikasi',
+      title: 'Notifikasi',
+      icon: 'ic:outline-notifications'
+    },
+    { 
+      id: 'profile',
+      title: 'Profil',
+      icon: 'ic:outline-person'
+    }
+  ],
+  permohonanTabs: [
+    { id: 'active', title: 'Aktif' },
+    { id: 'draft', title: 'Draf' },
+    { id: 'history', title: 'Sejarah' }
+  ],
+  activeTab: 'active',
+  showMenu: false,
+  searchQuery: "",
+  showEmptyState: false,
+  isLoading: false,
+  showFabMenu: false,
+  
+  // User profile data
+  userProfile: {
+    name: "Muhammad bin Daud",
+    id: "860215-14-5732",
+    email: "muhammad.daud@example.com",
+    phone: "019-8765432",
+    address: "No. 45, Jalan Gemilang, Taman Bahagia, 40100 Shah Alam, Selangor",
+    position: "Penerima Bantuan",
+    department: "Asnaf Fakir",
+    joinDate: "10 Jan 2018",
+    avatar: "M",
+    actions: [
+      { name: "Tetapan Akaun", icon: "ic:baseline-settings", action: "settings" },
+      { name: "Bantuan", icon: "ic:baseline-help-outline", action: "help" },
+      { name: "Log Aktiviti", icon: "ic:baseline-history", action: "activity" }
+    ]
+  },
+  
+  // Dashboard data
+  dashboardData: {
+    totalBantuan: "RM 3,450",
+    nextPayment: "15 Jun 2023",
+    bantuanBulan: "RM 700",
+    totalPendidikan: "RM 200",
+    announcements: [
+      { 
+        id: 1, 
+        title: "Program Bantuan Sekolah 2023",
+        content: "Permohonan bantuan persekolahan untuk anak-anak asnaf kini dibuka sehingga 30 Jun 2023.",
+        date: "10 Jun 2023",
+        image: "school-aid.jpg"
+      },
+      { 
+        id: 2, 
+        title: "Kursus Kemahiran Digital",
+        content: "Kursus percuma untuk asnaf yang berminat dalam kemahiran digital. Tempat terhad!",
+        date: "08 Jun 2023",
+        image: "digital-course.jpg"
+      }
+    ],
+    upcomingEvents: [
+      {
+        id: 1,
+        title: "Agihan Bantuan Ramadan",
+        date: "20 Jun 2023",
+        time: "9:00 pagi",
+        location: "Kompleks Zakat Selangor"
+      },
+      {
+        id: 2,
+        title: "Sesi Kaunseling Kewangan",
+        date: "25 Jun 2023",
+        time: "10:00 pagi",
+        location: "Pusat Komuniti Petaling Jaya"
+      }
+    ]
+  },
+  
+  // Permohonan (application) data
+  permohonanData: {
+    activeApplications: [
+      { 
+        id: "APP-2023-1234", 
+        pemohon: "Ahmad bin Hassan",
+        noIC: "901122-14-5523",
+        alamat: "No. 12, Jalan Maju, 40000 Shah Alam",
+        telefon: "019-1234567",
+        type: "Bantuan Pendidikan",
+        amount: "RM 2,500",
+        submissionDate: "12 Mei 2023",
+        status: "DALAM PROSES" 
+      },
+      { 
+        id: "APP-2023-2345", 
+        pemohon: "Siti Aminah",
+        noIC: "891215-14-5123",
+        alamat: "No. 45, Jalan Berjaya, 40100 Shah Alam",
+        telefon: "012-3456789",
+        type: "Bantuan Sara Hidup",
+        amount: "RM 1,200",
+        submissionDate: "18 Mei 2023",
+        status: "DALAM PROSES" 
+      },
+      { 
+        id: "APP-2023-3456", 
+        pemohon: "Kamal bin Johari",
+        noIC: "850430-14-7851",
+        alamat: "No. 78, Jalan Harmoni, 40200 Shah Alam",
+        telefon: "017-9876543",
+        type: "Bantuan Perniagaan",
+        amount: "RM 5,000",
+        submissionDate: "25 Mei 2023",
+        status: "MENUNGGU" 
+      }
+    ],
+    draftApplications: [
+      { 
+        id: "DRAFT-2023-5678",
+        pemohon: "Zahir bin Omar",
+        noIC: "880517-14-5123",
+        type: "Bantuan Pendidikan",
+        lastUpdated: "15 Mei 2023"
+      }
+    ],
+    historicalApplications: [
+      { 
+        id: "APP-2022-9012", 
+        pemohon: "Farid bin Razali",
+        noIC: "790222-14-5123",
+        type: "Bantuan Perniagaan",
+        amount: "RM 7,500",
+        submissionDate: "10 Jan 2023",
+        status: "LULUS" 
+      },
+      { 
+        id: "APP-2022-3456", 
+        pemohon: "Noraini binti Aziz",
+        noIC: "881115-14-5553",
+        type: "Bantuan Perubatan",
+        amount: "RM 3,200",
+        submissionDate: "15 Mar 2023",
+        status: "DITOLAK",
+        reason: "Dokumen tidak lengkap"
+      },
+      { 
+        id: "APP-2022-7890", 
+        pemohon: "Zulkifli bin Hasan",
+        noIC: "751020-14-7123",
+        type: "Bantuan Pendidikan",
+        amount: "RM 1,800",
+        submissionDate: "22 Feb 2023",
+        status: "LULUS" 
+      }
+    ],
+    applicationTypes: [
+      { id: "BSH", name: "Bantuan Sara Hidup" },
+      { id: "PEND", name: "Bantuan Pendidikan" },
+      { id: "PERU", name: "Bantuan Perubatan" },
+      { id: "PERNI", name: "Bantuan Perniagaan" },
+      { id: "RURUN", name: "Bantuan Rumah" }
+    ]
+  },
+  
+  // Bantuan Saya (My Aid) data
+  bantuanData: {
+    activeBantuan: [
+      {
+        id: "BAN-2023-1234",
+        type: "Bantuan Sara Hidup",
+        amount: "RM 500/bulan",
+        startDate: "Jan 2023",
+        endDate: "Dis 2023",
+        nextPayment: "15 Jun 2023"
+      },
+      {
+        id: "BAN-2023-5678",
+        type: "Bantuan Pendidikan Anak",
+        amount: "RM 200/bulan",
+        startDate: "Feb 2023",
+        endDate: "Nov 2023",
+        nextPayment: "15 Jun 2023"
+      }
+    ],
+    paymentHistory: [
+      { id: "PMT-0012", date: "15 Mei 2023", amount: "RM 700", type: "Bantuan Bulanan", status: "Selesai" },
+      { id: "PMT-0011", date: "15 Apr 2023", amount: "RM 700", type: "Bantuan Bulanan", status: "Selesai" },
+      { id: "PMT-0010", date: "15 Mac 2023", amount: "RM 700", type: "Bantuan Bulanan", status: "Selesai" }
+    ],
+    timeline: [
+      { step: 'Permohonan Dihantar', date: '10/05/2023', time: '09:30', completed: true },
+      { step: 'Verifikasi Dokumen', date: '11/05/2023', time: '14:45', completed: true },
+      { step: 'Semakan Pegawai', date: '12/05/2023', time: '11:20', completed: true },
+      { step: 'Kelulusan', date: '20/05/2023', time: '10:15', completed: true },
+      { step: 'Agihan Bantuan', date: '01/06/2023', time: '09:00', completed: true }
+    ]
+  },
+  
+  // Notification data
+  notificationData: {
+    unread: 3,
+    items: [
+      { id: 1, title: "Pembayaran Bantuan", content: "Bantuan bulanan sebanyak RM 700 telah dikreditkan ke akaun anda", time: "2 jam lalu", unread: true, type: "success" },
+      { id: 2, title: "Dokumen Tambahan Diperlukan", content: "Sila kemukakan salinan surat pengesahan pendapatan untuk permohonan #APP-2023-1234", time: "5 jam lalu", unread: true, type: "warning" },
+      { id: 3, title: "Peringatan Temuduga", content: "Temuduga untuk permohonan bantuan akan diadakan pada 18 Jun 2023, 10:00 pagi", time: "1 hari lalu", unread: true, type: "info" },
+      { id: 4, title: "Program Asnaf", content: "Program Latihan Kemahiran untuk Asnaf akan bermula pada 20 Jun 2023", time: "2 hari lalu", unread: false, type: "info" },
+      { id: 5, title: "Status Permohonan", content: "Permohonan #APP-2022-3456 telah ditolak. Sila semak maklumat lanjut dalam sistem.", time: "3 hari lalu", unread: false, type: "error" }
+    ]
+  },
+  
+  // Form data for application
+  newApplicationForm: {
+    type: "",
+    fullName: "",
+    idNumber: "",
+    phone: "",
+    email: "",
+    address: "",
+    reason: "",
+    dependents: 0,
+    monthlyIncome: "",
+    documents: []
+  },
+  formErrors: {
+    type: false,
+    fullName: false,
+    idNumber: false,
+    phone: false,
+    email: false,
+    monthlyIncome: false
+  },
+  
+  // Form validation states
+  formIsValid: false,
+  formSubmitted: false,
+  formSubmitting: false,
+  
+  // Active detail views
+  activeApplicationDetail: null,
+  activeBantuanDetail: null,
+  editApplicationId: null
+});
+
+// Animation states
+const animationStates = ref({
+  menuExpanded: false,
+  profileExpanded: false,
+  fabExpanded: false,
+  pageTransition: false
+});
+
+// Toggle functions for demo
+const toggleMenu = () => {
+  exampleData.value.showMenu = !exampleData.value.showMenu;
+  animationStates.value.menuExpanded = exampleData.value.showMenu;
+  
+  // Add/remove body-locked class to disable scrolling when menu is open
+  // Only affect the mobile-content element, not the entire document
+  const mobileContent = document.querySelector('.mobile-content');
+  if (exampleData.value.showMenu && mobileContent) {
+    mobileContent.classList.add('body-locked');
+  } else if (mobileContent) {
+    mobileContent.classList.remove('body-locked');
+  }
+};
+
+const toggleProfileDropdown = () => {
+  exampleData.value.profileExpanded = !exampleData.value.profileExpanded;
+  animationStates.value.profileExpanded = exampleData.value.profileExpanded;
+  // Close notifications panel if open
+  if (exampleData.value.showNotifications) {
+    exampleData.value.showNotifications = false;
+  }
+};
+
+const toggleNotifications = () => {
+  exampleData.value.showNotifications = !exampleData.value.showNotifications;
+  // Close profile dropdown if open
+  if (exampleData.value.profileExpanded) {
+    exampleData.value.profileExpanded = false;
+    animationStates.value.profileExpanded = false;
+  }
+};
+
+const toggleFabMenu = () => {
+  exampleData.value.showFabMenu = !exampleData.value.showFabMenu;
+  animationStates.value.fabExpanded = exampleData.value.showFabMenu;
+};
+
+const toggleLoading = () => {
+  exampleData.value.isLoading = true;
+  setTimeout(() => {
+    exampleData.value.isLoading = false;
+  }, 2000);
+};
+
+const toggleEmptyState = () => {
+  exampleData.value.showEmptyState = !exampleData.value.showEmptyState;
+};
+
+const simulateError = (field) => {
+  exampleData.value.formErrors[field] = true;
+  setTimeout(() => {
+    exampleData.value.formErrors[field] = false;
+  }, 3000);
+};
+
+// Navigate to a different section
+const navigateTo = (sectionId, subsection = null) => {
+  exampleData.value.previousSection = exampleData.value.currentSection;
+  exampleData.value.currentSection = sectionId;
+  exampleData.value.subSection = subsection;
+  
+  // Show back button if navigating to a subsection or if navigating to components section
+  exampleData.value.showBackButton = subsection !== null || sectionId === 'components';
+  
+  // Reset scroll position
+  setTimeout(() => {
+    const mobileContent = document.querySelector('.mobile-content');
+    if (mobileContent) {
+      mobileContent.scrollTop = 0;
+    }
+  }, 10);
+  
+  // Close any open UI elements
+  closeAllOverlays();
+};
+
+// Navigate back
+const navigateBack = () => {
+  if (exampleData.value.subSection) {
+    // If in a subsection, go back to main section
+    exampleData.value.subSection = null;
+    exampleData.value.showBackButton = exampleData.value.currentSection === 'components';
+  } else if (exampleData.value.currentSection === 'components') {
+    // If on components page, go back to dashboard
+    exampleData.value.currentSection = 'dashboard';
+    exampleData.value.previousSection = null;
+    exampleData.value.showBackButton = false;
+  } else if (exampleData.value.previousSection) {
+    // If have a previous main section, go back to it
+    exampleData.value.currentSection = exampleData.value.previousSection;
+    exampleData.value.previousSection = null;
+    exampleData.value.showBackButton = false;
+  }
+  
+  // Reset scroll position
+  if (document.querySelector('.mobile-content')) {
+    document.querySelector('.mobile-content').scrollTop = 0;
+  }
+  
+  // Close any open UI elements
+  closeAllOverlays();
+};
+
+// Close all overlays
+const closeAllOverlays = () => {
+  exampleData.value.showMenu = false;
+  exampleData.value.profileExpanded = false;
+  exampleData.value.showNotifications = false;
+  exampleData.value.showFabMenu = false;
+  
+  // Reset animation states
+  animationStates.value.menuExpanded = false;
+  animationStates.value.profileExpanded = false;
+  animationStates.value.fabExpanded = false;
+  
+  // Remove body lock only from the mobile content
+  const mobileContent = document.querySelector('.mobile-content');
+  if (mobileContent) {
+    mobileContent.classList.remove('body-locked');
+  }
+};
+
+// Change tab
+const changeTab = (tabId) => {
+  exampleData.value.activeTab = tabId;
+};
+
+// Create new application draft function
+const createNewApplication = (type) => {
+  // Navigate to the new application form
+  navigateTo('permohonan', 'new');
+  
+  // Set initial form values
+  exampleData.value.newApplicationForm = {
+    type: type,
+    fullName: exampleData.value.userProfile.name,
+    idNumber: exampleData.value.userProfile.id,
+    phone: exampleData.value.userProfile.phone,
+    email: exampleData.value.userProfile.email,
+    address: exampleData.value.userProfile.address,
+    reason: "",
+    dependents: exampleData.value.userProfile.dependents || 0,
+    monthlyIncome: "",
+    documents: []
+  };
+  
+  // Close FAB menu
+  exampleData.value.showFabMenu = false;
+  animationStates.value.fabExpanded = false;
+};
+
+// Edit application function
+const editApplication = (application) => {
+  // Navigate to the edit form
+  navigateTo('permohonan', 'edit');
+  
+  // Set form values from the application
+  exampleData.value.newApplicationForm = {
+    type: application.type,
+    fullName: application.pemohon,
+    idNumber: application.noIC,
+    phone: application.telefon,
+    email: exampleData.value.userProfile.email, // Assuming email is not in the application object
+    address: application.alamat,
+    reason: "",
+    dependents: 0,
+    monthlyIncome: application.amount.replace("RM ", ""),
+    documents: []
+  };
+  
+  // Store the application ID for update
+  exampleData.value.editApplicationId = application.id;
+};
+
+// Approve application function
+const approveApplication = (application) => {
+  // Show confirmation dialog (in a real app)
+  if (confirm(`Adakah anda pasti untuk meluluskan permohonan ${application.id}?`)) {
+    // Update application status
+    const index = exampleData.value.permohonanData.activeApplications.findIndex(app => app.id === application.id);
+    if (index !== -1) {
+      exampleData.value.permohonanData.activeApplications[index].status = 'LULUS';
+      
+      // Show success notification
+      addNotification({
+        title: "Permohonan Diluluskan", 
+        content: `Permohonan ${application.id} telah berjaya diluluskan.`,
+        type: "success"
+      });
+    }
+  }
+};
+
+// Delete application function
+const deleteApplication = (application) => {
+  // Show confirmation dialog (in a real app)
+  if (confirm(`Adakah anda pasti untuk memadamkan permohonan ${application.id}?`)) {
+    // Remove application from the list
+    const index = exampleData.value.permohonanData.activeApplications.findIndex(app => app.id === application.id);
+    if (index !== -1) {
+      exampleData.value.permohonanData.activeApplications.splice(index, 1);
+      
+      // Show success notification
+      addNotification({
+        title: "Permohonan Dipadam", 
+        content: `Permohonan ${application.id} telah berjaya dipadam.`,
+        type: "success"
+      });
+    }
+  }
+};
+
+// Submit application form
+const submitApplicationForm = () => {
+  // Validate form first
+  validateForm();
+  
+  if (exampleData.value.formIsValid) {
+    exampleData.value.formSubmitting = true;
+    
+    // Simulate form submission
+    setTimeout(() => {
+      // Add to draft applications
+      exampleData.value.permohonanData.draftApplications.unshift({
+        id: `DRAFT-2023-${Math.floor(1000 + Math.random() * 9000)}`,
+        type: exampleData.value.newApplicationForm.type,
+        lastUpdated: new Date().toLocaleDateString('ms-MY', {day: '2-digit', month: 'short', year: 'numeric'})
+      });
+      
+      exampleData.value.formSubmitting = false;
+      exampleData.value.formSubmitted = true;
+      
+      // Show success notification
+      addNotification({
+        title: "Draf Permohonan Dibuat", 
+        content: `Draf permohonan untuk ${exampleData.value.newApplicationForm.type} telah berjaya dibuat.`,
+        type: "success"
+      });
+      
+      // Navigate back to permohonan list after delay
+      setTimeout(() => {
+        navigateTo('permohonan');
+        exampleData.value.formSubmitted = false;
+        changeTab('draft');
+      }, 1500);
+    }, 2000);
+  }
+};
+
+// View application details
+const viewApplicationDetails = (applicationId, tab) => {
+  const applications = tab === 'active' 
+    ? exampleData.value.permohonanData.activeApplications 
+    : tab === 'history' 
+      ? exampleData.value.permohonanData.historicalApplications
+      : exampleData.value.permohonanData.draftApplications;
+      
+  const application = applications.find(app => app.id === applicationId);
+  
+  if (application) {
+    exampleData.value.activeApplicationDetail = application;
+    navigateTo('permohonan', 'details');
+  }
+};
+
+// View bantuan details
+const viewBantuanDetails = (bantuanId) => {
+  const bantuan = exampleData.value.bantuanData.activeBantuan.find(b => b.id === bantuanId);
+  
+  if (bantuan) {
+    exampleData.value.activeBantuanDetail = bantuan;
+    navigateTo('bantuan', 'details');
+  }
+};
+
+// Form validation
+const validateForm = () => {
+  // Reset errors
+  Object.keys(exampleData.value.formErrors).forEach(key => {
+    exampleData.value.formErrors[key] = false;
+  });
+  
+  // Check required fields
+  let isValid = true;
+  
+  // Required fields validation
+  const requiredFields = ['type', 'fullName', 'idNumber', 'phone', 'email', 'monthlyIncome'];
+  requiredFields.forEach(field => {
+    if (!exampleData.value.newApplicationForm[field]) {
+      exampleData.value.formErrors[field] = true;
+      isValid = false;
+    }
+  });
+  
+  // Email validation
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  if (exampleData.value.newApplicationForm.email && !emailRegex.test(exampleData.value.newApplicationForm.email)) {
+    exampleData.value.formErrors.email = true;
+    isValid = false;
+  }
+  
+  // Phone validation
+  const phoneRegex = /^01\d-\d{7,8}$/;
+  if (exampleData.value.newApplicationForm.phone && !phoneRegex.test(exampleData.value.newApplicationForm.phone)) {
+    exampleData.value.formErrors.phone = true;
+    isValid = false;
+  }
+  
+  exampleData.value.formIsValid = isValid;
+  return isValid;
+};
+
+// For notification actions
+const markAsRead = (id) => {
+  const notification = exampleData.value.notificationData.items.find(n => n.id === id);
+  if (notification && notification.unread) {
+    notification.unread = false;
+    exampleData.value.notificationData.unread -= 1;
+  }
+};
+
+const markAllAsRead = () => {
+  exampleData.value.notificationData.items.forEach(notification => {
+    notification.unread = false;
+  });
+  exampleData.value.notificationData.unread = 0;
+};
+
+const deleteNotification = (id) => {
+  const index = exampleData.value.notificationData.items.findIndex(n => n.id === id);
+  if (index !== -1) {
+    const isUnread = exampleData.value.notificationData.items[index].unread;
+    if (isUnread) {
+      exampleData.value.notificationData.unread -= 1;
+    }
+    exampleData.value.notificationData.items.splice(index, 1);
+  }
+};
+
+// Add new notification
+const addNotification = (notification) => {
+  const newNotification = {
+    id: exampleData.value.notificationData.items.length + 1,
+    title: notification.title,
+    content: notification.content,
+    time: "Baru sahaja",
+    unread: true,
+    type: notification.type || "info"
+  };
+  
+  exampleData.value.notificationData.items.unshift(newNotification);
+  exampleData.value.notificationData.unread += 1;
+};
+
+// Set page title based on current section
+const updatePageTitle = () => {
+  const currentSection = exampleData.value.currentSection;
+  const page = exampleData.value.demoPages.find(p => p.id === currentSection);
+  
+  if (exampleData.value.subSection) {
+    switch (exampleData.value.subSection) {
+      case 'new':
+        exampleData.value.headerTitle = 'Permohonan Baru';
+        break;
+      case 'details':
+        exampleData.value.headerTitle = 'Butiran';
+        break;
+      default:
+        exampleData.value.headerTitle = page?.title || 'Portal Asnaf';
+    }
+  } else {
+    exampleData.value.headerTitle = page?.title || 'Portal Asnaf';
+  }
+};
+
+// Watch for section changes
+watch(() => [exampleData.value.currentSection, exampleData.value.subSection], () => {
+  updatePageTitle();
+  
+  // Implement page transition animation
+  animationStates.value.pageTransition = true;
+  setTimeout(() => {
+    animationStates.value.pageTransition = false;
+  }, 300);
+});
+
+// Initialize page title
+onMounted(() => {
+  updatePageTitle();
+});
+
+// Profile Section
+const viewProfile = () => {
+  navigateTo('profile');
+  exampleData.value.profileExpanded = false;
+};
+
+// Mobile Components Showcase
+const viewMobileComponents = () => {
+  navigateTo('components');
+};
+
+// For notification actions
+const handleNotificationAction = (notification) => {
+  // Navigate to appropriate section based on notification
+  if (notification.action === 'view_bantuan') {
+    navigateTo('bantuan', 'details');
+    if (notification.bantuanId) {
+      viewBantuanDetails(notification.bantuanId);
+    }
+  } else if (notification.action === 'view_permohonan') {
+    navigateTo('permohonan', 'details');
+    if (notification.permohonanId) {
+      viewApplicationDetails(notification.permohonanId, 'active');
+    }
+  } else if (notification.action === 'rsvp_program') {
+    // Show RSVP confirmation dialog - simplified for demo
+    alert('Anda telah mendaftar untuk program ini.');
+    markAsRead(notification.id);
+  }
+};
+
+// Update Bantuan Data with more comprehensive info
+exampleData.value.bantuanData = {
+  activeBantuan: [
+    {
+      id: "BAN-2023-1234",
+      type: "Bantuan Sara Hidup",
+      category: "Fakir",
+      amount: "RM 500/bulan",
+      startDate: "Jan 2023",
+      endDate: "Dis 2023",
+      nextPayment: "15 Jun 2023",
+      referenceNo: "BSH-23/1234",
+      status: "AKTIF",
+      details: {
+        approvedBy: "Pegawai Zakat Daerah Shah Alam",
+        approvalDate: "15 Dis 2022",
+        disbursementMethod: "Akaun Bank",
+        bankName: "Bank Islam",
+        accountNo: "xxxx-xxx-xxxxx",
+        totalAmountApproved: "RM 6,000 (RM 500 × 12 bulan)",
+        totalDisbursed: "RM 2,500 (5 bulan)",
+        remainingAmount: "RM 3,500 (7 bulan)"
+      }
+    },
+    {
+      id: "BAN-2023-5678",
+      type: "Bantuan Pendidikan Anak",
+      category: "Miskin",
+      amount: "RM 200/bulan",
+      startDate: "Feb 2023",
+      endDate: "Nov 2023",
+      nextPayment: "15 Jun 2023",
+      referenceNo: "BPA-23/5678",
+      status: "AKTIF",
+      details: {
+        approvedBy: "Pegawai Zakat Daerah Shah Alam",
+        approvalDate: "20 Jan 2023",
+        disbursementMethod: "Akaun Bank",
+        bankName: "Bank Islam",
+        accountNo: "xxxx-xxx-xxxxx",
+        totalAmountApproved: "RM 2,000 (RM 200 × 10 bulan)",
+        totalDisbursed: "RM 800 (4 bulan)",
+        remainingAmount: "RM 1,200 (6 bulan)",
+        children: [
+          { name: "Ahmad bin Muhammad", age: 12, school: "SK Taman Sri Muda", level: "Darjah 6" },
+          { name: "Nur Aisyah binti Muhammad", age: 15, school: "SMK Taman Sri Muda", level: "Tingkatan 3" }
+        ]
+      }
+    },
+    {
+      id: "BAN-2023-9012",
+      type: "Bantuan Perubatan",
+      category: "Fakir",
+      amount: "RM 350/bulan",
+      startDate: "Apr 2023",
+      endDate: "Apr 2024",
+      nextPayment: "15 Jun 2023",
+      referenceNo: "BPR-23/9012",
+      status: "AKTIF",
+      details: {
+        approvedBy: "Pegawai Zakat Daerah Shah Alam",
+        approvalDate: "25 Mar 2023",
+        disbursementMethod: "Akaun Bank",
+        bankName: "Bank Islam",
+        accountNo: "xxxx-xxx-xxxxx",
+        totalAmountApproved: "RM 4,200 (RM 350 × 12 bulan)",
+        totalDisbursed: "RM 700 (2 bulan)",
+        remainingAmount: "RM 3,500 (10 bulan)",
+        medicalCondition: "Diabetes & Tekanan Darah Tinggi",
+        medicalFacility: "Klinik Kesihatan Seksyen 7"
+      }
+    }
+  ],
+  paymentHistory: [
+    { id: "PMT-0012", date: "15 Mei 2023", amount: "RM 700", type: "Bantuan Bulanan", status: "Selesai", details: "Bantuan Sara Hidup (RM 500) & Pendidikan (RM 200)" },
+    { id: "PMT-0011", date: "15 Apr 2023", amount: "RM 1,050", type: "Bantuan Bulanan", status: "Selesai", details: "Bantuan Sara Hidup (RM 500), Pendidikan (RM 200) & Perubatan (RM 350)" },
+    { id: "PMT-0010", date: "15 Mac 2023", amount: "RM 700", type: "Bantuan Bulanan", status: "Selesai", details: "Bantuan Sara Hidup (RM 500) & Pendidikan (RM 200)" },
+    { id: "PMT-0009", date: "15 Feb 2023", amount: "RM 700", type: "Bantuan Bulanan", status: "Selesai", details: "Bantuan Sara Hidup (RM 500) & Pendidikan (RM 200)" },
+    { id: "PMT-0008", date: "15 Jan 2023", amount: "RM 500", type: "Bantuan Bulanan", status: "Selesai", details: "Bantuan Sara Hidup (RM 500)" }
+  ],
+  timeline: [
+    { step: 'Permohonan Dihantar', date: '10/05/2023', time: '09:30', completed: true },
+    { step: 'Verifikasi Dokumen', date: '11/05/2023', time: '14:45', completed: true },
+    { step: 'Semakan Pegawai', date: '12/05/2023', time: '11:20', completed: true },
+    { step: 'Kelulusan', date: '20/05/2023', time: '10:15', completed: true },
+    { step: 'Agihan Bantuan', date: '01/06/2023', time: '09:00', completed: true }
+  ],
+  bantuanCategories: [
+    { id: "BSH", name: "Bantuan Sara Hidup", description: "Bantuan kewangan bulanan untuk memenuhi keperluan asas", eligibility: "Asnaf fakir, miskin" },
+    { id: "BPD", name: "Bantuan Pendidikan", description: "Bantuan untuk yuran dan keperluan sekolah", eligibility: "Asnaf fakir, miskin dengan anak bersekolah" },
+    { id: "BPR", name: "Bantuan Perubatan", description: "Bantuan untuk rawatan dan ubat-ubatan", eligibility: "Asnaf fakir, miskin yang sakit kronik" },
+    { id: "BPK", name: "Bantuan Perniagaan Kecil", description: "Modal untuk memulakan perniagaan kecil", eligibility: "Asnaf fakir, miskin yang berkelayakan" },
+    { id: "BRM", name: "Bantuan Rumah", description: "Bantuan untuk sewaan atau baik pulih rumah", eligibility: "Asnaf fakir, miskin tanpa rumah tetap" }
+  ],
+  nearbyFacilities: [
+    { name: "Pejabat Zakat Daerah Shah Alam", type: "Pejabat Zakat", distance: "2.5 KM", address: "Kompleks PKNS, Seksyen 14, 40000 Shah Alam", phone: "03-1234 5678" },
+    { name: "Pusat Agihan Zakat Seksyen 7", type: "Pusat Agihan", distance: "1.8 KM", address: "Jalan Plumbum 7/101B, Seksyen 7, 40000 Shah Alam", phone: "03-2345 6789" },
+    { name: "Klinik Kesihatan Seksyen 7", type: "Klinik Kesihatan", distance: "2.0 KM", address: "Jalan Plumbum 7/102, Seksyen 7, 40000 Shah Alam", phone: "03-3456 7890" }
+  ],
+  notifications: [
+    { 
+      id: 1, 
+      title: "Pengagihan Bantuan Jun 2023", 
+      content: "Bantuan bulanan anda berjumlah RM 700 akan dikreditkan pada 15 Jun 2023.", 
+      date: "08/06/2023"
+    },
+    { 
+      id: 2, 
+      title: "Peringatan Kemaskini Maklumat", 
+      content: "Sila kemaskini maklumat akaun bank anda sebelum 30 Jun 2023.", 
+      date: "05/06/2023"
+    }
+  ],
+  bantuanForm: {
+    type: "",
+    fullName: "",
+    idNumber: "",
+    category: "",
+    address: "",
+    phone: "",
+    email: "",
+    bankName: "",
+    accountNumber: "",
+    reason: "",
+    documents: []
+  }
+};
+
+// Add some example notification data with actions
+exampleData.value.notificationData.items = [
+  { 
+    id: 1, 
+    title: "Pembayaran Bantuan", 
+    content: "Bantuan bulanan sebanyak RM 700 telah dikreditkan ke akaun anda", 
+    time: "2 jam lalu", 
+    unread: true, 
+    type: "success",
+    action: "view_bantuan",
+    actionText: "Lihat Detail"
+  },
+  { 
+    id: 2, 
+    title: "Dokumen Tambahan Diperlukan", 
+    content: "Sila kemukakan salinan surat pengesahan pendapatan untuk permohonan #APP-2023-1234", 
+    time: "5 jam lalu", 
+    unread: true, 
+    type: "warning",
+    action: "view_permohonan",
+    permohonanId: "APP-2023-1234",
+    actionText: "Kemaskini"
+  },
+  { 
+    id: 3, 
+    title: "Program Kemahiran Digital", 
+    content: "Tempat masih dibuka untuk Program Kemahiran Digital pada 25 Jun 2023, 10:00 pagi", 
+    time: "1 hari lalu", 
+    unread: true, 
+    type: "info",
+    action: "rsvp_program",
+    actionText: "Daftar"
+  },
+  { 
+    id: 4, 
+    title: "Program Asnaf", 
+    content: "Program Latihan Kemahiran untuk Asnaf akan bermula pada 20 Jun 2023", 
+    time: "2 hari lalu", 
+    unread: false, 
+    type: "info" 
+  },
+  { 
+    id: 5, 
+    title: "Status Permohonan", 
+    content: "Permohonan #APP-2022-3456 telah ditolak. Sila semak maklumat lanjut dalam sistem.", 
+    time: "3 hari lalu", 
+    unread: false, 
+    type: "error" 
+  }
+];
+
+// ... more existing code ...
+
+// New methods for Bantuan page
+const editBantuan = (bantuan) => {
+  // Navigate to edit form
+  exampleData.value.bantuanForm = {
+    type: bantuan.type,
+    fullName: exampleData.value.userProfile.name,
+    idNumber: exampleData.value.userProfile.id,
+    category: bantuan.category,
+    address: exampleData.value.userProfile.address,
+    phone: exampleData.value.userProfile.phone,
+    email: exampleData.value.userProfile.email,
+    bankName: bantuan.details.bankName,
+    accountNumber: bantuan.details.accountNo,
+    reason: "Kemaskini maklumat akaun bank",
+    documents: []
+  };
+  
+  navigateTo('bantuan', 'edit');
+};
+
+const createNewBantuan = (type) => {
+  // Reset form and navigate to new form
+  exampleData.value.bantuanForm = {
+    type: type || "",
+    fullName: exampleData.value.userProfile.name,
+    idNumber: exampleData.value.userProfile.id,
+    category: "",
+    address: exampleData.value.userProfile.address,
+    phone: exampleData.value.userProfile.phone,
+    email: exampleData.value.userProfile.email,
+    bankName: "",
+    accountNumber: "",
+    reason: "",
+    documents: []
+  };
+  
+  // Reset form errors
+  exampleData.value.formErrors = {
+    type: false,
+    fullName: false,
+    idNumber: false,
+    phone: false,
+    email: false,
+    address: false,
+    bankName: false,
+    accountNumber: false,
+    category: false,
+    reason: false,
+    monthlyIncome: false
+  };
+  
+  navigateTo('bantuan', 'new');
+};
+
+const submitBantuanForm = () => {
+  // Validate form first
+  validateBantuanForm();
+  
+  if (exampleData.value.formIsValid) {
+    // Simulate form submission
+    exampleData.value.formSubmitting = true;
+    
+    setTimeout(() => {
+      exampleData.value.formSubmitting = false;
+      exampleData.value.formSubmitted = true;
+      
+      // Add notification
+      addNotification({
+        title: "Permohonan Dihantar", 
+        content: `Permohonan bantuan ${exampleData.value.bantuanForm.type || "Bantuan Sara Hidup"} telah berjaya dihantar.`,
+        type: "success"
+      });
+      
+      // Navigate to success page
+      navigateTo('bantuan', 'success');
+    }, 2000);
+  }
+};
+
+// Validate Bantuan Form
+const validateBantuanForm = () => {
+  // Reset errors
+  Object.keys(exampleData.value.formErrors).forEach(key => {
+    exampleData.value.formErrors[key] = false;
+  });
+  
+  // Check required fields
+  let isValid = true;
+  
+  // Required fields for personal info
+  if (exampleData.value.currentSection === 'bantuan' && exampleData.value.subSection === 'new') {
+    const requiredFields = ['type', 'fullName', 'idNumber', 'phone', 'address', 'category'];
+    requiredFields.forEach(field => {
+      if (!exampleData.value.bantuanForm[field]) {
+        exampleData.value.formErrors[field] = true;
+        isValid = false;
+      }
+    });
+    
+    // Email validation if provided
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (exampleData.value.bantuanForm.email && !emailRegex.test(exampleData.value.bantuanForm.email)) {
+      exampleData.value.formErrors.email = true;
+      isValid = false;
+    }
+    
+    // Phone validation
+    const phoneRegex = /^01\d-\d{7,8}$/;
+    if (exampleData.value.bantuanForm.phone && !phoneRegex.test(exampleData.value.bantuanForm.phone)) {
+      exampleData.value.formErrors.phone = true;
+      isValid = false;
+    }
+  }
+  
+  // Required fields for bank info in the review step
+  if (exampleData.value.currentSection === 'bantuan' && exampleData.value.subSection === 'review') {
+    const requiredBankFields = ['bankName', 'accountNumber'];
+    requiredBankFields.forEach(field => {
+      if (!exampleData.value.bantuanForm[field]) {
+        exampleData.value.formErrors[field] = true;
+        isValid = false;
+      }
+    });
+    
+    // Bank account number validation
+    if (exampleData.value.bantuanForm.accountNumber && exampleData.value.bantuanForm.accountNumber.length < 8) {
+      exampleData.value.formErrors.accountNumber = true;
+      isValid = false;
+    }
+    
+    // Reason is required
+    if (!exampleData.value.bantuanForm.reason) {
+      exampleData.value.formErrors.reason = true;
+      isValid = false;
+    }
+  }
+  
+  exampleData.value.formIsValid = isValid;
+  return isValid;
+};
+
+// ... existing code ...
+
+// Set theme to LZS theme on component mount
+onMounted(() => {
+  document.documentElement.setAttribute("data-theme", "LZS");
+});
+</script>
+
+<template>
+  <div>
+    <div class="wrapper">
+      <div class="phone-container">
+        <!-- Phone Frame -->
+        <div class="mobile-frame">
+          <!-- Status Bar -->
+          <div class="h-5 bg-black flex items-center justify-between px-5">
+            <span class="text-white text-xs">12:45</span>
+            <div class="flex space-x-1">
+              <Icon name="ic:baseline-signal-cellular-alt" class="text-white" size="14" />
+              <Icon name="ic:baseline-wifi" class="text-white" size="14" />
+              <Icon name="ic:baseline-battery-full" class="text-white" size="14" />
+            </div>
+          </div>
+          
+          <!-- Mobile App -->
+          <div class="mobile-content overflow-hidden">
+            <!-- Mobile Header -->
+            <div class="mobile-header bg-primary shadow-md">
+              <div class="flex items-center justify-between px-4 py-3">
+                <div class="flex items-center">
+                  <button @click="toggleMenu" class="mr-3 text-header-text">
+                    <Icon name="ic:baseline-menu" size="24" />
+                  </button>
+                  <h1 class="text-header-text font-medium">{{ exampleData.headerTitle }}</h1>
+                </div>
+                <div class="flex items-center space-x-4">
+                  <button @click="toggleNotifications" class="relative text-header-text">
+                    <Icon name="ic:baseline-notifications" size="24" />
+                    <span 
+                      v-if="exampleData.notificationData.unread > 0" 
+                      class="absolute -top-1 -right-1 w-4 h-4 bg-accent rounded-full text-primary text-[8px] font-bold flex items-center justify-center"
+                    >
+                      {{ exampleData.notificationData.unread }}
+                    </span>
+                  </button>
+                  <button @click="toggleProfileDropdown" class="text-header-text w-8 h-8 rounded-full bg-white/20 flex items-center justify-center font-bold">
+                      {{ exampleData.userProfile.avatar }}
+                  </button>
+                </div>
+              </div>
+              
+              <!-- Notifications Panel -->
+              <div 
+                v-if="exampleData.showNotifications" 
+                class="absolute top-12 right-0 w-full max-w-xs bg-white z-20 rounded-b-lg shadow-lg transition-all border border-t-0 border-gray-100 overflow-hidden"
+              >
+                <div class="p-3 border-b border-gray-100 flex justify-between items-center">
+                  <h2 class="text-sm font-medium">Notifikasi <span class="text-xs ml-1">({{ exampleData.notificationData.unread }} baru)</span></h2>
+                  <button class="text-xs text-primary">Tandakan semua dibaca</button>
+                    </div>
+                <div class="max-h-[400px] overflow-y-auto">
+                  <div 
+                    v-for="notification in exampleData.notificationData.items" 
+                    :key="notification.id"
+                    class="p-3 border-b border-gray-100 last:border-0 relative hover:bg-gray-50"
+                    :class="{ 'bg-blue-50/30': notification.unread }"
+                  >
+                    <div class="flex">
+                      <div class="flex-shrink-0 mr-3">
+                        <div class="w-8 h-8 rounded-full flex items-center justify-center" 
+                          :class="{
+                            'bg-green-100 text-green-600': notification.type === 'success',
+                            'bg-yellow-100 text-yellow-600': notification.type === 'warning',
+                            'bg-blue-100 text-blue-600': notification.type === 'info',
+                            'bg-red-100 text-red-600': notification.type === 'error',
+                          }"
+                        >
+                          <Icon 
+                            :name="{
+                              'success': 'ic:baseline-check-circle',
+                              'warning': 'ic:baseline-warning',
+                              'info': 'ic:baseline-info',
+                              'error': 'ic:baseline-error',
+                            }[notification.type]" 
+                            size="16" 
+                          />
+                        </div>
+                      </div>
+                      <div>
+                        <div class="flex items-start">
+                          <p class="font-medium text-sm">{{ notification.title }}</p>
+                          <span v-if="notification.unread" class="ml-2 w-2 h-2 rounded-full bg-primary"></span>
+                        </div>
+                        <p class="text-xs text-gray-600 my-1">{{ notification.content }}</p>
+                        <p class="text-xs text-gray-400">{{ notification.time }}</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                <div class="p-2 border-t border-gray-100 text-center">
+                  <button class="text-sm text-primary font-medium">Lihat Semua Notifikasi</button>
+                </div>
+              </div>
+            
+              <!-- Profile Dropdown -->
+              <div 
+                v-if="exampleData.profileExpanded" 
+                class="absolute top-12 right-0 w-full max-w-xs bg-white z-20 rounded-b-lg shadow-lg transition-all border border-t-0 border-gray-100 overflow-hidden"
+                :class="{ 'expanded': animationStates.profileExpanded }"
+              >
+                <div class="p-4 border-b border-gray-100">
+                  <div class="flex items-center space-x-3 mb-3">
+                    <div class="w-12 h-12 rounded-full bg-primary/10 text-primary flex items-center justify-center font-bold text-xl">
+                      {{ exampleData.userProfile.avatar }}
+                  </div>
+                    <div class="flex-1">
+                      <h3 class="font-medium">{{ exampleData.userProfile.name }}</h3>
+                      <p class="text-xs text-gray-500">{{ exampleData.userProfile.email }}</p>
+                    </div>
+                  </div>
+                  
+                  <!-- Profile Details (enhanced) -->
+                  <div class="border border-gray-100 rounded-lg p-3 bg-gray-50 mb-3">
+                    <div class="text-xs">
+                      <div class="flex items-center mb-2">
+                        <Icon name="ic:baseline-badge" size="14" class="text-primary mr-2" />
+                        <span class="text-gray-600">No. ID:</span>
+                        <span class="ml-1 font-medium">{{ exampleData.userProfile.id }}</span>
+                        </div>
+                      <div class="flex items-center mb-2">
+                        <Icon name="ic:baseline-phone" size="14" class="text-primary mr-2" />
+                        <span class="text-gray-600">Telefon:</span>
+                        <span class="ml-1 font-medium">{{ exampleData.userProfile.phone }}</span>
+                        </div>
+                      <div class="flex items-start mb-2">
+                        <Icon name="ic:baseline-home" size="14" class="text-primary mr-2 mt-0.5" />
+                          <div>
+                          <span class="text-gray-600">Alamat:</span>
+                          <div class="font-medium">{{ exampleData.userProfile.address }}</div>
+                          </div>
+                        </div>
+                      <div class="flex items-center">
+                        <Icon name="ic:baseline-category" size="14" class="text-primary mr-2" />
+                        <span class="text-gray-600">Status:</span>
+                        <span class="ml-1 font-medium">{{ exampleData.userProfile.department }}</span>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <!-- Asnaf Status Badge (new) -->
+                  <div class="mb-3 py-2 px-3 bg-secondary/10 rounded-lg border border-secondary/20 flex items-center">
+                    <Icon name="ic:baseline-verified-user" class="text-secondary mr-2" size="18" />
+                            <div>
+                      <p class="text-xs font-medium text-gray-700">Status Asnaf:</p>
+                      <p class="text-sm font-medium text-secondary">{{ exampleData.userProfile.department }} <span class="text-xs">(sejak {{ exampleData.userProfile.joinDate }})</span></p>
+                            </div>
+                          </div>
+                          </div>
+                <div class="divide-y divide-gray-100">
+                  <button 
+                    v-for="action in exampleData.userProfile.actions" 
+                    :key="action.name"
+                    class="flex items-center w-full p-3 hover:bg-gray-50 transition-colors"
+                  >
+                    <Icon :name="action.icon" size="18" class="text-gray-500 mr-3" />
+                    <span class="text-sm">{{ action.name }}</span>
+                          </button>
+                  <button class="flex items-center w-full p-3 hover:bg-gray-50 transition-colors text-red-600">
+                    <Icon name="ic:baseline-logout" size="18" class="mr-3" />
+                    <span class="text-sm">Log Keluar</span>
+                          </button>
+                      </div>
+                    </div>
+                  </div>
+                  
+            <!-- Mobile Content -->
+            <div class="relative min-h-[calc(100%-56px)]">
+              <transition name="fade">
+                <div :key="exampleData.currentSection" class="content-wrapper">
+                  <!-- Dashboard Section - Enhanced with LZS theming -->
+                  <div v-if="exampleData.currentSection === 'dashboard'" class="p-4 pb-24">
+                    <!-- Asnaf Profile Summary Card - Modernized -->
+                    <div class="mb-4 bg-white rounded-xl shadow-md overflow-hidden border border-gray-100">
+                      <div class="bg-primary/5 p-4 border-b border-gray-100">
+                        <div class="flex items-center">
+                          <div class="w-14 h-14 rounded-lg bg-primary/10 text-primary flex items-center justify-center font-bold text-xl shadow-sm border border-primary/20">
+                            {{ exampleData.userProfile.avatar }}
+                        </div>
+                          <div class="ml-3">
+                            <h3 class="font-medium text-gray-800">{{ exampleData.userProfile.name }}</h3>
+                            <div class="flex items-center mt-1">
+                              <span class="text-xs bg-secondary/15 text-secondary py-1 px-2 rounded-full font-medium border border-secondary/20">
+                                {{ exampleData.userProfile.department }}
+                              </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                
+                      <!-- Bantuan Summary -->
+                      <div class="p-4">
+                        <div class="grid grid-cols-2 gap-4 mb-4">
+                          <div class="rounded-lg bg-primary/5 p-3 border border-primary/10">
+                            <p class="text-xs text-gray-600 mb-1">Jumlah Bantuan</p>
+                            <p class="text-lg font-semibold text-primary">{{ exampleData.dashboardData.totalBantuan }}</p>
+                      </div>
+                          <div class="rounded-lg bg-secondary/5 p-3 border border-secondary/10">
+                            <p class="text-xs text-gray-600 mb-1">Bantuan Bulan Ini</p>
+                            <p class="text-lg font-semibold text-secondary">{{ exampleData.dashboardData.bantuanBulan }}</p>
+                    </div>
+                  </div>
+                  
+                        <div class="flex items-center justify-between p-3 rounded-lg bg-accent/5 border border-accent/10 mb-4">
+                          <div>
+                            <p class="text-xs text-gray-600 mb-1">Pembayaran Seterusnya</p>
+                            <p class="font-medium">{{ exampleData.dashboardData.nextPayment }}</p>
+                    </div>
+                          <Icon name="ic:baseline-calendar-today" class="text-accent" size="20" />
+                  </div>
+                  
+                        <button class="w-full py-2.5 px-4 bg-primary text-white font-medium rounded-lg shadow-sm hover:bg-primary-dark transition flex items-center justify-center">
+                          <Icon name="ic:baseline-receipt-long" class="mr-2" size="18" />
+                          Lihat Semua Bantuan
+                        </button>
+                      </div>
+                    </div>
+                    
+                    <!-- Dashboard Metrics Cards - Enhanced with LZS theming -->
+                    <h3 class="text-base font-medium mb-3 text-gray-800">Metrik Zakat</h3>
+                    
+                    <div class="grid grid-cols-2 gap-3 mb-6">
+                      <div v-for="(metric, index) in exampleData.keyMetrics" :key="index" 
+                        class="bg-white rounded-xl p-3 shadow-sm border border-gray-100 flex flex-col justify-between">
+                        <div class="flex justify-between items-start mb-2">
+                          <div class="w-9 h-9 rounded-md flex items-center justify-center"
+                        :class="{
+                              'bg-secondary/15 text-secondary': index === 1 || index === 2,
+                              'bg-primary/15 text-primary': index === 0 || index === 3
+                            }">
+                            <Icon :name="metric.icon" size="20" />
+                          </div>
+                          <div class="text-xs px-1.5 py-0.5 rounded font-medium"
+                            :class="{
+                              'bg-secondary/15 text-secondary': metric.change === 'positive',
+                              'bg-gray-100 text-gray-600': metric.change === 'neutral',
+                              'bg-danger/15 text-danger': metric.change === 'negative'
+                            }">
+                            {{ metric.description }}
+                          </div>
+                        </div>
+                        
+                        <div>
+                          <p class="text-sm text-gray-600 mb-1">{{ metric.title }}</p>
+                          <p class="text-base font-bold" 
+                            :class="{
+                              'text-secondary': index === 1 || index === 2,
+                              'text-primary': index === 0 || index === 3
+                            }">
+                            {{ metric.value }}
+                          </p>
+                      </div>
+                    </div>
+                  </div>
+
+                    <!-- Announcements - Enhanced -->
+                    <h3 class="text-base font-medium mb-3 text-gray-800">Pengumuman</h3>
+                    
+                    <div class="space-y-3 mb-6">
+                      <div v-for="announcement in exampleData.dashboardData.announcements" :key="announcement.id"
+                        class="bg-white rounded-xl overflow-hidden shadow-sm border border-gray-100">
+                        <div class="h-32 bg-gray-200">
+                          <!-- We would use actual images here -->
+                          <div class="h-full w-full flex items-center justify-center bg-primary/10 text-primary">
+                            <Icon name="ic:baseline-image" size="36" />
+                      </div>
+                        </div>
+                        <div class="p-3">
+                          <p class="font-medium mb-1.5">{{ announcement.title }}</p>
+                          <p class="text-sm text-gray-600 mb-2">{{ announcement.content }}</p>
+                          <div class="flex justify-between items-center">
+                            <span class="text-xs text-gray-500">{{ announcement.date }}</span>
+                            <button class="text-primary text-sm font-medium">Baca Lagi</button>
+                          </div>
+                      </div>
+                    </div>
+                  </div>
+                  
+                    <!-- Upcoming Events - Enhanced -->
+                    <h3 class="text-base font-medium mb-3 text-gray-800">Acara Akan Datang</h3>
+                    
+                    <div class="space-y-3 mb-6">
+                      <div v-for="event in exampleData.dashboardData.upcomingEvents" :key="event.id"
+                        class="bg-white rounded-xl p-3.5 shadow-sm border border-gray-100 flex items-start">
+                        <div class="w-12 h-12 rounded-lg bg-primary/10 flex flex-col items-center justify-center mr-3 border border-primary/20">
+                          <span class="text-xs font-medium text-gray-600">{{ event.date.split(' ')[1] }}</span>
+                          <span class="text-base font-bold text-primary">{{ event.date.split(' ')[0] }}</span>
+                        </div>
+                        <div class="flex-1">
+                          <p class="font-medium mb-1">{{ event.title }}</p>
+                          <div class="flex items-center text-xs text-gray-500 mb-1">
+                            <Icon name="ic:baseline-access-time" size="14" class="mr-1" />
+                            <span>{{ event.time }}</span>
+                        </div>
+                          <div class="flex items-center text-xs text-gray-500">
+                            <Icon name="ic:baseline-location-on" size="14" class="mr-1" />
+                            <span>{{ event.location }}</span>
+                        </div>
+                        </div>
+                        <button class="ml-2 w-7 h-7 rounded-full flex items-center justify-center bg-primary/10 text-primary">
+                          <Icon name="ic:baseline-arrow-forward" size="16" />
+                        </button>
+                      </div>
+                      </div>
+                    </div>
+                    
+                  <!-- Permohonan (Applications) Section - Enhanced with LZS theming -->
+                  <div v-if="exampleData.currentSection === 'permohonan' && !exampleData.subSection" class="p-4 pb-24">
+                    <!-- Tabs - Enhanced -->
+                    <div class="flex mb-4 bg-gray-100 p-1 rounded-lg">
+                        <button 
+                        v-for="tab in exampleData.permohonanTabs" 
+                        :key="tab.id"
+                        @click="changeTab(tab.id)"
+                        class="flex-1 py-2 px-3 rounded-md text-sm font-medium transition-all duration-200"
+                        :class="exampleData.activeTab === tab.id ? 'bg-white text-primary shadow-sm' : 'text-gray-600'"
+                      >
+                        {{ tab.title }}
+                        </button>
+                    </div>
+                    
+                    <!-- Active Applications Tab -->
+                    <div v-if="exampleData.activeTab === 'active'" class="space-y-4">
+                      <div 
+                        v-for="app in exampleData.permohonanData.activeApplications" 
+                        :key="app.id"
+                        class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden"
+                      >
+                        <div class="border-b border-gray-100 p-3 flex justify-between items-center">
+                          <div>
+                            <h4 class="font-medium">{{ app.id }}</h4>
+                            <p class="text-xs text-gray-600">{{ app.submissionDate }}</p>
+                  </div>
+                          <div class="py-1 px-2.5 rounded-full text-xs font-medium"
+                            :class="{
+                              'badge-lulus': app.status === 'LULUS',
+                              'badge-menunggu': app.status === 'MENUNGGU',
+                              'badge-dalam-proses': app.status === 'DALAM PROSES',
+                              'badge-ditolak': app.status === 'DITOLAK'
+                            }">
+                            {{ app.status }}
+                        </div>
+                      </div>
+                        <div class="p-3">
+                          <div class="mb-3">
+                            <h3 class="font-medium text-gray-800">{{ app.type }}</h3>
+                            <p class="text-sm text-gray-600">{{ app.amount }}</p>
+                    </div>
+                    
+                          <div class="space-y-2 mb-3">
+                            <div class="flex text-sm">
+                              <div class="w-24 text-gray-500">Pemohon</div>
+                              <div class="font-medium">{{ app.pemohon }}</div>
+                          </div>
+                            <div class="flex text-sm">
+                              <div class="w-24 text-gray-500">No. IC</div>
+                              <div class="font-medium">{{ app.noIC }}</div>
+                          </div>
+                            <div class="flex text-sm">
+                              <div class="w-24 text-gray-500">Telefon</div>
+                              <div class="font-medium">{{ app.telefon }}</div>
+                      </div>
+                    </div>
+                    
+                          <div class="flex justify-end space-x-2">
+                            <button class="p-2 rounded-full bg-primary/10 text-primary">
+                              <Icon name="ic:baseline-edit" size="18" />
+                      </button>
+                            <button class="p-2 rounded-full bg-secondary/10 text-secondary" @click="viewApplicationDetails(app.id, 'active')">
+                              <Icon name="ic:baseline-visibility" size="18" />
+                      </button>
+                            <button class="p-2 rounded-full bg-danger/10 text-danger">
+                              <Icon name="ic:baseline-delete" size="18" />
+                      </button>
+                    </div>
+                  </div>
+                </div>
+                
+                      <!-- Empty state for active applications -->
+                      <div v-if="exampleData.permohonanData.activeApplications.length === 0" class="text-center py-10">
+                        <div class="w-16 h-16 mx-auto bg-gray-100 rounded-full flex items-center justify-center mb-3">
+                          <Icon name="ic:baseline-article" size="28" class="text-gray-400" />
+                          </div>
+                        <h3 class="font-medium text-gray-700 mb-1">Tiada Permohonan Aktif</h3>
+                        <p class="text-sm text-gray-500 mb-4">Anda tidak mempunyai sebarang permohonan aktif buat masa ini.</p>
+                        <button class="px-4 py-2 bg-primary text-white rounded-lg font-medium shadow-sm">
+                          Buat Permohonan Baru
+                        </button>
+                          </div>
+                          </div>
+                    
+                    <!-- Draft Applications Tab -->
+                    <div v-if="exampleData.activeTab === 'draft'" class="space-y-4">
+                      <div 
+                        v-for="app in exampleData.permohonanData.draftApplications" 
+                        :key="app.id"
+                        class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden"
+                      >
+                        <div class="border-b border-gray-100 p-3 flex justify-between items-center">
+                          <div>
+                            <h4 class="font-medium">{{ app.id }}</h4>
+                            <p class="text-xs text-gray-600">Dikemaskini: {{ app.lastUpdated }}</p>
+                          </div>
+                          <div class="badge-deraf px-2.5 py-1 rounded-full text-xs font-medium">
+                            DRAF
+                  </div>
+                </div>
+                
+                        <div class="p-3">
+                          <h3 class="font-medium text-gray-800 mb-3">{{ app.type }}</h3>
+                      
+                          <div class="flex justify-end space-x-2">
+                            <button class="px-3 py-1.5 rounded-md bg-primary text-white text-sm font-medium shadow-sm">
+                              Teruskan
+                        </button>
+                            <button class="px-3 py-1.5 rounded-md bg-danger/10 text-danger text-sm font-medium">
+                              Padam
+                        </button>
+                      </div>
+                  </div>
+                </div>
+                
+                      <!-- Empty state for draft applications -->
+                      <div v-if="exampleData.permohonanData.draftApplications.length === 0" class="text-center py-10">
+                        <div class="w-16 h-16 mx-auto bg-gray-100 rounded-full flex items-center justify-center mb-3">
+                          <Icon name="ic:baseline-draft" size="28" class="text-gray-400" />
+                        </div>
+                        <h3 class="font-medium text-gray-700 mb-1">Tiada Draf</h3>
+                        <p class="text-sm text-gray-500 mb-4">Anda tidak mempunyai sebarang draf permohonan buat masa ini.</p>
+                        </div>
+                        </div>
+                        
+                    <!-- History Applications Tab -->
+                    <div v-if="exampleData.activeTab === 'history'" class="space-y-4">
+                      <div 
+                        v-for="app in exampleData.permohonanData.historicalApplications" 
+                        :key="app.id"
+                        class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden"
+                      >
+                        <div class="border-b border-gray-100 p-3 flex justify-between items-center">
+                        <div>
+                            <h4 class="font-medium">{{ app.id }}</h4>
+                            <p class="text-xs text-gray-600">{{ app.submissionDate }}</p>
+                        </div>
+                          <div class="py-1 px-2.5 rounded-full text-xs font-medium"
+                            :class="{
+                              'badge-lulus': app.status === 'LULUS',
+                              'badge-menunggu': app.status === 'MENUNGGU',
+                              'badge-dalam-proses': app.status === 'DALAM PROSES',
+                              'badge-ditolak': app.status === 'DITOLAK'
+                            }">
+                            {{ app.status }}
+                          </div>
+                        </div>
+                        
+                        <div class="p-3">
+                          <div class="mb-3">
+                            <h3 class="font-medium text-gray-800">{{ app.type }}</h3>
+                            <p class="text-sm text-gray-600">{{ app.amount }}</p>
+                </div>
+                
+                          <div v-if="app.reason" class="p-2 bg-danger/5 rounded-md mb-3 border border-danger/10">
+                            <p class="text-sm text-danger">{{ app.reason }}</p>
+                      </div>
+                      
+                          <div class="flex justify-end">
+                            <button class="px-3 py-1.5 rounded-md bg-primary/10 text-primary text-sm font-medium">
+                              Lihat Butiran
+                            </button>
+                    </div>
+                  </div>
+                </div>
+                
+                      <!-- Empty state for history applications -->
+                      <div v-if="exampleData.permohonanData.historicalApplications.length === 0" class="text-center py-10">
+                        <div class="w-16 h-16 mx-auto bg-gray-100 rounded-full flex items-center justify-center mb-3">
+                          <Icon name="ic:baseline-history" size="28" class="text-gray-400" />
+                      </div>
+                        <h3 class="font-medium text-gray-700 mb-1">Tiada Sejarah</h3>
+                        <p class="text-sm text-gray-500">Anda belum mempunyai sebarang sejarah permohonan.</p>
+                        </div>
+                        </div>
+                      </div>
+                      
+                  <!-- Bantuan (Aid) Section - Enhanced with LZS theming -->
+                  <div v-if="exampleData.currentSection === 'bantuan' && !exampleData.subSection" class="p-4 pb-24">
+                    <div class="flex justify-between items-center mb-4">
+                      <h3 class="text-base font-medium text-gray-800">Bantuan Aktif</h3>
+                      <button 
+                        @click="createNewBantuan()" 
+                        class="px-3 py-1.5 rounded-md bg-primary text-white text-sm font-medium shadow-sm flex items-center"
+                      >
+                        <Icon name="ic:baseline-add" size="18" class="mr-1" />
+                        Bantuan Baru
+                      </button>
+                    </div>
+                    
+                    <!-- Active Aid Cards -->
+                    <div class="space-y-4 mb-6">
+                      <div 
+                        v-for="bantuan in exampleData.bantuanData.activeBantuan" 
+                        :key="bantuan.id"
+                        class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden"
+                      >
+                        <div class="border-b border-gray-100 p-3 flex justify-between items-center">
+                          <div>
+                            <h4 class="font-medium">{{ bantuan.type }}</h4>
+                            <p class="text-xs text-gray-600">{{ bantuan.referenceNo }}</p>
+                        </div>
+                          <div class="badge-aktif py-1 px-2.5 rounded-full text-xs font-medium">
+                            {{ bantuan.status }}
+                  </div>
+                </div>
+                
+                          <div class="p-3">
+                          <div class="mb-3">
+                            <div class="grid grid-cols-2 gap-3">
+                              <div>
+                                <p class="text-xs text-gray-500 mb-1">Jumlah</p>
+                                <p class="font-medium text-secondary">{{ bantuan.amount }}</p>
+                          </div>
+                              <div>
+                                <p class="text-xs text-gray-500 mb-1">Kategori</p>
+                                <p class="font-medium">{{ bantuan.category }}</p>
+                        </div>
+                              <div>
+                                <p class="text-xs text-gray-500 mb-1">Tarikh Mula</p>
+                                <p class="font-medium">{{ bantuan.startDate }}</p>
+                      </div>
+                              <div>
+                                <p class="text-xs text-gray-500 mb-1">Tarikh Tamat</p>
+                                <p class="font-medium">{{ bantuan.endDate }}</p>
+                            </div>
+                        </div>
+                      </div>
+                      
+                          <div class="flex items-center p-2 bg-accent/5 rounded-lg border border-accent/20 mb-3">
+                            <Icon name="ic:baseline-calendar-today" class="text-accent mr-2" size="18" />
+                            <div>
+                              <p class="text-xs text-gray-600 mb-0.5">Pembayaran Seterusnya</p>
+                              <p class="font-medium">{{ bantuan.nextPayment }}</p>
+                        </div>
+                      </div>
+                      
+                          <div class="flex justify-end space-x-2">
+                            <button class="px-3 py-1.5 rounded-md bg-primary/10 text-primary text-sm font-medium" @click="viewBantuanDetails(bantuan.id)">
+                              Lihat Butiran
+                            </button>
+                            <button class="px-3 py-1.5 rounded-md bg-secondary text-white text-sm font-medium shadow-sm">
+                              Semak Status
+                            </button>
+                          </div>
+                          </div>
+                        </div>
+                      </div>
+                      
+                    <!-- Payment History Section -->
+                    <h3 class="text-base font-medium mb-3 text-gray-800">Sejarah Pembayaran</h3>
+                    
+                    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden mb-6">
+                      <div class="divide-y divide-gray-100">
+                        <div 
+                          v-for="payment in exampleData.bantuanData.paymentHistory.slice(0, 3)" 
+                          :key="payment.id"
+                          class="p-3"
+                        >
+                          <div class="flex justify-between items-center">
+                              <div>
+                              <p class="font-medium">{{ payment.amount }}</p>
+                              <p class="text-xs text-gray-600">{{ payment.date }}</p>
+                              </div>
+                            <div class="text-right">
+                              <p class="text-sm">{{ payment.type }}</p>
+                              <span class="text-xs px-1.5 py-0.5 bg-secondary/10 text-secondary rounded-full">
+                                {{ payment.status }}
+                              </span>
+                            </div>
+                            </div>
+                          </div>
+                              </div>
+                      
+                      <div class="p-2 border-t border-gray-100 text-center">
+                        <button class="text-sm text-primary font-medium">
+                          Lihat Semua Pembayaran
+                              </button>
+                        </div>
+                      </div>
+                      
+                    <!-- Nearby Facilities Section -->
+                    <h3 class="text-base font-medium mb-3 text-gray-800">Kemudahan Berdekatan</h3>
+                    
+                    <div class="space-y-3 mb-6">
+                      <div
+                        v-for="facility in exampleData.bantuanData.nearbyFacilities"
+                        :key="facility.name"
+                        class="bg-white rounded-xl p-3 shadow-sm border border-gray-100"
+                      >
+                        <div class="flex items-start">
+                          <div class="bg-primary/10 rounded-md p-2 mr-3">
+                            <Icon 
+                              :name="facility.type.includes('Pejabat') ? 'ic:baseline-apartment' : 
+                                    facility.type.includes('Agihan') ? 'ic:baseline-store' : 
+                                    'ic:baseline-local-hospital'"
+                              size="20"
+                              class="text-primary"
+                            />
+                            </div>
+                          <div class="flex-1">
+                            <div class="flex justify-between">
+                              <h4 class="font-medium text-gray-800">{{ facility.name }}</h4>
+                              <span class="text-xs bg-primary/5 py-0.5 px-1.5 rounded text-primary">{{ facility.distance }}</span>
+                            </div>
+                            <p class="text-xs text-gray-600 mt-1">{{ facility.address }}</p>
+                            <div class="flex justify-between items-center mt-2">
+                              <p class="text-xs text-gray-500">{{ facility.type }}</p>
+                              <button class="text-xs text-primary flex items-center">
+                                <Icon name="ic:baseline-call" size="14" class="mr-1" />
+                                Hubungi
+                              </button>
+                          </div>
+                        </div>
+                      </div>
+                          </div>
+                        </div>
+                      </div>
+                      
+                  <!-- Notifications Page - Enhanced with LZS theming -->
+                  <div v-if="exampleData.currentSection === 'notifikasi'" class="p-4 pb-24">
+                    <div class="flex justify-between items-center mb-4">
+                      <h3 class="text-base font-medium text-gray-800">Notifikasi ({{ exampleData.notificationData.items.length }})</h3>
+                      <button v-if="exampleData.notificationData.unread > 0" class="text-xs text-primary font-medium" @click="markAllAsRead">
+                        Tandakan Semua Dibaca
+                            </button>
+                      </div>
+                      
+                        <div class="space-y-3">
+                      <div 
+                        v-for="notification in exampleData.notificationData.items" 
+                        :key="notification.id"
+                        class="bg-white rounded-xl shadow-sm border overflow-hidden transition-all"
+                        :class="notification.unread ? 'border-l-4 border-l-primary border-gray-100' : 'border-gray-100'"
+                      >
+                        <div class="p-3.5">
+                          <div class="flex items-start">
+                            <div class="flex-shrink-0 mr-3">
+                              <div class="w-10 h-10 rounded-full flex items-center justify-center" 
+                                :class="{
+                                  'bg-secondary/15 text-secondary': notification.type === 'success',
+                                  'bg-warning/15 text-warning': notification.type === 'warning',
+                                  'bg-primary/15 text-primary': notification.type === 'info',
+                                  'bg-danger/15 text-danger': notification.type === 'error'
+                                }"
+                              >
+                                <Icon 
+                                  :name="{
+                                    'success': 'ic:baseline-check-circle',
+                                    'warning': 'ic:baseline-warning',
+                                    'info': 'ic:baseline-info',
+                                    'error': 'ic:baseline-error'
+                                  }[notification.type]" 
+                                  size="20" 
+                                />
+                              </div>
+                              </div>
+                            <div class="flex-1">
+                              <div class="flex justify-between items-start">
+                                <h4 class="font-medium mb-1">{{ notification.title }}</h4>
+                            <div class="flex items-center">
+                                  <span v-if="notification.unread" class="w-2.5 h-2.5 bg-primary rounded-full mr-2"></span>
+                                  <button @click="deleteNotification(notification.id)" class="text-gray-400">
+                                <Icon name="ic:baseline-close" size="18" />
+                              </button>
+                            </div>
+                          </div>
+                              <p class="text-sm text-gray-600 mb-2">{{ notification.content }}</p>
+                              <div class="flex justify-between items-center">
+                                <span class="text-xs text-gray-500">{{ notification.time }}</span>
+                                <button 
+                                  v-if="notification.action" 
+                                  class="text-xs bg-primary/10 text-primary py-1 px-2 rounded-md font-medium"
+                                  @click="handleNotificationAction(notification)"
+                                >
+                                  {{ notification.actionText || 'Lihat' }}
+                              </button>
+                            </div>
+                          </div>
+                          </div>
+                        </div>
+                      </div>
+                      
+                      <!-- Empty state for notifications -->
+                      <div v-if="exampleData.notificationData.items.length === 0" class="text-center py-10">
+                        <div class="w-16 h-16 mx-auto bg-gray-100 rounded-full flex items-center justify-center mb-3">
+                          <Icon name="ic:baseline-notifications-off" size="28" class="text-gray-400" />
+                        </div>
+                        <h3 class="font-medium text-gray-700 mb-1">Tiada Notifikasi</h3>
+                        <p class="text-sm text-gray-500">Anda tidak mempunyai sebarang notifikasi buat masa ini.</p>
+                      </div>
+                        </div>
+                      </div>
+                      
+                  <!-- Profile Page - Enhanced with LZS theming -->
+                  <div v-if="exampleData.currentSection === 'profile'" class="pb-24">
+                    <!-- Profile Header with background -->
+                    <div class="bg-primary pb-20 pt-6 px-4 rounded-b-[40px] shadow-md relative">
+                      <div class="flex flex-col items-center">
+                        <div class="w-20 h-20 rounded-xl bg-white/20 text-white flex items-center justify-center font-bold text-3xl shadow-md border border-white/30">
+                          {{ exampleData.userProfile.avatar }}
+                          </div>
+                        <h2 class="mt-3 text-white font-semibold text-lg">{{ exampleData.userProfile.name }}</h2>
+                        <p class="text-white/80 text-sm">{{ exampleData.userProfile.email }}</p>
+                        <div class="mt-2 bg-secondary/20 py-1 px-3 rounded-full text-white/90 text-sm flex items-center shadow-sm">
+                          <Icon name="ic:baseline-verified-user" class="mr-1.5" size="16" />
+                          {{ exampleData.userProfile.department }}
+                          </div>
+                        </div>
+                      </div>
+                      
+                    <!-- Profile Content -->
+                    <div class="px-4 -mt-16">
+                      <!-- Personal Information Card -->
+                      <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 mb-5">
+                        <div class="border-b border-gray-100 p-4">
+                          <h3 class="font-medium flex items-center text-gray-800">
+                            <Icon name="ic:baseline-person" class="mr-2 text-primary" size="20" />
+                            Maklumat Peribadi
+                          </h3>
+                </div>
+                
+                        <div class="p-4 space-y-4">
+                        <div>
+                            <p class="text-xs text-gray-500 mb-1">No. Kad Pengenalan</p>
+                            <p class="font-medium">{{ exampleData.userProfile.id }}</p>
+                        </div>
+                        <div>
+                            <p class="text-xs text-gray-500 mb-1">Nombor Telefon</p>
+                            <p class="font-medium">{{ exampleData.userProfile.phone }}</p>
+                        </div>
+                        <div>
+                            <p class="text-xs text-gray-500 mb-1">Alamat</p>
+                            <p class="font-medium">{{ exampleData.userProfile.address }}</p>
+                        </div>
+                          <div>
+                            <p class="text-xs text-gray-500 mb-1">Jawatan</p>
+                            <p class="font-medium">{{ exampleData.userProfile.position }}</p>
+                          </div>
+                          <div>
+                            <p class="text-xs text-gray-500 mb-1">Tarikh Kelulusan</p>
+                            <p class="font-medium">{{ exampleData.userProfile.joinDate }}</p>
+                          </div>
+                        </div>
+                        
+                        <div class="border-t border-gray-100 p-3 flex justify-end">
+                          <button class="text-sm bg-primary/10 text-primary py-1.5 px-3 rounded-lg font-medium">
+                            Kemaskini Maklumat
+                          </button>
+                        </div>
+                      </div>
+                      
+                      <!-- Account Settings Card -->
+                      <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 mb-5">
+                        <div class="border-b border-gray-100 p-4">
+                          <h3 class="font-medium flex items-center text-gray-800">
+                            <Icon name="ic:baseline-settings" class="mr-2 text-primary" size="20" />
+                            Tetapan Akaun
+                          </h3>
+                    </div>
+                    
+                        <div class="divide-y divide-gray-100">
+                          <button 
+                            v-for="action in exampleData.userProfile.actions" 
+                            :key="action.name"
+                            class="w-full flex justify-between items-center p-4 hover:bg-gray-50 transition-colors"
+                          >
+                            <div class="flex items-center">
+                              <Icon :name="action.icon" size="20" class="text-gray-500 mr-3" />
+                              <span>{{ action.name }}</span>
+                            </div>
+                            <Icon name="ic:baseline-arrow-forward-ios" size="16" class="text-gray-400" />
+                          </button>
+                          </div>
+                        </div>
+                        
+                      <!-- Support Card -->
+                      <div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 mb-5">
+                        <div class="border-b border-gray-100 p-4">
+                          <h3 class="font-medium flex items-center text-gray-800">
+                            <Icon name="ic:baseline-support-agent" class="mr-2 text-primary" size="20" />
+                            Sokongan
+                          </h3>
+                        </div>
+                        
+                        <div class="p-4">
+                          <div class="bg-primary/5 rounded-lg p-3 border border-primary/10 flex items-start mb-3">
+                            <Icon name="ic:baseline-info" class="text-primary mr-2 mt-0.5" size="18" />
+                        <div>
+                              <p class="text-sm font-medium mb-1">Pusat Bantuan</p>
+                              <p class="text-xs text-gray-600">Dapatkan jawapan untuk soalan lazim dan bantuan menggunakan aplikasi ini.</p>
+                      </div>
+                    </div>
+                    
+                          <div class="bg-gray-100 rounded-lg p-4 flex items-center justify-between">
+                            <div>
+                              <p class="text-sm font-medium">Hubungi Kami</p>
+                              <p class="text-xs text-gray-600">603-9235 5678</p>
+                            </div>
+                            <button class="w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center">
+                              <Icon name="ic:baseline-call" size="20" />
+                        </button>
+                      </div>
+                      </div>
+                    </div>
+                    
+                      <!-- Logout Button -->
+                      <button class="w-full py-3 bg-danger/10 text-danger rounded-lg font-medium mb-6 flex items-center justify-center">
+                        <Icon name="ic:baseline-logout" class="mr-2" size="20" />
+                        Log Keluar
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </transition>
+              
+              <!-- Floating Action Button (FAB) -->
+              <div 
+                class="fab bg-primary text-white shadow-lg hover:bg-primary-dark transition-transform" 
+                @click="toggleFabMenu"
+                :class="{ 'rotate-45': exampleData.showFabMenu }"
+              >
+                <Icon name="ic:baseline-add" size="24" />
+              </div>
+              
+              <!-- FAB Menu -->
+              <div class="fab-menu" v-if="exampleData.showFabMenu">
+                <div 
+                  v-for="(type, index) in exampleData.permohonanData.applicationTypes.slice(0, 3)" 
+                  :key="type.id"
+                  class="fab-item"
+                  :class="{ 'expanded': animationStates.fabExpanded }"
+                  :style="{ 'transition-delay': `${0.05 * (exampleData.permohonanData.applicationTypes.slice(0, 3).length - index)}s` }"
+                >
+                  <div class="fab-item-text shadow-md bg-white">{{ type.name }}</div>
+                  <button 
+                    class="fab-item-button bg-primary text-white shadow-lg hover:bg-primary-dark transition-all"
+                    @click="createNewApplication(type.name)"
+                  >
+                    <Icon name="ic:baseline-add" size="20" />
+                  </button>
+                </div>
+              </div>
+            </div>
+            
+            <!-- Drawer Menu - Move outside mobile-content to ensure it's above the header -->
+            <div v-if="exampleData.showMenu" class="mobile-drawer">
+              <!-- Overlay -->
+              <div 
+                class="absolute inset-0 bg-black transition-opacity w-full h-full"
+                :class="animationStates.menuExpanded ? 'bg-opacity-50' : 'bg-opacity-0'"
+                @click="toggleMenu"
+              ></div>
+              
+              <!-- Drawer Content -->
+              <div 
+                class="drawer-content absolute left-0 top-0 bottom-0 w-4/5 max-w-[260px] bg-white flex flex-col shadow-2xl"
+                :class="{ 'expanded': animationStates.menuExpanded }"
+              >
+                <!-- User Profile Section - Enhanced -->
+                <div class="bg-sidebar p-4 text-white">
+                  <div class="flex items-center space-x-3">
+                    <div class="w-12 h-12 rounded-full bg-white text-primary flex items-center justify-center font-bold text-xl shadow-md">
+                      {{ exampleData.userProfile.avatar }}
+                    </div>
+                    <div>
+                      <p class="font-medium">{{ exampleData.userProfile.name }}</p>
+                      <p class="text-xs opacity-80">{{ exampleData.userProfile.email }}</p>
+                      <div class="mt-2 bg-accent/20 py-1 px-2 rounded-full inline-flex items-center shadow-sm">
+                        <span class="text-xs font-medium text-accent">{{ exampleData.userProfile.department }}</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                
+                <!-- Menu Items -->
+                <div class="overflow-y-auto flex-1">
+                  <div class="py-2">
+                    <button 
+                      v-for="(page, index) in exampleData.demoPages" 
+                      :key="index"
+                      @click="exampleData.currentSection = page.id; toggleMenu()" 
+                      class="w-full flex items-center px-4 py-3 hover:bg-gray-50 transition-colors"
+                      :class="{ 'border-l-4 border-accent bg-primary/5': exampleData.currentSection === page.id }"
+                    >
+                      <Icon :name="page.icon" class="mr-3" size="20" :class="exampleData.currentSection === page.id ? 'text-primary' : 'text-gray-600'" />
+                      <span :class="exampleData.currentSection === page.id ? 'text-primary font-medium' : ''">{{ page.title }}</span>
+                      <span 
+                        v-if="page.id === 'permohonan' && exampleData.permohonanData.activeApplications.length > 0" 
+                        class="ml-2 bg-accent text-primary text-xs px-2 py-0.5 rounded-full font-bold"
+                      >
+                        {{ exampleData.permohonanData.activeApplications.length }}
+                      </span>
+                    </button>
+                    
+                    <div class="border-t border-gray-200 my-2"></div>
+                    
+                    <button class="w-full flex items-center px-4 py-3 hover:bg-gray-50 transition-colors">
+                      <Icon name="ic:baseline-help" class="mr-3 text-gray-600" size="20" />
+                      <span>Bantuan</span>
+                    </button>
+                    <button class="w-full flex items-center px-4 py-3 hover:bg-gray-50 transition-colors">
+                      <Icon name="ic:baseline-info" class="mr-3 text-gray-600" size="20" />
+                      <span>Tentang Kami</span>
+                    </button>
+                  </div>
+                </div>
+                
+                <!-- Logout Button -->
+                <div class="border-t border-gray-200 p-4">
+                  <button class="flex items-center text-red-600">
+                    <Icon name="ic:baseline-logout" class="mr-2" size="20" />
+                    <span>Log Keluar</span>
+                  </button>
+                </div>
+              </div>
+            </div>
+            
+            <!-- Bottom Navigation - Fixed at bottom -->
+            <div class="bottom-nav-container">
+              <div class="bottom-nav bg-white shadow-lg border-t flex justify-around py-2">
+                <button 
+                  v-for="page in exampleData.demoPages" 
+                  :key="page.id"
+                  @click="navigateTo(page.id)"
+                  class="flex flex-col items-center p-2 relative" 
+                  :class="exampleData.currentSection === page.id ? 'text-primary' : 'text-gray-500'"
+                >
+                  <div class="w-6 h-6 flex items-center justify-center" :class="exampleData.currentSection === page.id ? 'bg-primary/10 rounded-full' : ''">
+                  <Icon :name="page.icon" size="20" />
+                  </div>
+                  <span class="text-xs mt-1" :class="exampleData.currentSection === page.id ? 'font-medium' : ''">{{ page.title }}</span>
+                  <!-- Notification badge for permohonan -->
+                  <span 
+                    v-if="page.id === 'permohonan' && exampleData.permohonanData.activeApplications.length > 0" 
+                    class="absolute -top-1 -right-1 w-4 h-4 bg-accent rounded-full text-primary text-[8px] font-bold flex items-center justify-center shadow-sm"
+                  >
+                    {{ exampleData.permohonanData.activeApplications.length }}
+                  </span>
+                  <!-- Notification badge for notifikasi -->
+                  <span 
+                    v-if="page.id === 'notifikasi' && exampleData.notificationData.unread > 0" 
+                    class="absolute -top-1 -right-1 w-4 h-4 bg-accent rounded-full text-primary text-[8px] font-bold flex items-center justify-center shadow-sm"
+                  >
+                    {{ exampleData.notificationData.unread }}
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+          
+          <!-- Phone Bottom Bar -->
+          <div class="h-4 bg-black pixel-nav-bar flex justify-center items-center">
+            <div class="w-1/3 h-1 bg-white rounded-full"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+          </div>
+
+<!-- Bantuan Form Page (New) -->
+<div v-if="exampleData.currentSection === 'bantuan' && exampleData.subSection === 'new'" class="p-4 pb-24">
+  <h3 class="h3 mb-4 text-gray-800">Permohonan Bantuan Baru</h3>
+  
+  <!-- Stepper / Progress indicator -->
+  <div class="mb-6">
+    <div class="flex items-center justify-between">
+      <div class="flex flex-col items-center">
+        <div class="w-8 h-8 bg-primary text-white rounded-full flex items-center justify-center font-medium text-sm shadow-sm">1</div>
+        <span class="text-xs font-medium mt-1 text-primary">Maklumat</span>
+      </div>
+      <div class="flex-1 h-1 mx-2 bg-primary"></div>
+      <div class="flex flex-col items-center">
+        <div class="w-8 h-8 bg-gray-200 text-gray-600 rounded-full flex items-center justify-center font-medium text-sm">2</div>
+        <span class="text-xs font-medium mt-1 text-gray-500">Dokumen</span>
+      </div>
+      <div class="flex-1 h-1 mx-2 bg-gray-200"></div>
+      <div class="flex flex-col items-center">
+        <div class="w-8 h-8 bg-gray-200 text-gray-600 rounded-full flex items-center justify-center font-medium text-sm">3</div>
+        <span class="text-xs font-medium mt-1 text-gray-500">Pengesahan</span>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Form Card -->
+  <div class="bg-white rounded-xl shadow-md border border-gray-100 mb-5">
+    <div class="border-b border-gray-100 p-4">
+      <h4 class="h4 flex items-center text-gray-800">
+        <Icon name="ic:baseline-person" class="mr-2 text-primary" size="20" />
+        Maklumat Peribadi
+      </h4>
+    </div>
+    
+    <div class="p-4 space-y-4">
+      <!-- Type of Aid -->
+      <div>
+        <label class="form-label mb-1.5 block">Jenis Bantuan <span class="text-danger">*</span></label>
+        <select 
+          v-model="exampleData.bantuanForm.type" 
+          class="form-input w-full"
+          :class="{ 'border-danger': exampleData.formErrors.type }"
+        >
+          <option value="" disabled selected>-- Pilih Jenis Bantuan --</option>
+          <option v-for="type in exampleData.bantuanData.bantuanCategories" :key="type.id" :value="type.name">
+            {{ type.name }}
+          </option>
+        </select>
+        <p v-if="exampleData.formErrors.type" class="text-danger text-xs mt-1">Sila pilih jenis bantuan</p>
+        
+        <!-- Type description if selected -->
+        <div v-if="exampleData.bantuanForm.type" class="mt-2 p-2 bg-primary/5 rounded-md text-xs">
+          <p class="font-medium mb-1">{{ exampleData.bantuanForm.type }}</p>
+          <p class="text-gray-600">
+            {{ exampleData.bantuanData.bantuanCategories.find(t => t.name === exampleData.bantuanForm.type)?.description || '' }}
+          </p>
+        </div>
+      </div>
+      
+      <!-- Asnaf Category -->
+      <div>
+        <label class="form-label mb-1.5 block">Kategori Asnaf <span class="text-danger">*</span></label>
+        <select 
+          v-model="exampleData.bantuanForm.category" 
+          class="form-input w-full"
+          :class="{ 'border-danger': exampleData.formErrors.category }"
+        >
+          <option value="" disabled selected>-- Pilih Kategori Asnaf --</option>
+          <option value="Fakir">Fakir</option>
+          <option value="Miskin">Miskin</option>
+          <option value="Amil">Amil</option>
+          <option value="Muallaf">Muallaf</option>
+          <option value="Gharimin">Gharimin</option>
+          <option value="Fisabilillah">Fisabilillah</option>
+          <option value="Ibnu Sabil">Ibnu Sabil</option>
+        </select>
+        <p v-if="exampleData.formErrors.category" class="text-danger text-xs mt-1">Sila pilih kategori asnaf</p>
+      </div>
+      
+      <!-- Full Name -->
+      <div>
+        <label class="form-label mb-1.5 block">Nama Penuh <span class="text-danger">*</span></label>
+        <input 
+          type="text" 
+          v-model="exampleData.bantuanForm.fullName" 
+          class="form-input w-full"
+          :class="{ 'border-danger': exampleData.formErrors.fullName }"
+          placeholder="Masukkan nama penuh" 
+        />
+        <p v-if="exampleData.formErrors.fullName" class="text-danger text-xs mt-1">Sila masukkan nama penuh</p>
+      </div>
+      
+      <!-- ID Number -->
+      <div>
+        <label class="form-label mb-1.5 block">No. Kad Pengenalan <span class="text-danger">*</span></label>
+        <input 
+          type="text" 
+          v-model="exampleData.bantuanForm.idNumber" 
+          class="form-input w-full"
+          :class="{ 'border-danger': exampleData.formErrors.idNumber }"
+          placeholder="Cth: 860215-14-5732"
+        />
+        <p v-if="exampleData.formErrors.idNumber" class="text-danger text-xs mt-1">Sila masukkan nombor kad pengenalan yang sah</p>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Contact Information Card -->
+  <div class="bg-white rounded-xl shadow-md border border-gray-100 mb-5">
+    <div class="border-b border-gray-100 p-4">
+      <h4 class="h4 flex items-center text-gray-800">
+        <Icon name="ic:baseline-contact-phone" class="mr-2 text-primary" size="20" />
+        Maklumat Perhubungan
+      </h4>
+    </div>
+    
+    <div class="p-4 space-y-4">
+      <!-- Phone Number -->
+      <div>
+        <label class="form-label mb-1.5 block">No. Telefon <span class="text-danger">*</span></label>
+        <input 
+          type="tel" 
+          v-model="exampleData.bantuanForm.phone" 
+          class="form-input w-full"
+          :class="{ 'border-danger': exampleData.formErrors.phone }"
+          placeholder="Cth: 019-8765432"
+        />
+        <p v-if="exampleData.formErrors.phone" class="text-danger text-xs mt-1">Sila masukkan nombor telefon yang sah</p>
+      </div>
+      
+      <!-- Email -->
+      <div>
+        <label class="form-label mb-1.5 block">Alamat E-mel</label>
+        <input 
+          type="email" 
+          v-model="exampleData.bantuanForm.email" 
+          class="form-input w-full"
+          :class="{ 'border-danger': exampleData.formErrors.email }"
+          placeholder="Cth: nama@contoh.com"
+        />
+        <p v-if="exampleData.formErrors.email" class="text-danger text-xs mt-1">Sila masukkan alamat e-mel yang sah</p>
+      </div>
+      
+      <!-- Address -->
+      <div>
+        <label class="form-label mb-1.5 block">Alamat <span class="text-danger">*</span></label>
+        <textarea 
+          v-model="exampleData.bantuanForm.address" 
+          class="form-input w-full min-h-[80px]"
+          :class="{ 'border-danger': exampleData.formErrors.address }"
+          placeholder="Masukkan alamat penuh"
+        ></textarea>
+        <p v-if="exampleData.formErrors.address" class="text-danger text-xs mt-1">Sila masukkan alamat</p>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Bank Information Card -->
+  <div class="bg-white rounded-xl shadow-md border border-gray-100 mb-5">
+    <div class="border-b border-gray-100 p-4">
+      <h4 class="h4 flex items-center text-gray-800">
+        <Icon name="ic:baseline-account-balance" class="mr-2 text-primary" size="20" />
+        Maklumat Bank
+      </h4>
+    </div>
+    
+    <div class="p-4 space-y-4">
+      <!-- Bank Name -->
+      <div>
+        <label class="form-label mb-1.5 block">Nama Bank <span class="text-danger">*</span></label>
+        <select 
+          v-model="exampleData.bantuanForm.bankName" 
+          class="form-input w-full"
+          :class="{ 'border-danger': exampleData.formErrors.bankName }"
+        >
+          <option value="" disabled selected>-- Pilih Bank --</option>
+          <option value="Bank Islam">Bank Islam</option>
+          <option value="Maybank">Maybank</option>
+          <option value="CIMB Bank">CIMB Bank</option>
+          <option value="Bank Rakyat">Bank Rakyat</option>
+          <option value="RHB Bank">RHB Bank</option>
+        </select>
+        <p v-if="exampleData.formErrors.bankName" class="text-danger text-xs mt-1">Sila pilih bank</p>
+      </div>
+      
+      <!-- Account Number -->
+      <div>
+        <label class="form-label mb-1.5 block">No. Akaun Bank <span class="text-danger">*</span></label>
+        <input 
+          type="text" 
+          v-model="exampleData.bantuanForm.accountNumber" 
+          class="form-input w-full"
+          :class="{ 'border-danger': exampleData.formErrors.accountNumber }"
+          placeholder="Masukkan nombor akaun bank"
+        />
+        <p v-if="exampleData.formErrors.accountNumber" class="text-danger text-xs mt-1">Sila masukkan nombor akaun yang sah</p>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Reason Section -->
+  <div class="bg-white rounded-xl shadow-md border border-gray-100 mb-5">
+    <div class="border-b border-gray-100 p-4">
+      <h4 class="h4 flex items-center text-gray-800">
+        <Icon name="ic:baseline-info" class="mr-2 text-primary" size="20" />
+        Sebab Permohonan
+      </h4>
+    </div>
+    
+    <div class="p-4 space-y-4">
+      <div>
+        <label class="form-label mb-1.5 block">Alasan Memohon <span class="text-danger">*</span></label>
+        <textarea 
+          v-model="exampleData.bantuanForm.reason" 
+          class="form-input w-full min-h-[100px]"
+          :class="{ 'border-danger': exampleData.formErrors.reason }"
+          placeholder="Sila nyatakan sebab keperluan bantuan dengan terperinci"
+        ></textarea>
+        <p v-if="exampleData.formErrors.reason" class="text-danger text-xs mt-1">Sila nyatakan alasan permohonan</p>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Form Action Buttons -->
+  <div class="flex justify-between items-center mt-6 mb-4">
+    <button class="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg flex items-center">
+      <Icon name="ic:baseline-save" class="mr-2" size="18" />
+      Simpan Draf
+    </button>
+    <button @click="navigateTo('bantuan', 'documents')" class="px-4 py-2 bg-primary text-white rounded-lg shadow-sm flex items-center">
+      Langkah Seterusnya
+      <Icon name="ic:baseline-arrow-forward" class="ml-2" size="18" />
+    </button>
+  </div>
+  
+  <!-- Help tip -->
+  <div class="bg-primary/5 p-3 rounded-lg border border-primary/10 mb-4 flex items-start">
+    <Icon name="ic:baseline-info" class="text-primary mr-2 mt-0.5" size="18" />
+    <div class="text-xs">
+      <p class="font-medium mb-1">Bantuan untuk pengisian</p>
+      <p class="text-gray-600">Sila isi semua maklumat yang diperlukan dengan tepat. Medan bertanda <span class="text-danger">*</span> adalah wajib.</p>
+    </div>
+  </div>
+</div>
+
+<!-- Bantuan Documents Upload Page -->
+<div v-if="exampleData.currentSection === 'bantuan' && exampleData.subSection === 'documents'" class="p-4 pb-24">
+  <h3 class="h3 mb-4 text-gray-800">Muat Naik Dokumen</h3>
+  
+  <!-- Stepper / Progress indicator -->
+  <div class="mb-6">
+    <div class="flex items-center justify-between">
+      <div class="flex flex-col items-center">
+        <div class="w-8 h-8 bg-secondary text-white rounded-full flex items-center justify-center font-medium text-sm shadow-sm">
+          <Icon name="ic:baseline-check" size="16" />
+        </div>
+        <span class="text-xs font-medium mt-1 text-secondary">Maklumat</span>
+      </div>
+      <div class="flex-1 h-1 mx-2 bg-primary"></div>
+      <div class="flex flex-col items-center">
+        <div class="w-8 h-8 bg-primary text-white rounded-full flex items-center justify-center font-medium text-sm shadow-sm">2</div>
+        <span class="text-xs font-medium mt-1 text-primary">Dokumen</span>
+      </div>
+      <div class="flex-1 h-1 mx-2 bg-gray-200"></div>
+      <div class="flex flex-col items-center">
+        <div class="w-8 h-8 bg-gray-200 text-gray-600 rounded-full flex items-center justify-center font-medium text-sm">3</div>
+        <span class="text-xs font-medium mt-1 text-gray-500">Pengesahan</span>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Required Documents Card -->
+  <div class="bg-white rounded-xl shadow-md border border-gray-100 mb-5">
+    <div class="border-b border-gray-100 p-4">
+      <h4 class="h4 flex items-center text-gray-800">
+        <Icon name="ic:baseline-description" class="mr-2 text-primary" size="20" />
+        Dokumen Wajib
+      </h4>
+    </div>
+    
+    <div class="p-4">
+      <!-- ID Card Document -->
+      <div class="mb-4 border border-gray-100 rounded-lg p-3">
+        <div class="flex justify-between items-start mb-2">
+          <div>
+            <h5 class="h5 text-gray-800">Kad Pengenalan</h5>
+            <p class="text-xs text-gray-500">Salinan depan dan belakang</p>
+          </div>
+          <span class="text-xs bg-warning/15 text-warning py-0.5 px-2 rounded-full font-medium">Diperlukan</span>
+        </div>
+        
+        <button class="w-full border border-dashed border-gray-300 rounded-lg p-4 flex flex-col items-center justify-center bg-gray-50">
+          <Icon name="ic:baseline-cloud-upload" size="24" class="text-primary mb-2" />
+          <span class="text-sm font-medium text-gray-700">Klik untuk muat naik</span>
+          <span class="text-xs text-gray-500 mt-1">Format: JPG, PNG, PDF</span>
+        </button>
+      </div>
+      
+      <!-- Income Proof Document -->
+      <div class="mb-4 border border-gray-100 rounded-lg p-3">
+        <div class="flex justify-between items-start mb-2">
+          <div>
+            <h5 class="h5 text-gray-800">Bukti Pendapatan</h5>
+            <p class="text-xs text-gray-500">Slip gaji / Penyata pencen / Penyata Pendapatan</p>
+          </div>
+          <span class="text-xs bg-warning/15 text-warning py-0.5 px-2 rounded-full font-medium">Diperlukan</span>
+        </div>
+        
+        <button class="w-full border border-dashed border-gray-300 rounded-lg p-4 flex flex-col items-center justify-center bg-gray-50">
+          <Icon name="ic:baseline-cloud-upload" size="24" class="text-primary mb-2" />
+          <span class="text-sm font-medium text-gray-700">Klik untuk muat naik</span>
+          <span class="text-xs text-gray-500 mt-1">Format: JPG, PNG, PDF</span>
+        </button>
+      </div>
+      
+      <!-- Bank Statement Document -->
+      <div class="mb-4 border border-gray-100 rounded-lg p-3">
+        <div class="flex justify-between items-start mb-2">
+          <div>
+            <h5 class="h5 text-gray-800">Penyata Bank</h5>
+            <p class="text-xs text-gray-500">Penyata bank 3 bulan terkini</p>
+          </div>
+          <span class="text-xs bg-warning/15 text-warning py-0.5 px-2 rounded-full font-medium">Diperlukan</span>
+        </div>
+        
+        <button class="w-full border border-dashed border-gray-300 rounded-lg p-4 flex flex-col items-center justify-center bg-gray-50">
+          <Icon name="ic:baseline-cloud-upload" size="24" class="text-primary mb-2" />
+          <span class="text-sm font-medium text-gray-700">Klik untuk muat naik</span>
+          <span class="text-xs text-gray-500 mt-1">Format: JPG, PNG, PDF</span>
+        </button>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Supporting Documents Card -->
+  <div class="bg-white rounded-xl shadow-md border border-gray-100 mb-5">
+    <div class="border-b border-gray-100 p-4">
+      <h4 class="h4 flex items-center text-gray-800">
+        <Icon name="ic:baseline-backup" class="mr-2 text-primary" size="20" />
+        Dokumen Sokongan
+      </h4>
+    </div>
+    
+    <div class="p-4">
+      <!-- Medical Document -->
+      <div class="mb-4 border border-gray-100 rounded-lg p-3">
+        <div class="flex justify-between items-start mb-2">
+          <div>
+            <h5 class="h5 text-gray-800">Laporan Perubatan</h5>
+            <p class="text-xs text-gray-500">Jika berkenaan</p>
+          </div>
+          <span class="text-xs bg-gray-100 text-gray-600 py-0.5 px-2 rounded-full font-medium">Pilihan</span>
+        </div>
+        
+        <button class="w-full border border-dashed border-gray-300 rounded-lg p-4 flex flex-col items-center justify-center bg-gray-50">
+          <Icon name="ic:baseline-cloud-upload" size="24" class="text-primary mb-2" />
+          <span class="text-sm font-medium text-gray-700">Klik untuk muat naik</span>
+          <span class="text-xs text-gray-500 mt-1">Format: JPG, PNG, PDF</span>
+        </button>
+      </div>
+      
+      <!-- Add Document Button -->
+      <button class="w-full py-2.5 text-sm text-primary flex items-center justify-center">
+        <Icon name="ic:baseline-add" size="18" class="mr-1" />
+        Tambah Dokumen Lain
+      </button>
+    </div>
+  </div>
+  
+  <!-- Form Action Buttons -->
+  <div class="flex justify-between items-center mt-6 mb-4">
+    <button @click="navigateTo('bantuan', 'new')" class="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg flex items-center">
+      <Icon name="ic:baseline-arrow-back" class="mr-2" size="18" />
+      Kembali
+    </button>
+    <button @click="navigateTo('bantuan', 'review')" class="px-4 py-2 bg-primary text-white rounded-lg shadow-sm flex items-center">
+      Langkah Seterusnya
+      <Icon name="ic:baseline-arrow-forward" class="ml-2" size="18" />
+    </button>
+  </div>
+</div>
+
+<!-- Bantuan Review & Submit Page -->
+<div v-if="exampleData.currentSection === 'bantuan' && exampleData.subSection === 'review'" class="p-4 pb-24">
+  <h3 class="h3 mb-4 text-gray-800">Semak & Hantar</h3>
+  
+  <!-- Stepper / Progress indicator -->
+  <div class="mb-6">
+    <div class="flex items-center justify-between">
+      <div class="flex flex-col items-center">
+        <div class="w-8 h-8 bg-secondary text-white rounded-full flex items-center justify-center font-medium text-sm shadow-sm">
+          <Icon name="ic:baseline-check" size="16" />
+        </div>
+        <span class="text-xs font-medium mt-1 text-secondary">Maklumat</span>
+      </div>
+      <div class="flex-1 h-1 mx-2 bg-secondary"></div>
+      <div class="flex flex-col items-center">
+        <div class="w-8 h-8 bg-secondary text-white rounded-full flex items-center justify-center font-medium text-sm shadow-sm">
+          <Icon name="ic:baseline-check" size="16" />
+        </div>
+        <span class="text-xs font-medium mt-1 text-secondary">Dokumen</span>
+      </div>
+      <div class="flex-1 h-1 mx-2 bg-primary"></div>
+      <div class="flex flex-col items-center">
+        <div class="w-8 h-8 bg-primary text-white rounded-full flex items-center justify-center font-medium text-sm shadow-sm">3</div>
+        <span class="text-xs font-medium mt-1 text-primary">Pengesahan</span>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Summary Card -->
+  <div class="bg-white rounded-xl shadow-md border border-gray-100 mb-5">
+    <div class="border-b border-gray-100 p-4">
+      <h4 class="h4 flex items-center text-gray-800">
+        <Icon name="ic:baseline-summarize" class="mr-2 text-primary" size="20" />
+        Ringkasan Permohonan
+      </h4>
+    </div>
+    
+    <div class="p-4">
+      <!-- Bantuan Details -->
+      <div class="mb-4">
+        <h5 class="h5 mb-2 text-gray-800">Maklumat Bantuan</h5>
+        <div class="bg-gray-50 rounded-lg p-3 space-y-2">
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-gray-600">Jenis Bantuan:</span>
+            <span class="text-sm font-medium">{{ exampleData.bantuanForm.type || "Bantuan Sara Hidup" }}</span>
+          </div>
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-gray-600">Kategori Asnaf:</span>
+            <span class="text-sm font-medium">{{ exampleData.bantuanForm.category || "Fakir" }}</span>
+          </div>
+        </div>
+      </div>
+      
+      <!-- Personal Details -->
+      <div class="mb-4">
+        <h5 class="h5 mb-2 text-gray-800">Maklumat Peribadi</h5>
+        <div class="bg-gray-50 rounded-lg p-3 space-y-2">
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-gray-600">Nama Penuh:</span>
+            <span class="text-sm font-medium">{{ exampleData.bantuanForm.fullName || exampleData.userProfile.name }}</span>
+          </div>
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-gray-600">No. Kad Pengenalan:</span>
+            <span class="text-sm font-medium">{{ exampleData.bantuanForm.idNumber || exampleData.userProfile.id }}</span>
+          </div>
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-gray-600">No. Telefon:</span>
+            <span class="text-sm font-medium">{{ exampleData.bantuanForm.phone || exampleData.userProfile.phone }}</span>
+          </div>
+          <div class="flex justify-between items-start">
+            <span class="text-sm text-gray-600">Alamat:</span>
+            <span class="text-sm font-medium text-right max-w-[60%]">{{ exampleData.bantuanForm.address || exampleData.userProfile.address }}</span>
+          </div>
+        </div>
+      </div>
+      
+      <!-- Bank Details -->
+      <div class="mb-4">
+        <h5 class="h5 mb-2 text-gray-800">Maklumat Bank</h5>
+        <div class="bg-gray-50 rounded-lg p-3 space-y-2">
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-gray-600">Nama Bank:</span>
+            <span class="text-sm font-medium">{{ exampleData.bantuanForm.bankName || "Bank Islam" }}</span>
+          </div>
+          <div class="flex justify-between items-center">
+            <span class="text-sm text-gray-600">No. Akaun:</span>
+            <span class="text-sm font-medium">{{ exampleData.bantuanForm.accountNumber || "xxxx-xxx-xxxxx" }}</span>
+          </div>
+        </div>
+      </div>
+      
+      <!-- Documents -->
+      <div>
+        <h5 class="h5 mb-2 text-gray-800">Dokumen</h5>
+        <div class="bg-gray-50 rounded-lg p-3">
+          <div class="flex items-center mb-2">
+            <Icon name="ic:baseline-check-circle" class="text-secondary mr-2" size="16" />
+            <span class="text-sm">Kad Pengenalan (dimuat naik)</span>
+          </div>
+          <div class="flex items-center mb-2">
+            <Icon name="ic:baseline-check-circle" class="text-secondary mr-2" size="16" />
+            <span class="text-sm">Bukti Pendapatan (dimuat naik)</span>
+          </div>
+          <div class="flex items-center">
+            <Icon name="ic:baseline-check-circle" class="text-secondary mr-2" size="16" />
+            <span class="text-sm">Penyata Bank (dimuat naik)</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Declaration Section -->
+  <div class="bg-white rounded-xl shadow-md border border-gray-100 mb-5">
+    <div class="border-b border-gray-100 p-4">
+      <h4 class="h4 flex items-center text-gray-800">
+        <Icon name="ic:baseline-gavel" class="mr-2 text-primary" size="20" />
+        Pengakuan
+      </h4>
+    </div>
+    
+    <div class="p-4">
+      <div class="bg-gray-50 p-3 rounded-lg mb-3 text-sm text-gray-700">
+        <p>Saya mengaku bahawa segala maklumat yang diberikan dalam permohonan ini adalah benar dan tepat. Saya faham bahawa sebarang maklumat palsu boleh menyebabkan permohonan ditolak dan tindakan undang-undang diambil.</p>
+      </div>
+      
+      <div class="flex items-center mb-3">
+        <input type="checkbox" id="agreement" class="mr-2 h-4 w-4 text-primary focus:ring-primary">
+        <label for="agreement" class="text-sm">Saya bersetuju dengan syarat-syarat yang dinyatakan di atas</label>
+      </div>
+    </div>
+  </div>
+  
+  <!-- Form Action Buttons -->
+  <div class="flex justify-between items-center mt-6 mb-4">
+    <button @click="navigateTo('bantuan', 'documents')" class="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg flex items-center">
+      <Icon name="ic:baseline-arrow-back" class="mr-2" size="18" />
+      Kembali
+    </button>
+    <button @click="submitBantuanForm" class="px-5 py-2.5 bg-primary text-white rounded-lg shadow-sm flex items-center font-medium">
+      <Icon name="ic:baseline-send" class="mr-2" size="18" />
+      Hantar Permohonan
+    </button>
+  </div>
+  
+  <!-- Help tip -->
+  <div class="bg-warning/5 p-3 rounded-lg border border-warning/10 mb-4 flex items-start">
+    <Icon name="ic:baseline-info" class="text-warning mr-2 mt-0.5" size="18" />
+    <div class="text-xs">
+      <p class="font-medium mb-1">Peringatan Penting</p>
+      <p class="text-gray-600">Sila semak semua maklumat dengan teliti sebelum menghantar. Permohonan yang telah dihantar tidak boleh diedit.</p>
+    </div>
+  </div>
+</div>
+
+<!-- Bantuan Application Success Page -->
+<div v-if="exampleData.currentSection === 'bantuan' && exampleData.subSection === 'success'" class="p-4 pb-24">
+  <div class="text-center py-8">
+    <div class="w-20 h-20 bg-secondary/15 rounded-full flex items-center justify-center mx-auto mb-6">
+      <Icon name="ic:baseline-check-circle" class="text-secondary" size="48" />
+    </div>
+    
+    <h3 class="h3 mb-2 text-gray-800">Permohonan Berjaya Dihantar!</h3>
+    <p class="text-gray-600 mb-6">Terima kasih. Permohonan anda telah berjaya dihantar dan kini dalam proses semakan.</p>
+    
+    <div class="bg-white rounded-xl shadow-md border border-gray-100 p-4 mb-6 text-left">
+      <div class="flex justify-between items-center mb-3">
+        <span class="text-sm text-gray-600">Nombor Rujukan:</span>
+        <span class="font-bold text-primary">BSH-23/5789</span>
+      </div>
+      <div class="flex justify-between items-center mb-3">
+        <span class="text-sm text-gray-600">Tarikh Permohonan:</span>
+        <span class="font-medium">10 Jun 2023</span>
+      </div>
+      <div class="flex justify-between items-center">
+        <span class="text-sm text-gray-600">Status:</span>
+        <span class="badge-menunggu py-1 px-2.5 rounded-full text-xs font-medium">MENUNGGU</span>
+      </div>
+    </div>
+    
+    <div class="bg-primary/5 p-4 rounded-lg border border-primary/10 mb-6 text-left">
+      <h5 class="h5 mb-2 text-primary">Langkah Seterusnya</h5>
+      <ul class="text-sm space-y-2">
+        <li class="flex items-start">
+          <Icon name="ic:baseline-circle" class="text-primary mr-2 mt-1" size="8" />
+          <span>Permohonan anda akan disemak dalam tempoh 7-14 hari bekerja.</span>
+        </li>
+        <li class="flex items-start">
+          <Icon name="ic:baseline-circle" class="text-primary mr-2 mt-1" size="8" />
+          <span>Anda akan menerima notifikasi sebarang kemajuan melalui SMS atau sistem ini.</span>
+        </li>
+        <li class="flex items-start">
+          <Icon name="ic:baseline-circle" class="text-primary mr-2 mt-1" size="8" />
+          <span>Pegawai kami mungkin akan menghubungi anda jika maklumat tambahan diperlukan.</span>
+        </li>
+      </ul>
+    </div>
+    
+    <div class="flex flex-col space-y-3">
+      <button @click="navigateTo('bantuan')" class="w-full py-3 bg-primary text-white rounded-lg shadow-sm font-medium">
+        Kembali ke Halaman Bantuan
+      </button>
+      <button class="w-full py-3 bg-primary/10 text-primary rounded-lg font-medium">
+        Semak Status Permohonan
+      </button>
+    </div>
+  </div>
+</div>
+</template>
+
+<style scoped>
+/* Add LZS theme-specific styling */
+.bg-primary {
+  background-color: rgb(var(--color-primary));
+}
+
+.text-primary {
+  color: rgb(var(--color-primary));
+}
+
+.text-header-text {
+  color: rgb(var(--header-text));
+}
+
+.bg-primary-dark {
+  background-color: rgba(var(--color-primary), 0.9);
+}
+
+.bg-accent {
+  background-color: rgb(var(--color-accent));
+}
+
+.text-accent {
+  color: rgb(var(--color-accent));
+}
+
+.bg-secondary {
+  background-color: rgb(var(--color-secondary));
+}
+
+.text-secondary {
+  color: rgb(var(--color-secondary));
+}
+
+.bg-sidebar {
+  background-color: rgb(var(--sidebar));
+}
+
+/* Standardized Font Hierarchy */
+h1, .h1 {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.4;
+}
+
+h2, .h2 {
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 1.4;
+}
+
+h3, .h3 {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+h4, .h4 {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+h5, .h5 {
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.body-text {
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.small-text {
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.label-text {
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.4;
+}
+
+/* Enhance existing styles with LZS theme */
+.mobile-frame {
+  width: 360px;
+  height: 720px;
+  background-color: #000;
+  border-radius: 30px;
+  overflow: hidden;
+  position: relative;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+  border: 10px solid #111;
+}
+
+.mobile-content {
+  width: 100%;
+  height: calc(100% - 39px); /* Account for status bar (24px) and bottom bar (15px) */
+  background-color: rgb(var(--bg-1));
+  position: relative;
+  overflow-y: auto;
+}
+
+.mobile-header {
+  position: sticky;
+  top: 0;
+  width: 100%;
+  z-index: 10;
+}
+
+/* FAB and its components with fixed positioning within mobile-content */
+.fab {
+  position: absolute;
+  bottom: 80px;
+  right: 20px;
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 11;
+  transition: transform 0.3s ease;
+  box-shadow: 0 4px 12px rgba(var(--color-primary), 0.25);
+}
+
+.fab-menu {
+  position: absolute;
+  bottom: 80px;
+  right: 20px;
+  z-index: 10;
+}
+
+.fab-item {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+  opacity: 0;
+  transform: translateY(20px);
+  transition: all 0.3s ease;
+}
+
+.fab-item.expanded {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.fab-item-text {
+  padding: 8px 16px;
+  background-color: #fff;
+  color: #333;
+  border-radius: 18px;
+  margin-right: 8px;
+  font-size: 14px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+}
+
+.fab-item-button {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 4px 10px rgba(var(--color-primary), 0.25);
+}
+
+/* Drawer menu with enhanced styling - now positioned within mobile-frame */
+.mobile-drawer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 20;
+}
+
+.drawer-content {
+  transform: translateX(-100%);
+  transition: transform 0.3s ease-out;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+}
+
+.drawer-content.expanded {
+  transform: translateX(0%);
+}
+
+/* Bottom navigation - fixed to the bottom of mobile-content */
+.bottom-nav-container {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+}
+
+.bottom-nav {
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
+}
+
+/* Pixel-style navigation bar */
+.pixel-nav-bar {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
+
+.wrapper {
+  padding: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background-color: #f5f5f8;
+}
+
+.phone-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* For notification badges */
+.badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 16px;
+  height: 16px;
+  border-radius: 8px;
+  padding: 0 4px;
+  font-size: 10px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Card styles enhancement */
+.card {
+  background-color: white;
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  margin-bottom: 16px;
+}
+
+/* Transition effects */
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter-from, .fade-leave-to {
+  opacity: 0;
+}
+
+/* Prevent scrolling when menu is open */
+.body-locked {
+  overflow: hidden;
+}
+
+/* LZS-themed badges/status styles */
+.badge-lulus, .badge-aktif, .status-lulus, .status-aktif {
+  background-color: rgba(var(--color-secondary), 0.15);
+  color: rgb(var(--color-secondary));
+  border: 1px solid rgba(var(--color-secondary), 0.3);
+}
+
+.badge-menunggu, .status-menunggu {
+  background-color: rgba(var(--color-warning), 0.15);
+  color: rgb(87, 65, 16); /* Darker shade for contrast */
+  border: 1px solid rgba(var(--color-warning), 0.3);
+}
+
+.badge-dalam-proses, .status-dalam-proses {
+  background-color: rgba(var(--color-info), 0.15);
+  color: rgb(var(--color-info));
+  border: 1px solid rgba(var(--color-info), 0.3);
+}
+
+.badge-ditolak, .status-ditolak {
+  background-color: rgba(var(--color-danger), 0.15);
+  color: rgb(var(--color-danger));
+  border: 1px solid rgba(var(--color-danger), 0.3);
+}
+
+.badge-deraf, .status-deraf {
+  background-color: rgba(100, 100, 100, 0.15);
+  color: rgb(100, 100, 100);
+  border: 1px solid rgba(100, 100, 100, 0.3);
+}
+
+.badge-baru, .status-baru {
+  background-color: rgba(var(--color-primary), 0.15);
+  color: rgb(var(--color-primary));
+  border: 1px solid rgba(var(--color-primary), 0.3);
+}
+
+/* Enhanced button styles */
+.btn-primary {
+  background-color: rgb(var(--color-primary));
+  color: white;
+  font-weight: 500;
+  padding: 0.625rem 1.25rem;
+  border-radius: 0.5rem;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 6px rgba(var(--color-primary), 0.25);
+}
+
+.btn-primary:hover, .btn-primary:focus {
+  background-color: rgba(var(--color-primary), 0.9);
+  box-shadow: 0 4px 8px rgba(var(--color-primary), 0.35);
+}
+
+.btn-secondary {
+  background-color: rgb(var(--color-secondary));
+  color: white;
+  font-weight: 500;
+  padding: 0.625rem 1.25rem;
+  border-radius: 0.5rem;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 6px rgba(var(--color-secondary), 0.25);
+}
+
+.btn-outline {
+  background-color: transparent;
+  color: rgb(var(--color-primary));
+  border: 1px solid rgb(var(--color-primary));
+  font-weight: 500;
+  padding: 0.625rem 1.25rem;
+  border-radius: 0.5rem;
+  transition: all 0.2s ease;
+}
+
+.btn-outline:hover, .btn-outline:focus {
+  background-color: rgba(var(--color-primary), 0.05);
+}
+
+/* Enhanced form input styles */
+.form-input {
+  border: 1px solid rgba(var(--border-color), 1);
+  border-radius: 0.5rem;
+  padding: 0.625rem 0.875rem;
+  transition: all 0.2s ease;
+  font-size: 0.875rem;
+  background-color: rgb(var(--bg-2));
+}
+
+.form-input:focus {
+  border-color: rgb(var(--color-primary));
+  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.15);
+  outline: none;
+}
+
+.form-label {
+  font-size: 0.875rem;
+  font-weight: 500;
+  margin-bottom: 0.375rem;
+  color: rgba(var(--text-color), 0.8);
+}
+
+/* Card with enhanced styling */
+.card-lzs {
+  background-color: white;
+  border-radius: 0.75rem;
+  overflow: hidden;
+  box-shadow: rgba(var(--color-primary), 0.08) 0px 2px 8px, rgba(var(--color-primary), 0.05) 0px 0px 1px;
+  margin-bottom: 1rem;
+  border: 1px solid rgba(var(--border-color), 0.3);
+}
+
+.card-lzs-header {
+  padding: 1rem;
+  border-bottom: 1px solid rgba(var(--border-color), 0.5);
+  background-color: rgba(var(--bg-1), 0.5);
+}
+
+.card-lzs-content {
+  padding: 1rem;
+}
+
+.card-lzs-footer {
+  padding: 0.75rem 1rem;
+  background-color: rgba(var(--bg-1), 0.5);
+  border-top: 1px solid rgba(var(--border-color), 0.5);
+}
+
+/* Timeline styling */
+.timeline-dot {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background-color: rgb(var(--color-primary));
+  border: 2px solid white;
+  box-shadow: 0 0 0 2px rgba(var(--color-primary), 0.2);
+}
+
+.timeline-line {
+  width: 2px;
+  background-color: rgba(var(--color-primary), 0.3);
+}
+
+.timeline-dot-active {
+  background-color: rgb(var(--color-secondary));
+  box-shadow: 0 0 0 2px rgba(var(--color-secondary), 0.2);
+  }
+
+.timeline-dot-pending {
+  background-color: rgb(var(--border-color));
+  box-shadow: 0 0 0 2px rgba(var(--border-color), 0.2);
+}
+
+/* Enhanced asnaf profile card */
+.asnaf-profile-card {
+  background: linear-gradient(to bottom right, rgba(var(--color-primary), 0.05), rgba(var(--color-primary), 0.02));
+  border-radius: 0.75rem;
+  border: 1px solid rgba(var(--color-primary), 0.1);
+  padding: 1rem;
+  margin-bottom: 1rem;
+}
+
+.asnaf-status-badge {
+  background-color: rgba(var(--color-secondary), 0.15);
+  color: rgb(var(--color-secondary));
+  font-weight: 500;
+  font-size: 0.75rem;
+  padding: 0.25rem 0.5rem;
+  border-radius: 999px;
+  display: inline-flex;
+  align-items: center;
+}
+
+.asnaf-status-badge .icon {
+  margin-right: 0.25rem;
+}
+
+/* Add fixed padding at the bottom to accommodate the navigation bar */
+.pb-24 {
+  padding-bottom: 76px !important; /* Adjusted to ensure content doesn't get hidden behind navbar */
+}
+
+/* Ensure content area accommodates bottom nav */
+.content-wrapper {
+  padding-bottom: 60px;
+}
+</style> 
\ No newline at end of file
diff --git a/pages/login/index.vue b/pages/login/index.vue
new file mode 100644
index 0000000..ac5827a
--- /dev/null
+++ b/pages/login/index.vue
@@ -0,0 +1,179 @@
+<script setup>
+import { useUserStore } from "~/stores/user";
+import { RecaptchaV2 } from "vue3-recaptcha-v2";
+
+definePageMeta({
+  title: "Login",
+  layout: "empty",
+  middleware: ["dashboard"],
+});
+
+const { $swal } = useNuxtApp();
+const { siteSettings, loading: siteSettingsLoading } = useSiteSettings();
+const username = ref("");
+const password = ref("");
+const userStore = useUserStore();
+
+const togglePasswordVisibility = ref(false);
+
+// Get login logo with fallback
+const getLoginLogo = () => {
+  if (siteSettingsLoading.value) {
+    return "/img/logo/corradAF-logo.svg";
+  }
+  return siteSettings.value?.siteLoginLogo || "/img/logo/corradAF-logo.svg";
+};
+
+// Get site name with fallback
+const getSiteName = () => {
+  if (siteSettingsLoading.value) {
+    return "Login Logo";
+  }
+  return siteSettings.value?.siteName || "Login Logo";
+};
+
+const login = async () => {
+  try {
+    const res = await useFetch("/api/auth/login", {
+      method: "POST",
+      initialCache: false,
+      body: JSON.stringify({
+        username: username.value,
+        password: password.value,
+      }),
+    });
+
+    const data = res.data.value;
+
+    if (data.statusCode === 200) {
+      // Save token to pinia store
+      userStore.setUsername(data.data.username);
+      userStore.setRoles(data.data.roles);
+      userStore.setIsAuthenticated(true);
+
+      $swal.fire({
+        position: "center",
+        title: "Success",
+        text: "Login Success",
+        icon: "success",
+        timer: 2000,
+        showConfirmButton: false,
+      });
+
+      window.location.href = "/dashboard";
+    } else {
+      $swal.fire({
+        title: "Error!",
+        text: data.message,
+        icon: "error",
+      });
+    }
+  } catch (e) {
+    console.log(e);
+  }
+};
+
+const handleWidgetId = (widgetId) => {
+  console.log("Widget ID: ", widgetId);
+};
+const handleErrorCalback = () => {
+  console.log("Error callback");
+};
+const handleExpiredCallback = () => {
+  console.log("Expired callback");
+};
+const handleLoadCallback = (response) => {
+  console.log("Load callback", response);
+};
+</script>
+
+<template>
+  <div class="flex-none md:flex justify-center text-center items-center h-screen">
+    <div class="w-full md:w-3/4 lg:w-1/2 xl:w-2/6 relative">
+      <rs-card class="h-screen md:h-auto px-10 md:px-16 py-12 md:py-20 mb-0">
+        <div class="img-container flex justify-center items-center mb-5">
+          <img
+            src="@/assets/img/logo/lzs-logo.png"
+            class="max-w-[180px] max-h-[60px] object-contain"
+          />
+        </div>
+        <p class="text-slate-500 text-lg mb-6">Log masuk ke akaun anda</p>
+        <div class="grid grid-cols-2">
+          <FormKit
+            type="text"
+            v-model="username"
+            validation="required"
+            placeholder="Masukkan ID Pengguna"
+            :classes="{
+              outer: 'col-span-2',
+              label: 'text-left',
+              messages: 'text-left',
+            }"
+            :validation-messages="{
+              required: 'ID Pengguna wajib diisi.',
+            }"
+          >
+            <template #prefixIcon>
+              <Icon name="ph:user-fill" class="!w-5 !h-5 ml-3 text-gray-500"></Icon>
+            </template>
+          </FormKit>
+          <FormKit
+            :type="togglePasswordVisibility ? 'text' : 'password'"
+            v-model="password"
+            validation="required"
+            placeholder="Masukkan Kata Laluan"
+            :classes="{
+              outer: 'col-span-2',
+              label: 'text-left',
+              messages: 'text-left',
+            }"
+            :validation-messages="{
+              required: 'Kata Laluan wajib diisi.',
+            }"
+          >
+            <template #prefixIcon>
+              <Icon name="ph:lock-key-fill" class="!w-5 !h-5 ml-3 text-gray-500"></Icon>
+            </template>
+            <template #suffix>
+              <div
+                class="bg-gray-100 hover:bg-slate-200 dark:bg-slate-700 hover:dark:bg-slate-900 h-full rounded-r-md p-3 flex justify-center items-center cursor-pointer"
+                @click="togglePasswordVisibility = !togglePasswordVisibility"
+              >
+                <Icon
+                  v-if="!togglePasswordVisibility"
+                  name="ion:eye-outline"
+                  size="19"
+                ></Icon>
+                <Icon v-else name="ion:eye-off-outline" size="19"></Icon>
+              </div>
+            </template>
+          </FormKit>
+          <div class="col-span-2 mb-4">
+            <RecaptchaV2
+              @widget-id="handleWidgetId"
+              @error-callback="handleErrorCalback"
+              @expired-callback="handleExpiredCallback"
+              @load-callback="handleLoadCallback"
+            />
+          </div>
+          <NuxtLink
+            class="col-span-2 flex items-center justify-end h-5 mt-1 text-primary hover:underline mb-5"
+            to="forgot-password"
+          >
+            Lupa Kata Laluan?
+          </NuxtLink>
+          <FormKit
+            type="button"
+            input-class="w-full"
+            outer-class="col-span-2"
+            @click="login"
+          >
+            Log Masuk
+
+            <Icon name="ph:caret-circle-right" class="!w-5 !h-5 ml-1"></Icon>
+          </FormKit>
+        </div>
+      </rs-card>
+    </div>
+  </div>
+</template>
diff --git a/pages/logout/index.vue b/pages/logout/index.vue
new file mode 100644
index 0000000..6bc920b
--- /dev/null
+++ b/pages/logout/index.vue
@@ -0,0 +1,28 @@
+<script setup>
+import { useUserStore } from "~/stores/user";
+
+definePageMeta({
+  title: "Logout",
+  layout: "empty",
+});
+
+const userStore = useUserStore();
+
+await useFetch("/api/auth/logout", {
+  method: "GET",
+});
+
+if (process.client) {
+  userStore.setUsername("");
+  userStore.setRoles([]);
+  userStore.setIsAuthenticated(false);
+
+  navigateTo("/login");
+}
+</script>
+
+<template>
+  <div>
+    <h1>Logout</h1>
+  </div>
+</template>
diff --git a/pages/notification/create/index.vue b/pages/notification/create/index.vue
new file mode 100644
index 0000000..9f44dca
--- /dev/null
+++ b/pages/notification/create/index.vue
@@ -0,0 +1,898 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Info Card -->
+    <rs-card class="mb-5">
+      <template #header>
+        <div class="flex">
+          <span title="Info"
+            ><Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon
+          ></span>
+          Create Notification
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          Create and send notifications to your audience. Configure basic settings and
+          choose from multiple channels including email and push notifications.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Main Form Card -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h2 class="text-xl font-semibold">
+            {{ isEditMode ? "Edit" : "Create" }} Notification
+          </h2>
+          <div class="text-sm text-gray-600 dark:text-gray-400">
+            Step {{ currentStep }} of {{ totalSteps }}
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div class="pt-2">
+          <!-- Step Progress Indicator -->
+          <div class="mb-8">
+            <div class="flex items-center justify-between">
+              <div
+                v-for="(step, index) in steps"
+                :key="index"
+                class="flex items-center"
+                :class="{ 'flex-1': index < steps.length - 1 }"
+              >
+                <div class="flex items-center">
+                  <div
+                    class="w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium"
+                    :class="{
+                      'bg-primary text-white': index + 1 <= currentStep,
+                      'bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-400':
+                        index + 1 > currentStep,
+                    }"
+                  >
+                    <Icon
+                      v-if="index + 1 < currentStep"
+                      name="material-symbols:check"
+                      class="text-sm"
+                    />
+                    <span v-else>{{ index + 1 }}</span>
+                  </div>
+                  <span
+                    class="ml-2 text-sm font-medium"
+                    :class="{
+                      'text-primary': index + 1 === currentStep,
+                      'text-gray-900 dark:text-gray-100': index + 1 < currentStep,
+                      'text-gray-500 dark:text-gray-400': index + 1 > currentStep,
+                    }"
+                  >
+                    {{ step.title }}
+                  </span>
+                </div>
+                <div
+                  v-if="index < steps.length - 1"
+                  class="flex-1 h-0.5 mx-4"
+                  :class="{
+                    'bg-primary': index + 1 < currentStep,
+                    'bg-gray-200 dark:bg-gray-700': index + 1 >= currentStep,
+                  }"
+                ></div>
+              </div>
+            </div>
+          </div>
+
+          <FormKit
+            type="form"
+            @submit="submitNotification"
+            :actions="false"
+            class="w-full"
+          >
+            <!-- Step 1: Basic Settings -->
+            <div v-show="currentStep === 1" class="space-y-6">
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Left Column -->
+                <div class="space-y-4">
+                  <FormKit
+                    type="text"
+                    name="title"
+                    label="Notification Title"
+                    placeholder="Enter notification title"
+                    validation="required"
+                    v-model="notificationForm.title"
+                    help="This is for internal identification purposes"
+                  />
+
+                  <FormKit
+                    type="select"
+                    name="type"
+                    label="Notification Type"
+                    :options="notificationTypes"
+                    validation="required"
+                    v-model="notificationForm.type"
+                    help="Choose notification type"
+                  />
+
+                  <FormKit
+                    type="select"
+                    name="priority"
+                    label="Priority Level"
+                    :options="priorityLevels"
+                    validation="required"
+                    v-model="notificationForm.priority"
+                    help="Set the importance level of this notification"
+                  />
+
+                  <FormKit
+                    type="select"
+                    name="category"
+                    label="Category"
+                    :options="categoryOptions"
+                    validation="required"
+                    v-model="notificationForm.category"
+                    help="Categorize your notification for better organization"
+                  />
+                </div>
+
+                <!-- Right Column -->
+                <div class="space-y-4">
+                  <FormKit
+                    type="checkbox"
+                    name="channels"
+                    label="Delivery Channels"
+                    :options="channelOptions"
+                    validation="required|min:1"
+                    v-model="notificationForm.channels"
+                    decorator-icon="material-symbols:check"
+                    options-class="grid grid-cols-1 gap-y-2 pt-1"
+                    help="Select one or more delivery channels"
+                  />
+
+                  <FormKit
+                    v-if="notificationForm.channels.includes('email')"
+                    type="text"
+                    name="emailSubject"
+                    label="Email Subject Line"
+                    placeholder="Enter email subject"
+                    validation="required"
+                    v-model="notificationForm.emailSubject"
+                    help="This will be the email subject line"
+                  />
+
+                  <FormKit
+                    type="radio"
+                    name="deliveryType"
+                    label="Delivery Schedule"
+                    :options="deliveryTypes"
+                    validation="required"
+                    v-model="notificationForm.deliveryType"
+                    decorator-icon="material-symbols:radio-button-checked"
+                    options-class="space-y-3 pt-1"
+                  />
+
+                  <FormKit
+                    v-if="notificationForm.deliveryType === 'scheduled'"
+                    type="datetime-local"
+                    name="scheduledAt"
+                    label="Scheduled Date & Time"
+                    validation="required"
+                    v-model="notificationForm.scheduledAt"
+                    help="When should this notification be sent?"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <!-- Step 2: Target Audience -->
+            <div v-show="currentStep === 2" class="space-y-6">
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <div class="space-y-4">
+                  <FormKit
+                    type="radio"
+                    name="audienceType"
+                    label="Audience Selection"
+                    :options="audienceTypes"
+                    validation="required"
+                    v-model="notificationForm.audienceType"
+                    decorator-icon="material-symbols:radio-button-checked"
+                    options-class="space-y-3 pt-1"
+                  />
+
+                  <div
+                    v-if="notificationForm.audienceType === 'specific'"
+                    class="space-y-4 p-4 border rounded-lg bg-gray-50 dark:bg-gray-800"
+                  >
+                    <FormKit
+                      type="textarea"
+                      name="specificUsers"
+                      label="User IDs or Email Addresses"
+                      placeholder="Enter user IDs or emails, one per line"
+                      rows="4"
+                      v-model="notificationForm.specificUsers"
+                      help="Enter user IDs or email addresses, one per line"
+                    />
+                  </div>
+
+                  <div
+                    v-if="notificationForm.audienceType === 'segmented'"
+                    class="space-y-4 p-4 border rounded-lg bg-gray-50 dark:bg-gray-800"
+                  >
+                    <FormKit
+                      type="checkbox"
+                      name="userSegments"
+                      label="User Segments"
+                      :options="userSegmentOptions"
+                      v-model="notificationForm.userSegments"
+                      decorator-icon="material-symbols:check"
+                      options-class="grid grid-cols-1 gap-y-2 pt-1"
+                    />
+                  </div>
+                </div>
+
+                <div class="space-y-4">
+                  <div class="p-4 border rounded-lg bg-blue-50 dark:bg-blue-900/20">
+                    <h3 class="font-semibold text-blue-800 dark:text-blue-200 mb-2">
+                      Audience Preview
+                    </h3>
+                    <p class="text-sm text-blue-600 dark:text-blue-300">
+                      Estimated reach:
+                      <span class="font-bold">{{ estimatedReach }}</span>
+                      users
+                    </p>
+                  </div>
+
+                  <FormKit
+                    type="checkbox"
+                    name="excludeUnsubscribed"
+                    label="Exclude Unsubscribed Users"
+                    v-model="notificationForm.excludeUnsubscribed"
+                    help="Automatically exclude users who have unsubscribed"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <!-- Step 3: Content -->
+            <div v-show="currentStep === 3" class="space-y-6">
+              <FormKit
+                type="radio"
+                name="contentType"
+                label="Content Source"
+                :options="contentTypes"
+                validation="required"
+                v-model="notificationForm.contentType"
+                decorator-icon="material-symbols:radio-button-checked"
+                options-class="flex gap-8 pt-1"
+              />
+
+              <!-- Content Section -->
+              <div
+                v-if="notificationForm.contentType === 'template'"
+                class="space-y-4 p-4 border rounded-lg bg-gray-50 dark:bg-gray-800"
+              >
+                <div class="flex justify-between items-center">
+                  <h3 class="font-semibold">Select Notification Template</h3>
+                  <rs-button
+                    variant="outline"
+                    size="sm"
+                    @click="$router.push('/notification/templates')"
+                    type="button"
+                  >
+                    <Icon name="material-symbols:library-books-outline" class="mr-1" />
+                    Browse All Templates
+                  </rs-button>
+                </div>
+
+                <div class="grid grid-cols-1 gap-4">
+                  <!-- Template Selection -->
+                  <div>
+                    <FormKit
+                      type="select"
+                      name="selectedTemplate"
+                      label="Select Template"
+                      :options="templateOptions"
+                      validation="required"
+                      v-model="notificationForm.selectedTemplate"
+                      help="Choose from existing notification templates"
+                      :disabled="isLoadingTemplates"
+                    />
+                  </div>
+                </div>
+              </div>
+
+              <!-- Create New Content Section -->
+              <div v-if="notificationForm.contentType === 'new'" class="space-y-4">
+                <div
+                  v-if="notificationForm.channels.includes('push')"
+                  class="space-y-4 p-4 border rounded-lg bg-gray-50 dark:bg-gray-800"
+                >
+                  <h3 class="font-semibold">Push Notification Content</h3>
+                  <FormKit
+                    type="text"
+                    name="pushTitle"
+                    label="Push Title"
+                    placeholder="Enter push notification title"
+                    validation="required|length:0,50"
+                    v-model="notificationForm.pushTitle"
+                    help="Maximum 50 characters"
+                  />
+
+                  <FormKit
+                    type="textarea"
+                    name="pushBody"
+                    label="Push Message"
+                    placeholder="Enter push notification message"
+                    validation="required|length:0,150"
+                    rows="3"
+                    v-model="notificationForm.pushBody"
+                    help="Maximum 150 characters"
+                  />
+                </div>
+
+                <div
+                  v-if="notificationForm.channels.includes('email')"
+                  class="space-y-4 p-4 border rounded-lg bg-gray-50 dark:bg-gray-800"
+                >
+                  <h3 class="font-semibold">Email Content</h3>
+                  <FormKit
+                    type="textarea"
+                    name="emailContent"
+                    label="Email Body"
+                    validation="required"
+                    v-model="notificationForm.emailContent"
+                    rows="8"
+                    help="You can use HTML formatting"
+                  />
+
+                  <FormKit
+                    type="text"
+                    name="callToActionText"
+                    label="Call-to-Action Button Text (Optional)"
+                    placeholder="e.g., Learn More, Get Started"
+                    v-model="notificationForm.callToActionText"
+                  />
+
+                  <FormKit
+                    type="url"
+                    name="callToActionUrl"
+                    label="Call-to-Action URL (Optional)"
+                    placeholder="https://example.com"
+                    v-model="notificationForm.callToActionUrl"
+                  />
+                </div>
+              </div>
+
+              <!-- Preview -->
+              <div class="border rounded-lg p-4 bg-gray-50 dark:bg-gray-800">
+                <h4 class="font-semibold mb-3">Send Test Notification</h4>
+                <div class="flex gap-4 items-end">
+                  <FormKit
+                    type="email"
+                    name="testEmail"
+                    label="Test Email Address"
+                    placeholder="test@example.com"
+                    v-model="testEmail"
+                    outer-class="flex-1 mb-0"
+                  />
+                  <rs-button
+                    @click="sendTestNotification"
+                    variant="outline"
+                    type="button"
+                    :disabled="isSending"
+                  >
+                    <Icon name="material-symbols:send" class="mr-1" />
+                    Send Test
+                  </rs-button>
+                </div>
+              </div>
+            </div>
+
+            <!-- Step Navigation -->
+            <div class="flex justify-between items-center mt-8 pt-6 border-t">
+              <div class="flex gap-3">
+                <rs-button
+                  v-if="currentStep > 1"
+                  type="button"
+                  variant="outline"
+                  @click="previousStep"
+                >
+                  <Icon name="material-symbols:arrow-back" class="mr-1" />
+                  Previous
+                </rs-button>
+                <rs-button
+                  v-if="currentStep < totalSteps"
+                  type="button"
+                  variant="outline"
+                  @click="saveDraftNotification"
+                  :disabled="isSaving"
+                >
+                  <Icon name="material-symbols:save-as-outline" class="mr-1" />
+                  Save as Draft
+                </rs-button>
+              </div>
+
+              <div class="flex gap-3">
+                <rs-button
+                  type="button"
+                  variant="outline"
+                  @click="$router.push('/notification/list')"
+                >
+                  Cancel
+                </rs-button>
+                <rs-button
+                  v-if="currentStep < totalSteps"
+                  type="button"
+                  @click="nextStep"
+                  :disabled="!isCurrentStepValid"
+                  :class="{
+                    'opacity-50 cursor-not-allowed': !isCurrentStepValid,
+                  }"
+                >
+                  Next
+                  <Icon name="material-symbols:arrow-forward" class="ml-1" />
+                </rs-button>
+                <rs-button
+                  v-if="currentStep === totalSteps"
+                  type="submit"
+                  :disabled="!isFormValid || isSending"
+                  :class="{ 'opacity-50 cursor-not-allowed': !isFormValid || isSending }"
+                  @click="submitNotification"
+                >
+                  <Icon name="material-symbols:send" class="mr-1" />
+                  {{
+                    notificationForm.deliveryType === "immediate"
+                      ? "Send Now"
+                      : "Schedule Notification"
+                  }}
+                </rs-button>
+              </div>
+            </div>
+          </FormKit>
+        </div>
+      </template>
+    </rs-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, computed, watch } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import { useNotifications } from "~/composables/useNotifications";
+import { useDebounceFn } from "~/composables/useDebounceFn";
+
+definePageMeta({
+  title: "Create Notification",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal } = useNuxtApp();
+const router = useRouter();
+const route = useRoute();
+
+// Initialize notifications composable
+const {
+  isLoading: notificationLoading,
+  createNotification,
+  updateNotification,
+  getNotificationById,
+  saveDraft,
+  testSendNotification,
+  getAudiencePreview,
+} = useNotifications();
+
+// Step management
+const currentStep = ref(1);
+const totalSteps = ref(3);
+
+const steps = [
+  { title: "Basic Settings", key: "basic" },
+  { title: "Target Audience", key: "audience" },
+  { title: "Content", key: "content" },
+];
+
+// Reactive data
+const isEditMode = ref(!!route.query.id);
+const testEmail = ref("");
+const estimatedReachCount = ref(0);
+
+// Loading states
+const isLoadingTemplates = ref(false);
+const isSaving = ref(false);
+const isSending = ref(false);
+
+// Form data
+const notificationForm = ref({
+  title: "",
+  type: "single",
+  priority: "medium",
+  category: "",
+  channels: [],
+  emailSubject: "",
+  deliveryType: "immediate",
+  scheduledAt: "",
+  timezone: "UTC",
+  audienceType: "all",
+  specificUsers: "",
+  userSegments: [],
+  excludeUnsubscribed: true,
+  contentType: "new",
+  selectedTemplate: "",
+  pushTitle: "",
+  pushBody: "",
+  emailContent: "",
+  callToActionText: "",
+  callToActionUrl: "",
+});
+
+// Options for form fields
+const notificationTypes = [
+  { label: "Single Notification", value: "single" },
+  { label: "Bulk Notification", value: "bulk" },
+];
+
+const priorityLevels = [
+  { label: "Low", value: "low" },
+  { label: "Medium", value: "medium" },
+  { label: "High", value: "high" },
+  { label: "Critical", value: "critical" },
+];
+
+// Dynamic options loaded from API
+const categoryOptions = ref([
+  { label: "System", value: "system" },
+  { label: "Marketing", value: "marketing" },
+  { label: "Transactional", value: "transactional" },
+  { label: "Alerts", value: "alerts" },
+  { label: "Updates", value: "updates" },
+]);
+
+const templateOptions = ref([]);
+
+const channelOptions = [
+  { label: "Email", value: "email" },
+  { label: "Push Notification", value: "push" },
+  { label: "SMS", value: "sms" },
+];
+
+const deliveryTypes = [
+  { label: "Send Immediately", value: "immediate" },
+  { label: "Schedule for Later", value: "scheduled" },
+];
+
+const audienceTypes = [
+  { label: "All Users", value: "all" },
+  { label: "Specific Users", value: "specific" },
+  { label: "Segmented Users", value: "segmented" },
+];
+
+const userSegmentOptions = [
+  { label: "New Users (< 30 days)", value: "new_users" },
+  { label: "Active Users", value: "active_users" },
+  { label: "Premium Subscribers", value: "premium_users" },
+  { label: "Inactive Users", value: "inactive_users" },
+];
+
+const contentTypes = [
+  { label: "Create New Content", value: "new" },
+  { label: "Use Existing Template", value: "template" },
+];
+
+// Computed properties
+const estimatedReach = computed(() => {
+  if (estimatedReachCount.value > 0) {
+    return estimatedReachCount.value.toLocaleString();
+  }
+
+  // Fallback calculation while API data loads
+  if (notificationForm.value.audienceType === "all") {
+    return "15,000";
+  } else if (notificationForm.value.audienceType === "specific") {
+    const lines = notificationForm.value.specificUsers
+      .split("\n")
+      .filter((line) => line.trim());
+    return lines.length.toLocaleString();
+  } else if (notificationForm.value.audienceType === "segmented") {
+    return "5,000";
+  }
+  return "0";
+});
+
+const isFormValid = computed(() => {
+  return (
+    notificationForm.value.title &&
+    notificationForm.value.type &&
+    notificationForm.value.priority &&
+    notificationForm.value.category &&
+    notificationForm.value.channels.length > 0 &&
+    notificationForm.value.audienceType &&
+    (notificationForm.value.contentType === "template"
+      ? notificationForm.value.selectedTemplate
+      : (notificationForm.value.channels.includes("push")
+          ? notificationForm.value.pushTitle && notificationForm.value.pushBody
+          : true) &&
+        (notificationForm.value.channels.includes("email")
+          ? notificationForm.value.emailSubject && notificationForm.value.emailContent
+          : true))
+  );
+});
+
+// Computed properties for step validation
+const isCurrentStepValid = computed(() => {
+  switch (currentStep.value) {
+    case 1: // Basic Settings
+      return (
+        notificationForm.value.title &&
+        notificationForm.value.type &&
+        notificationForm.value.priority &&
+        notificationForm.value.category &&
+        notificationForm.value.channels.length > 0 &&
+        (!notificationForm.value.channels.includes("email") ||
+          notificationForm.value.emailSubject) &&
+        (notificationForm.value.deliveryType === "immediate" ||
+          notificationForm.value.scheduledAt)
+      );
+    case 2: // Target Audience
+      return (
+        notificationForm.value.audienceType &&
+        (notificationForm.value.audienceType !== "specific" ||
+          notificationForm.value.specificUsers.trim())
+      );
+    case 3: // Content
+      return (
+        notificationForm.value.contentType &&
+        (notificationForm.value.contentType === "template"
+          ? notificationForm.value.selectedTemplate
+          : (!notificationForm.value.channels.includes("push") ||
+              (notificationForm.value.pushTitle && notificationForm.value.pushBody)) &&
+            (!notificationForm.value.channels.includes("email") ||
+              notificationForm.value.emailContent))
+      );
+    default:
+      return false;
+  }
+});
+
+// API Methods
+const loadTemplates = async () => {
+  try {
+    isLoadingTemplates.value = true;
+    const response = await $fetch("/api/notifications/templates");
+    if (response.success) {
+      templateOptions.value = response.data.templates.map((template) => ({
+        label: template.title,
+        value: template.value,
+        id: template.id,
+        subject: template.subject,
+        emailContent: template.email_content,
+        pushTitle: template.push_title,
+        pushBody: template.push_body,
+      }));
+    }
+  } catch (error) {
+    console.error("Error loading templates:", error);
+    $swal.fire("Error", "Failed to load templates", "error");
+  } finally {
+    isLoadingTemplates.value = false;
+  }
+};
+
+// Debounced function for audience calculation
+const debouncedCalculateReach = useDebounceFn(calculateEstimatedReach, 500);
+
+async function calculateEstimatedReach() {
+  try {
+    const requestBody = {
+      audienceType: notificationForm.value.audienceType,
+      specificUsers: notificationForm.value.specificUsers,
+      userSegments: notificationForm.value.userSegments,
+      excludeUnsubscribed: notificationForm.value.excludeUnsubscribed,
+    };
+
+    const response = await getAudiencePreview(requestBody);
+
+    if (response.success) {
+      estimatedReachCount.value = response.data.totalCount;
+    }
+  } catch (error) {
+    console.error("Error calculating estimated reach:", error);
+    // Don't show error to user for background calculation
+  }
+}
+
+// Methods
+const sendTestNotification = async () => {
+  if (!testEmail.value) {
+    $swal.fire("Error", "Please enter a test email address", "error");
+    return;
+  }
+
+  try {
+    isSending.value = true;
+    const testData = {
+      email: testEmail.value,
+      testData: {
+        title: notificationForm.value.title,
+        channels: notificationForm.value.channels,
+        emailSubject: notificationForm.value.emailSubject,
+        emailContent: notificationForm.value.emailContent,
+        pushTitle: notificationForm.value.pushTitle,
+        pushBody: notificationForm.value.pushBody,
+        callToActionText: notificationForm.value.callToActionText,
+        callToActionUrl: notificationForm.value.callToActionUrl,
+      },
+    };
+
+    const response = await testSendNotification(testData);
+
+    if (response.success) {
+      $swal.fire("Success", `Test notification sent to ${testEmail.value}`, "success");
+    }
+  } catch (error) {
+    console.error("Error sending test notification:", error);
+    $swal.fire("Error", "Failed to send test notification", "error");
+  } finally {
+    isSending.value = false;
+  }
+};
+
+const saveDraftNotification = async () => {
+  try {
+    isSaving.value = true;
+    const response = await saveDraft(notificationForm.value);
+
+    if (response.success) {
+      $swal
+        .fire({
+          title: "Success",
+          text: "Notification saved as draft",
+          icon: "success",
+          confirmButtonText: "Continue Editing",
+          showCancelButton: true,
+          cancelButtonText: "Go to List",
+        })
+        .then((result) => {
+          if (!result.isConfirmed) {
+            router.push("/notification/list");
+          }
+        });
+    }
+  } catch (error) {
+    console.error("Error saving draft:", error);
+    $swal.fire("Error", "Failed to save draft", "error");
+  } finally {
+    isSaving.value = false;
+  }
+};
+
+const submitNotification = async () => {
+  if (!isFormValid.value) {
+    $swal.fire("Validation Error", "Please complete all required fields", "error");
+    return;
+  }
+
+  try {
+    isSending.value = true;
+
+    const response = isEditMode.value
+      ? await updateNotification(route.query.id, notificationForm.value)
+      : await createNotification(notificationForm.value);
+
+    if (response.success) {
+      const actionText =
+        notificationForm.value.deliveryType === "immediate" ? "sent" : "scheduled";
+
+      $swal
+        .fire({
+          title: "Success!",
+          text: `Notification has been ${actionText} successfully.`,
+          icon: "success",
+          confirmButtonText: "View List",
+        })
+        .then((result) => {
+          if (result.isConfirmed) {
+            router.push("/notification/list");
+          }
+        });
+    }
+  } catch (error) {
+    console.error("Error creating notification:", error);
+    const errorMessage = error.data?.message || "Failed to process notification";
+    $swal.fire("Error", errorMessage, "error");
+  } finally {
+    isSending.value = false;
+  }
+};
+
+// Load notification data if in edit mode
+const loadNotificationData = async (id) => {
+  try {
+    const notification = await getNotificationById(id);
+
+    if (notification) {
+      // Map notification data to form
+      notificationForm.value = {
+        title: notification.title,
+        type: notification.type,
+        priority: notification.priority,
+        category: notification.category_value,
+        channels: notification.channels.map((c) => c.channel_type),
+        emailSubject: notification.email_subject,
+        deliveryType: notification.delivery_type,
+        scheduledAt: notification.scheduled_at,
+        timezone: notification.timezone || "UTC",
+        audienceType: notification.audience_type,
+        specificUsers: notification.specific_users,
+        userSegments: notification.user_segments?.map((s) => s.value) || [],
+        excludeUnsubscribed: notification.exclude_unsubscribed,
+        contentType: notification.content_type,
+        selectedTemplate: notification.template_value,
+        pushTitle: notification.push_title,
+        pushBody: notification.push_body,
+        emailContent: notification.email_content,
+        callToActionText: notification.call_to_action_text,
+        callToActionUrl: notification.call_to_action_url,
+      };
+
+      // Update estimated reach
+      estimatedReachCount.value = notification.estimated_reach;
+    }
+  } catch (error) {
+    console.error("Error loading notification data:", error);
+    $swal.fire("Error", "Failed to load notification data", "error");
+  }
+};
+
+// Step navigation methods
+const nextStep = () => {
+  if (currentStep.value < totalSteps.value && isCurrentStepValid.value) {
+    currentStep.value++;
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  } else if (!isCurrentStepValid.value) {
+    $swal.fire(
+      "Incomplete Information",
+      "Please complete all required fields before proceeding",
+      "warning"
+    );
+  }
+};
+
+const previousStep = () => {
+  if (currentStep.value > 1) {
+    currentStep.value--;
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  }
+};
+
+// Watch for audience changes to calculate estimated reach
+watch(
+  () => [
+    notificationForm.value.audienceType,
+    notificationForm.value.specificUsers,
+    notificationForm.value.userSegments,
+    notificationForm.value.excludeUnsubscribed,
+  ],
+  () => {
+    // Use debounced function to avoid too many API calls
+    debouncedCalculateReach();
+  },
+  { deep: true }
+);
+
+onMounted(async () => {
+  // Load templates
+  await loadTemplates();
+
+  // Load data if editing existing notification
+  if (isEditMode.value && route.query.id) {
+    await loadNotificationData(route.query.id);
+  }
+});
+</script>
+
+<style scoped>
+/* Add any custom styles if needed */
+/* .formkit-input {
+  @apply appearance-none bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md py-2 px-3 text-base leading-normal focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-400 dark:focus:border-primary-400;
+} */
+</style>
diff --git a/pages/notification/dashboard/index.vue b/pages/notification/dashboard/index.vue
new file mode 100644
index 0000000..24bd4dc
--- /dev/null
+++ b/pages/notification/dashboard/index.vue
@@ -0,0 +1,391 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Header -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-dashboard"></Icon>
+            <h1 class="text-xl font-bold text-primary">Notification Dashboard</h1>
+          </div>
+          <rs-button size="sm" @click="refreshData">
+            <Icon :name="isRefreshing ? 'ic:outline-refresh' : 'ic:outline-refresh'" :class="{ 'animate-spin': isRefreshing }" class="mr-1"></Icon>
+            Refresh
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Overview of your notification system performance and statistics.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Loading State -->
+    <div v-if="isLoading" class="flex items-center justify-center py-12">
+      <Icon name="ic:outline-refresh" class="text-primary animate-spin" size="32" />
+    </div>
+
+    <div v-else>
+      <!-- Overview Stats Cards -->
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
+        <!-- Total Notifications -->
+        <rs-card class="transition-all duration-300 hover:shadow-lg">
+          <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+            <div class="p-5 flex justify-center items-center rounded-2xl bg-blue-100">
+              <Icon class="text-3xl text-blue-600" name="ic:outline-notifications"></Icon>
+            </div>
+            <div class="flex-1">
+              <span class="block font-bold text-2xl text-blue-600">
+                {{ overview.total || 0 }}
+              </span>
+              <span class="text-sm font-medium text-gray-600">Total Notifications</span>
+            </div>
+          </div>
+        </rs-card>
+
+        <!-- Sent Notifications -->
+        <rs-card class="transition-all duration-300 hover:shadow-lg">
+          <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+            <div class="p-5 flex justify-center items-center rounded-2xl bg-green-100">
+              <Icon class="text-3xl text-green-600" name="ic:outline-send"></Icon>
+            </div>
+            <div class="flex-1">
+              <span class="block font-bold text-2xl text-green-600">
+                {{ overview.sent || 0 }}
+              </span>
+              <span class="text-sm font-medium text-gray-600">Sent</span>
+              <div class="text-xs text-gray-500 mt-1">
+                <span v-if="overview.growthRate > 0" class="text-green-600">
+                  ↑ {{ overview.growthRate }}%
+                </span>
+                <span v-else-if="overview.growthRate < 0" class="text-red-600">
+                  ↓ {{ Math.abs(overview.growthRate) }}%
+                </span>
+                <span v-else class="text-gray-600">→ 0%</span>
+                vs last week
+              </div>
+            </div>
+          </div>
+        </rs-card>
+
+        <!-- Scheduled Notifications -->
+        <rs-card class="transition-all duration-300 hover:shadow-lg">
+          <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+            <div class="p-5 flex justify-center items-center rounded-2xl bg-orange-100">
+              <Icon class="text-3xl text-orange-600" name="ic:outline-schedule"></Icon>
+            </div>
+            <div class="flex-1">
+              <span class="block font-bold text-2xl text-orange-600">
+                {{ overview.scheduled || 0 }}
+              </span>
+              <span class="text-sm font-medium text-gray-600">Scheduled</span>
+            </div>
+          </div>
+        </rs-card>
+
+        <!-- Delivery Rate -->
+        <rs-card class="transition-all duration-300 hover:shadow-lg">
+          <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+            <div class="p-5 flex justify-center items-center rounded-2xl bg-purple-100">
+              <Icon class="text-3xl text-purple-600" name="ic:outline-check-circle"></Icon>
+            </div>
+            <div class="flex-1">
+              <span class="block font-bold text-2xl text-purple-600">
+                {{ delivery.deliveryRate || 0 }}%
+              </span>
+              <span class="text-sm font-medium text-gray-600">Delivery Rate</span>
+            </div>
+          </div>
+        </rs-card>
+      </div>
+
+      <!-- Delivery Stats Row -->
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
+        <!-- Total Recipients -->
+        <rs-card>
+          <div class="pt-5 pb-3 px-5">
+            <div class="flex items-center justify-between mb-2">
+              <span class="text-gray-600 text-sm">Total Recipients</span>
+              <Icon name="ic:outline-people" class="text-gray-400"></Icon>
+            </div>
+            <div class="flex items-baseline gap-2">
+              <span class="text-2xl font-bold">{{ delivery.totalRecipients || 0 }}</span>
+            </div>
+          </div>
+        </rs-card>
+
+        <!-- Successful Deliveries -->
+        <rs-card>
+          <div class="pt-5 pb-3 px-5">
+            <div class="flex items-center justify-between mb-2">
+              <span class="text-gray-600 text-sm">Successful</span>
+              <Icon name="ic:outline-check" class="text-green-500"></Icon>
+            </div>
+            <div class="flex items-baseline gap-2">
+              <span class="text-2xl font-bold text-green-600">{{ delivery.successful || 0 }}</span>
+            </div>
+          </div>
+        </rs-card>
+
+        <!-- Failed Deliveries -->
+        <rs-card>
+          <div class="pt-5 pb-3 px-5">
+            <div class="flex items-center justify-between mb-2">
+              <span class="text-gray-600 text-sm">Failed</span>
+              <Icon name="ic:outline-error" class="text-red-500"></Icon>
+            </div>
+            <div class="flex items-baseline gap-2">
+              <span class="text-2xl font-bold text-red-600">{{ delivery.failed || 0 }}</span>
+            </div>
+          </div>
+        </rs-card>
+      </div>
+
+      <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+        <!-- Channel Performance -->
+        <rs-card>
+          <template #header>
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-bar-chart"></Icon>
+              <h2 class="text-lg font-semibold text-primary">Channel Performance</h2>
+            </div>
+          </template>
+          <template #body>
+            <div v-if="channelPerformance.length === 0" class="text-center py-8 text-gray-500">
+              No channel data available
+            </div>
+            <div v-else class="space-y-4">
+              <div v-for="channel in channelPerformance" :key="channel.channel" class="border border-gray-200 rounded-lg p-4">
+                <div class="flex items-center justify-between mb-3">
+                  <div class="flex items-center gap-2">
+                    <Icon :name="getChannelIcon(channel.channel)" class="text-xl"></Icon>
+                    <span class="font-semibold capitalize">{{ channel.channel }}</span>
+                  </div>
+                  <rs-badge :variant="channel.successRate >= 90 ? 'success' : channel.successRate >= 70 ? 'warning' : 'danger'" size="sm">
+                    {{ channel.successRate }}% Success
+                  </rs-badge>
+                </div>
+                <div class="grid grid-cols-3 gap-3 text-sm">
+                  <div>
+                    <div class="text-gray-600">Total</div>
+                    <div class="font-semibold">{{ channel.totalSent }}</div>
+                  </div>
+                  <div>
+                    <div class="text-gray-600">Successful</div>
+                    <div class="font-semibold text-green-600">{{ channel.successful }}</div>
+                  </div>
+                  <div>
+                    <div class="text-gray-600">Failed</div>
+                    <div class="font-semibold text-red-600">{{ channel.failed }}</div>
+                  </div>
+                </div>
+                <!-- Progress Bar -->
+                <div class="mt-3">
+                  <div class="w-full bg-gray-200 rounded-full h-2">
+                    <div class="bg-green-500 h-2 rounded-full" :style="{ width: channel.successRate + '%' }"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </template>
+        </rs-card>
+
+        <!-- Top Categories -->
+        <rs-card>
+          <template #header>
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-category"></Icon>
+              <h2 class="text-lg font-semibold text-primary">Top Categories</h2>
+            </div>
+          </template>
+          <template #body>
+            <div v-if="topCategories.length === 0" class="text-center py-8 text-gray-500">
+              No category data available
+            </div>
+            <div v-else class="space-y-3">
+              <div v-for="(cat, index) in topCategories" :key="cat.categoryId" class="flex items-center justify-between p-3 border border-gray-200 rounded-lg">
+                <div class="flex items-center gap-3">
+                  <div class="w-8 h-8 flex items-center justify-center rounded-full bg-primary text-white font-bold text-sm">
+                    {{ index + 1 }}
+                  </div>
+                  <span class="font-medium">{{ cat.categoryName }}</span>
+                </div>
+                <rs-badge variant="primary">{{ cat.count }}</rs-badge>
+              </div>
+            </div>
+          </template>
+        </rs-card>
+      </div>
+
+      <!-- Recent Notifications -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-history"></Icon>
+              <h2 class="text-lg font-semibold text-primary">Recent Notifications</h2>
+            </div>
+            <NuxtLink to="/notification/list">
+              <rs-button size="sm" variant="outline">
+                View All
+              </rs-button>
+            </NuxtLink>
+          </div>
+        </template>
+        <template #body>
+          <div v-if="recentNotifications.length === 0" class="text-center py-8 text-gray-500">
+            No recent notifications
+          </div>
+          <div v-else class="overflow-x-auto">
+            <table class="min-w-full divide-y divide-gray-200">
+              <thead>
+                <tr>
+                  <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Title</th>
+                  <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Category</th>
+                  <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Channels</th>
+                  <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th>
+                  <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Recipients</th>
+                  <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Created</th>
+                </tr>
+              </thead>
+              <tbody class="divide-y divide-gray-200">
+                <tr v-for="notif in recentNotifications" :key="notif.id" class="hover:bg-gray-50">
+                  <td class="px-4 py-3">
+                    <NuxtLink :to="`/notification/view/${notif.id}`" class="text-primary hover:underline font-medium">
+                      {{ notif.title }}
+                    </NuxtLink>
+                  </td>
+                  <td class="px-4 py-3">
+                    <span class="text-sm">{{ notif.category }}</span>
+                  </td>
+                  <td class="px-4 py-3">
+                    <div class="flex gap-1">
+                      <Icon v-for="channel in notif.channels" :key="channel" :name="getChannelIcon(channel)" class="text-gray-600" size="18"></Icon>
+                    </div>
+                  </td>
+                  <td class="px-4 py-3">
+                    <rs-badge :variant="getStatusVariant(notif.status)" size="sm">
+                      {{ notif.status }}
+                    </rs-badge>
+                  </td>
+                  <td class="px-4 py-3">
+                    <span class="text-sm">{{ notif.recipientCount }}</span>
+                  </td>
+                  <td class="px-4 py-3">
+                    <span class="text-sm text-gray-600">{{ formatDate(notif.createdAt) }}</span>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </template>
+      </rs-card>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+
+definePageMeta({
+  title: 'Notification Dashboard',
+  middleware: ['auth'],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: 'Notification',
+      path: '/notification',
+    },
+    {
+      name: 'Dashboard',
+      path: '/notification/dashboard',
+      type: 'current',
+    },
+  ],
+});
+
+const isLoading = ref(false);
+const isRefreshing = ref(false);
+const overview = ref({});
+const delivery = ref({});
+const channelPerformance = ref([]);
+const topCategories = ref([]);
+const recentNotifications = ref([]);
+
+async function fetchDashboardData() {
+  try {
+    isLoading.value = true;
+
+    const [overviewData, recentData, channelData] = await Promise.all([
+      $fetch('/api/notifications/dashboard/overview'),
+      $fetch('/api/notifications/dashboard/recent?limit=10'),
+      $fetch('/api/notifications/dashboard/channel-performance'),
+    ]);
+
+    if (overviewData.success) {
+      overview.value = overviewData.data.overview;
+      delivery.value = overviewData.data.delivery;
+      topCategories.value = overviewData.data.topCategories;
+    }
+
+    if (recentData.success) {
+      recentNotifications.value = recentData.data;
+    }
+
+    if (channelData.success) {
+      channelPerformance.value = channelData.data;
+    }
+  } catch (error) {
+    console.error('Error fetching dashboard data:', error);
+  } finally {
+    isLoading.value = false;
+  }
+}
+
+async function refreshData() {
+  isRefreshing.value = true;
+  await fetchDashboardData();
+  isRefreshing.value = false;
+}
+
+function getChannelIcon(channel) {
+  const icons = {
+    email: 'ic:outline-email',
+    push: 'ic:outline-notifications',
+    sms: 'ic:outline-sms',
+  };
+  return icons[channel] || 'ic:outline-circle';
+}
+
+function getStatusVariant(status) {
+  const variants = {
+    draft: 'secondary',
+    scheduled: 'warning',
+    sending: 'primary',
+    sent: 'success',
+    failed: 'danger',
+  };
+  return variants[status] || 'secondary';
+}
+
+function formatDate(dateString) {
+  if (!dateString) return '-';
+  const date = new Date(dateString);
+  return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
+}
+
+onMounted(() => {
+  fetchDashboardData();
+
+  // Auto-refresh every 60 seconds
+  const interval = setInterval(fetchDashboardData, 60000);
+
+  // Cleanup on unmount
+  onUnmounted(() => clearInterval(interval));
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/notification/delivery/index.vue b/pages/notification/delivery/index.vue
new file mode 100644
index 0000000..8f1088a
--- /dev/null
+++ b/pages/notification/delivery/index.vue
@@ -0,0 +1,643 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Info Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-send"></Icon>
+          <h1 class="text-xl font-bold text-primary">Delivery Settings</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Configure email, push notification, and SMS delivery settings.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Loading Overlay -->
+    <div
+      v-if="isLoading"
+      class="fixed inset-0 blur-lg bg-opacity-50 z-50 flex items-center justify-center"
+    >
+      <div class="bg-white rounded-lg p-6 flex items-center space-x-4">
+        <Icon name="ic:outline-refresh" class="text-primary animate-spin" size="24" />
+        <span class="text-gray-700">Loading...</span>
+      </div>
+    </div>
+
+    <!-- Error Alert -->
+    <rs-alert
+      v-if="error"
+      variant="danger"
+      class="mb-6"
+      dismissible
+      @dismiss="error = null"
+    >
+      <template #icon>
+        <Icon name="ic:outline-error" />
+      </template>
+      {{ error }}
+    </rs-alert>
+
+    <!-- Channel Configuration -->
+    <div class="space-y-8 mb-6">
+      <!-- Email Configuration -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-email"></Icon>
+              <h2 class="text-lg font-semibold text-primary">Email Configuration</h2>
+            </div>
+            <rs-badge :variant="emailConfig.enabled ? 'success' : 'secondary'">
+              {{ emailConfig.enabled ? "Active" : "Disabled" }}
+            </rs-badge>
+          </div>
+        </template>
+        <template #body>
+          <div v-if="isLoading" class="flex items-center justify-center py-8">
+            <Icon name="ic:outline-refresh" class="text-primary animate-spin" size="24" />
+          </div>
+          <div v-else class="flex flex-col gap-4">
+            <div class="flex items-center justify-between">
+              <span class="font-medium">Enable Email Delivery</span>
+              <FormKit type="toggle" v-model="emailConfig.enabled" />
+            </div>
+            <FormKit
+              type="select"
+              label="Email Provider"
+              v-model="emailConfig.provider"
+              :options="emailProviders"
+              :disabled="!emailConfig.enabled"
+              class="w-full"
+            />
+            <!-- Provider Configuration -->
+            <div class="space-y-4">
+              <!-- Mailtrap Configuration -->
+              <div v-if="emailConfig.provider === 'mailtrap'">
+                <!-- Mailtrap Info Banner -->
+                <div class="p-4 bg-blue-50 border border-blue-200 rounded-lg mb-4">
+                  <div class="flex items-start gap-3">
+                    <Icon name="ic:outline-info" class="text-blue-600 text-xl mt-0.5"></Icon>
+                    <div class="text-sm">
+                      <p class="font-semibold text-blue-900 mb-1">Mailtrap SMTP Configuration</p>
+                      <p class="text-blue-700">
+                        Use <code class="px-1 py-0.5 bg-blue-100 rounded">live.smtp.mailtrap.io</code> for production sending.
+                        Port 587 (recommended) with STARTTLS.
+                      </p>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <FormKit
+                    type="text"
+                    label="SMTP Host"
+                    v-model="emailConfig.config.host"
+                    :disabled="!emailConfig.enabled"
+                    help="Use: live.smtp.mailtrap.io"
+                  />
+                  <FormKit
+                    type="number"
+                    label="SMTP Port"
+                    v-model="emailConfig.config.port"
+                    :disabled="!emailConfig.enabled"
+                    help="Recommended: 587"
+                  />
+                  <FormKit
+                    type="text"
+                    label="SMTP Username"
+                    v-model="emailConfig.config.user"
+                    :disabled="!emailConfig.enabled"
+                    help="Usually: apismtp@mailtrap.io"
+                  />
+                  <FormKit
+                    type="password"
+                    label="SMTP Password / API Token"
+                    v-model="emailConfig.config.pass"
+                    :disabled="!emailConfig.enabled"
+                    help="Your Mailtrap API token"
+                    validation="required"
+                  />
+                  <FormKit
+                    type="email"
+                    label="Sender Email"
+                    v-model="emailConfig.config.senderEmail"
+                    :disabled="!emailConfig.enabled"
+                    help="Email address that will appear as the sender of notifications"
+                    validation="required|email"
+                  />
+                  <FormKit
+                    type="text"
+                    label="Sender Name (Optional)"
+                    v-model="emailConfig.config.senderName"
+                    :disabled="!emailConfig.enabled"
+                    help="Name that will appear as the sender"
+                  />
+                </div>
+              </div>
+
+              <!-- AWS SES Configuration -->
+              <div v-if="emailConfig.provider === 'aws-ses'">
+                <!-- AWS SES Info Banner -->
+                <div class="p-4 bg-orange-50 border border-orange-200 rounded-lg mb-4">
+                  <div class="flex items-start gap-3">
+                    <Icon name="ic:outline-info" class="text-orange-600 text-xl mt-0.5"></Icon>
+                    <div class="text-sm">
+                      <p class="font-semibold text-orange-900 mb-1">AWS SES SMTP Configuration</p>
+                      <p class="text-orange-700">
+                        Use region-specific SMTP endpoint: <code class="px-1 py-0.5 bg-orange-100 rounded">email-smtp.&lt;region&gt;.amazonaws.com</code>
+                        (e.g., email-smtp.us-east-1.amazonaws.com). Port 587 with STARTTLS.
+                      </p>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                  <FormKit
+                    type="text"
+                    label="SMTP Host"
+                    v-model="emailConfig.config.host"
+                    :disabled="!emailConfig.enabled"
+                    help="e.g., email-smtp.us-east-1.amazonaws.com"
+                    placeholder="email-smtp.us-east-1.amazonaws.com"
+                  />
+                  <FormKit
+                    type="number"
+                    label="SMTP Port"
+                    v-model="emailConfig.config.port"
+                    :disabled="!emailConfig.enabled"
+                    help="Use 587 (STARTTLS) or 465 (TLS)"
+                  />
+                  <FormKit
+                    type="text"
+                    label="SMTP Username"
+                    v-model="emailConfig.config.user"
+                    :disabled="!emailConfig.enabled"
+                    help="Your AWS SES SMTP username (not IAM user)"
+                    placeholder="AKIAIOSFODNN7EXAMPLE"
+                  />
+                  <FormKit
+                    type="password"
+                    label="SMTP Password"
+                    v-model="emailConfig.config.pass"
+                    :disabled="!emailConfig.enabled"
+                    help="Your AWS SES SMTP password (not secret key)"
+                    validation="required"
+                  />
+                  <FormKit
+                    type="email"
+                    label="Sender Email"
+                    v-model="emailConfig.config.senderEmail"
+                    :disabled="!emailConfig.enabled"
+                    help="Must be verified in AWS SES"
+                    validation="required|email"
+                  />
+                  <FormKit
+                    type="text"
+                    label="Sender Name (Optional)"
+                    v-model="emailConfig.config.senderName"
+                    :disabled="!emailConfig.enabled"
+                    help="Name that will appear as the sender"
+                  />
+                  <FormKit
+                    type="text"
+                    label="AWS Region"
+                    v-model="emailConfig.config.region"
+                    :disabled="!emailConfig.enabled"
+                    help="AWS region where SES is configured"
+                    placeholder="us-east-1"
+                  />
+                  <FormKit
+                    type="text"
+                    label="Configuration Set (Optional)"
+                    v-model="emailConfig.config.configurationSet"
+                    :disabled="!emailConfig.enabled"
+                    help="AWS SES configuration set for tracking"
+                  />
+                </div>
+              </div>
+            </div>
+            <!-- Add more providers as needed -->
+            <div class="mt-6 p-4 bg-gray-50 rounded-lg flex flex-wrap gap-8">
+              <div>
+                <span class="text-gray-600">Status:</span>
+                <span class="ml-2 font-medium">{{ emailConfig.status }}</span>
+              </div>
+              <div>
+                <span class="text-gray-600">Success Rate:</span>
+                <span class="ml-2 font-medium">{{ emailConfig.successRate }}%</span>
+              </div>
+            </div>
+            <div class="flex justify-end">
+              <rs-button @click="saveEmailConfig" :disabled="isLoadingEmail">
+                <Icon
+                  :name="isLoadingEmail ? 'ic:outline-refresh' : 'ic:outline-save'"
+                  class="mr-1"
+                  :class="{ 'animate-spin': isLoadingEmail }"
+                />
+                {{ isLoadingEmail ? "Saving..." : "Save" }}
+              </rs-button>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+      <!-- Push Configuration -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-notifications"></Icon>
+              <h2 class="text-lg font-semibold text-primary">
+                Push Notification Configuration
+              </h2>
+            </div>
+            <rs-badge :variant="pushConfig.enabled ? 'success' : 'secondary'">
+              {{ pushConfig.enabled ? "Active" : "Disabled" }}
+            </rs-badge>
+          </div>
+        </template>
+        <template #body>
+          <div v-if="isLoading" class="flex items-center justify-center py-8">
+            <Icon name="ic:outline-refresh" class="text-primary animate-spin" size="24" />
+          </div>
+          <div v-else class="flex flex-col gap-4">
+            <div class="flex items-center justify-between">
+              <span class="font-medium">Enable Push Notifications</span>
+              <FormKit type="toggle" v-model="pushConfig.enabled" />
+            </div>
+            <FormKit
+              type="select"
+              label="Push Provider"
+              v-model="pushConfig.provider"
+              :options="pushProviders"
+              :disabled="!pushConfig.enabled"
+              class="w-full"
+            />
+            <!-- Provider-specific fields -->
+            <div
+              v-if="pushConfig.provider === 'firebase'"
+              class="grid grid-cols-1 md:grid-cols-2 gap-4"
+            >
+              <FormKit
+                type="text"
+                label="API Key"
+                v-model="pushConfig.config.apiKey"
+                :disabled="!pushConfig.enabled"
+              />
+              <FormKit
+                type="text"
+                label="Project ID"
+                v-model="pushConfig.config.projectId"
+                :disabled="!pushConfig.enabled"
+              />
+            </div>
+            <!-- Add more providers as needed -->
+            <div class="mt-6 p-4 bg-gray-50 rounded-lg flex flex-wrap gap-8">
+              <div>
+                <span class="text-gray-600">Status:</span>
+                <span class="ml-2 font-medium">{{ pushConfig.status }}</span>
+              </div>
+              <div>
+                <span class="text-gray-600">Success Rate:</span>
+                <span class="ml-2 font-medium">{{ pushConfig.successRate }}%</span>
+              </div>
+            </div>
+            <div class="flex justify-end">
+              <rs-button @click="savePushConfig" :disabled="isLoadingPush">
+                <Icon
+                  :name="isLoadingPush ? 'ic:outline-refresh' : 'ic:outline-save'"
+                  class="mr-1"
+                  :class="{ 'animate-spin': isLoadingPush }"
+                />
+                {{ isLoadingPush ? "Saving..." : "Save" }}
+              </rs-button>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+      <!-- SMS Configuration -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-sms"></Icon>
+              <h2 class="text-lg font-semibold text-primary">SMS Configuration</h2>
+            </div>
+            <rs-badge :variant="smsConfig.enabled ? 'success' : 'secondary'">
+              {{ smsConfig.enabled ? "Active" : "Disabled" }}
+            </rs-badge>
+          </div>
+        </template>
+        <template #body>
+          <div v-if="isLoading" class="flex items-center justify-center py-8">
+            <Icon name="ic:outline-refresh" class="text-primary animate-spin" size="24" />
+          </div>
+          <div v-else class="flex flex-col gap-4">
+            <div class="flex items-center justify-between">
+              <span class="font-medium">Enable SMS Delivery</span>
+              <FormKit type="toggle" v-model="smsConfig.enabled" />
+            </div>
+            <FormKit
+              type="select"
+              label="SMS Provider"
+              v-model="smsConfig.provider"
+              :options="smsProviders"
+              :disabled="!smsConfig.enabled"
+              class="w-full"
+            />
+            <!-- Provider-specific fields -->
+            <div
+              v-if="smsConfig.provider === 'twilio'"
+              class="grid grid-cols-1 md:grid-cols-2 gap-4"
+            >
+              <FormKit
+                type="text"
+                label="Account SID"
+                v-model="smsConfig.config.accountSid"
+                :disabled="!smsConfig.enabled"
+              />
+              <FormKit
+                type="password"
+                label="Auth Token"
+                v-model="smsConfig.config.authToken"
+                :disabled="!smsConfig.enabled"
+              />
+              <FormKit
+                type="text"
+                label="From Number"
+                v-model="smsConfig.config.from"
+                :disabled="!smsConfig.enabled"
+              />
+            </div>
+            <!-- Add more providers as needed -->
+            <div class="mt-6 p-4 bg-gray-50 rounded-lg flex flex-wrap gap-8">
+              <div>
+                <span class="text-gray-600">Status:</span>
+                <span class="ml-2 font-medium">{{ smsConfig.status }}</span>
+              </div>
+              <div>
+                <span class="text-gray-600">Success Rate:</span>
+                <span class="ml-2 font-medium">{{ smsConfig.successRate }}%</span>
+              </div>
+            </div>
+            <div class="flex justify-end">
+              <rs-button @click="saveSmsConfig" :disabled="isLoadingSms">
+                <Icon
+                  :name="isLoadingSms ? 'ic:outline-refresh' : 'ic:outline-save'"
+                  class="mr-1"
+                  :class="{ 'animate-spin': isLoadingSms }"
+                />
+                {{ isLoadingSms ? "Saving..." : "Save" }}
+              </rs-button>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, watch } from "vue";
+import { useToast } from "@/composables/useToast";
+import { useNotificationDelivery } from "@/composables/useNotificationDelivery";
+
+definePageMeta({
+  title: "Notification Delivery",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Delivery",
+      path: "/notification/delivery",
+      type: "current",
+    },
+  ],
+});
+
+// Email Configuration
+const emailConfig = ref({
+  enabled: true,
+  provider: "mailtrap",
+  config: {
+    host: "live.smtp.mailtrap.io",
+    port: 587,
+    user: "apismtp@mailtrap.io",
+    pass: "",
+    senderEmail: "",
+    senderName: "",
+  },
+  status: "Connected",
+  successRate: 99.2,
+});
+
+const emailProviders = [
+  { label: "Mailtrap", value: "mailtrap" },
+  { label: "AWS SES", value: "aws-ses" }
+];
+
+// Push Configuration
+const pushConfig = ref({
+  enabled: true,
+  provider: "firebase",
+  config: {
+    apiKey: "",
+    projectId: "",
+  },
+  status: "Connected",
+  successRate: 95.8,
+});
+
+const pushProviders = [{ label: "Firebase FCM", value: "firebase" }];
+
+// Add SMS config and providers
+const smsConfig = ref({
+  enabled: false,
+  provider: "twilio",
+  config: {
+    accountSid: "",
+    authToken: "",
+    from: "",
+  },
+  status: "Not Configured",
+  successRate: 0,
+});
+
+const smsProviders = [
+  { label: "Twilio", value: "twilio" },
+  // Add more providers as needed
+];
+
+const isLoadingEmail = ref(false);
+const isLoadingPush = ref(false);
+const isLoadingSms = ref(false);
+
+const toast = useToast();
+const {
+  isLoading,
+  error,
+  fetchDeliveryStats,
+  fetchEmailConfig,
+  fetchPushConfig,
+  fetchSmsConfig,
+  fetchDeliverySettings,
+  updateEmailConfig,
+  updatePushConfig,
+  updateSmsConfig,
+  updateDeliverySettings,
+} = useNotificationDelivery();
+
+// Store provider-specific configs
+const providerConfigs = ref({
+  mailtrap: null,
+  'aws-ses': null
+});
+
+// Methods
+async function refreshData() {
+  try {
+    isLoading.value = true;
+    const [emailData, pushData, smsData] = await Promise.all([
+      fetchEmailConfig(),
+      fetchPushConfig(),
+      fetchSmsConfig(),
+    ]);
+
+    // Store all provider configs
+    if (emailData.providers) {
+      providerConfigs.value = emailData.providers;
+    }
+
+    // Update email config with active provider
+    const activeProviderKey = emailData.activeProvider || emailData.provider;
+    const activeProviderData = emailData.providers?.[activeProviderKey] || emailData;
+
+    emailConfig.value = {
+      enabled: activeProviderData.enabled,
+      provider: activeProviderKey,
+      config: activeProviderData.config || {},
+      status: activeProviderData.status,
+      successRate: activeProviderData.successRate,
+    };
+
+    // Update push config
+    pushConfig.value = {
+      enabled: pushData.enabled,
+      provider: pushData.provider,
+      config: pushData.config || {},
+      status: pushData.status,
+      successRate: pushData.successRate,
+    };
+    // Update SMS config
+    smsConfig.value = {
+      enabled: smsData.enabled,
+      provider: smsData.provider,
+      config: smsData.config || {},
+      status: smsData.status,
+      successRate: smsData.successRate,
+    };
+  } catch (err) {
+    console.error("Error refreshing data:", err);
+    toast.error(err.message || "Failed to refresh data");
+  } finally {
+    isLoading.value = false;
+  }
+}
+
+async function saveEmailConfig() {
+  try {
+    isLoadingEmail.value = true;
+    await updateEmailConfig({
+      enabled: emailConfig.value.enabled,
+      provider: emailConfig.value.provider,
+      config: emailConfig.value.config,
+    });
+    toast.success("Email settings saved!");
+  } catch (err) {
+    toast.error(err.message || "Failed to save email settings");
+  } finally {
+    isLoadingEmail.value = false;
+  }
+}
+
+async function savePushConfig() {
+  try {
+    isLoadingPush.value = true;
+    await updatePushConfig({
+      enabled: pushConfig.value.enabled,
+      provider: pushConfig.value.provider,
+      config: pushConfig.value.config,
+    });
+    toast.success("Push settings saved!");
+  } catch (err) {
+    toast.error(err.message || "Failed to save push settings");
+  } finally {
+    isLoadingPush.value = false;
+  }
+}
+
+async function saveSmsConfig() {
+  try {
+    isLoadingSms.value = true;
+    await updateSmsConfig({
+      enabled: smsConfig.value.enabled,
+      provider: smsConfig.value.provider,
+      config: smsConfig.value.config,
+    });
+    toast.success("SMS settings saved!");
+  } catch (err) {
+    toast.error(err.message || "Failed to save SMS settings");
+  } finally {
+    isLoadingSms.value = false;
+  }
+}
+
+// Watch for provider changes and load saved config
+watch(() => emailConfig.value.provider, (newProvider) => {
+  if (providerConfigs.value[newProvider]) {
+    // Load saved config for this provider
+    const savedConfig = providerConfigs.value[newProvider];
+    emailConfig.value.config = savedConfig.config || {};
+    emailConfig.value.status = savedConfig.status;
+    emailConfig.value.successRate = savedConfig.successRate;
+  } else {
+    // Load default config for new provider
+    if (newProvider === 'mailtrap') {
+      emailConfig.value.config = {
+        host: 'live.smtp.mailtrap.io',
+        port: 587,
+        user: 'apismtp@mailtrap.io',
+        pass: '',
+        senderEmail: '',
+        senderName: '',
+      };
+    } else if (newProvider === 'aws-ses') {
+      emailConfig.value.config = {
+        host: '',
+        port: 587,
+        user: '',
+        pass: '',
+        senderEmail: '',
+        senderName: '',
+        region: 'us-east-1',
+        configurationSet: '',
+      };
+    }
+  }
+});
+
+// Load initial data
+onMounted(() => {
+  refreshData();
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/notification/delivery/monitor.vue b/pages/notification/delivery/monitor.vue
new file mode 100644
index 0000000..78e643c
--- /dev/null
+++ b/pages/notification/delivery/monitor.vue
@@ -0,0 +1,661 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Info Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-monitor"></Icon>
+          <h1 class="text-xl font-bold text-primary">Delivery Monitor</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Real-time monitoring of notification deliveries across all channels. Track individual messages, 
+          monitor batch progress, and analyze delivery performance with detailed metrics.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Real-time Metrics -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(metric, index) in realTimeMetrics"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-5 flex justify-center items-center rounded-2xl transition-all duration-300"
+            :class="metric.bgColor"
+          >
+            <Icon class="text-3xl" :name="metric.icon" :class="metric.iconColor"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight" :class="metric.textColor">
+              {{ metric.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ metric.title }}
+            </span>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Message Search & Filter -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h2 class="text-lg font-semibold text-primary">Message Tracking</h2>
+          <div class="flex gap-2">
+            <rs-button size="sm" variant="primary-outline" @click="refreshMessages">
+              <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+              Refresh
+            </rs-button>
+            <rs-button size="sm" variant="primary-outline" @click="showFilters = !showFilters">
+              <Icon class="mr-1" name="ic:outline-filter-list"></Icon>
+              Filters
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <!-- Search and Filters -->
+        <div class="mb-6 space-y-4">
+          <div class="flex gap-4">
+            <div class="flex-1">
+              <FormKit
+                type="text"
+                v-model="searchQuery"
+                placeholder="Search by message ID, recipient, or content..."
+                prefix-icon="search"
+              />
+            </div>
+            <div class="w-48">
+              <FormKit
+                type="select"
+                v-model="selectedChannel"
+                :options="channelFilterOptions"
+                placeholder="All Channels"
+              />
+            </div>
+          </div>
+          
+          <!-- Advanced Filters -->
+          <div v-if="showFilters" class="grid grid-cols-1 md:grid-cols-4 gap-4 p-4 bg-gray-50 rounded-lg">
+            <FormKit
+              type="select"
+              v-model="filters.status"
+              :options="statusFilterOptions"
+              label="Status"
+            />
+            <FormKit
+              type="select"
+              v-model="filters.priority"
+              :options="priorityFilterOptions"
+              label="Priority"
+            />
+            <FormKit
+              type="date"
+              v-model="filters.dateFrom"
+              label="From Date"
+            />
+            <FormKit
+              type="date"
+              v-model="filters.dateTo"
+              label="To Date"
+            />
+          </div>
+        </div>
+
+        <!-- Messages Table -->
+        <rs-table
+          :field="messageTableFields"
+          :data="filteredMessages"
+          :advanced="true"
+          :options="{ striped: true, hover: true }"
+          :optionsAdvanced="{
+            sortable: true,
+            filterable: true,
+            responsive: true,
+          }"
+          :pageSize="20"
+        >
+          <template #messageId="{ row }">
+            <button 
+              @click="viewMessageDetails(row)"
+              class="text-primary hover:underline font-mono text-sm"
+            >
+              {{ row.messageId }}
+            </button>
+          </template>
+
+          <template #status="{ row }">
+            <rs-badge :variant="getStatusVariant(row.status)" size="sm">
+              {{ row.status }}
+            </rs-badge>
+          </template>
+
+          <template #channel="{ row }">
+            <div class="flex items-center">
+              <Icon class="mr-2" :name="getChannelIcon(row.channel)"></Icon>
+              {{ row.channel }}
+            </div>
+          </template>
+
+          <template #priority="{ row }">
+            <rs-badge 
+              :variant="getPriorityVariant(row.priority)" 
+              size="sm"
+            >
+              {{ row.priority }}
+            </rs-badge>
+          </template>
+
+          <template #progress="{ row }">
+            <div class="w-full bg-gray-200 rounded-full h-2">
+              <div 
+                class="bg-blue-600 h-2 rounded-full transition-all duration-300"
+                :style="{ width: row.progress + '%' }"
+              ></div>
+            </div>
+            <div class="text-xs text-gray-500 mt-1">{{ row.progress }}%</div>
+          </template>
+
+          <template #actions="{ row }">
+            <div class="flex gap-2">
+              <rs-button 
+                size="sm" 
+                variant="primary-outline"
+                @click="viewMessageDetails(row)"
+              >
+                <Icon name="ic:outline-visibility"></Icon>
+              </rs-button>
+              <rs-button 
+                size="sm" 
+                variant="secondary-outline"
+                @click="retryMessage(row)"
+                v-if="row.status === 'failed'"
+              >
+                <Icon name="ic:outline-refresh"></Icon>
+              </rs-button>
+            </div>
+          </template>
+        </rs-table>
+      </template>
+    </rs-card>
+
+    <!-- Live Activity Feed -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+      
+      <!-- Real-time Activity -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-live-tv"></Icon>
+              <h2 class="text-lg font-semibold text-primary">Live Activity</h2>
+            </div>
+            <rs-badge variant="success" size="sm">Live</rs-badge>
+          </div>
+        </template>
+        <template #body>
+          <div class="space-y-3 max-h-96 overflow-y-auto">
+            <div 
+              v-for="activity in liveActivities"
+              :key="activity.id"
+              class="flex items-start gap-3 p-3 border border-gray-200 rounded-lg"
+            >
+              <Icon 
+                class="mt-1 flex-shrink-0"
+                :name="activity.icon"
+                :class="activity.iconColor"
+              ></Icon>
+              <div class="flex-1 min-w-0">
+                <div class="font-medium text-sm">{{ activity.message }}</div>
+                <div class="text-xs text-gray-500">{{ activity.timestamp }}</div>
+                <div v-if="activity.details" class="text-xs text-gray-600 mt-1">
+                  {{ activity.details }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Channel Performance -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-speed"></Icon>
+            <h2 class="text-lg font-semibold text-primary">Channel Performance</h2>
+          </div>
+        </template>
+        <template #body>
+          <div class="space-y-4">
+            <div 
+              v-for="channel in channelPerformance"
+              :key="channel.name"
+              class="border border-gray-200 rounded-lg p-4"
+            >
+              <div class="flex items-center justify-between mb-3">
+                <div class="flex items-center">
+                  <Icon class="mr-2" :name="channel.icon"></Icon>
+                  <span class="font-semibold">{{ channel.name }}</span>
+                </div>
+                <rs-badge :variant="channel.statusVariant" size="sm">
+                  {{ channel.status }}
+                </rs-badge>
+              </div>
+              
+              <div class="grid grid-cols-2 gap-4 text-sm">
+                <div>
+                  <div class="text-gray-600">Throughput</div>
+                  <div class="font-semibold">{{ channel.throughput }}/min</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Success Rate</div>
+                  <div class="font-semibold">{{ channel.successRate }}%</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Avg Latency</div>
+                  <div class="font-semibold">{{ channel.avgLatency }}ms</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Queue Size</div>
+                  <div class="font-semibold">{{ channel.queueSize }}</div>
+                </div>
+              </div>
+              
+              <!-- Performance Chart -->
+              <div class="mt-3">
+                <div class="text-xs text-gray-500 mb-1">Performance Trend</div>
+                <div class="w-full bg-gray-200 rounded-full h-2">
+                  <div 
+                    class="h-2 rounded-full transition-all duration-300"
+                    :class="channel.performanceClass"
+                    :style="{ width: channel.performanceScore + '%' }"
+                  ></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+    </div>
+
+    <!-- Message Details Modal -->
+    <rs-modal v-model="showMessageModal" size="lg">
+      <template #header>
+        <h3 class="text-lg font-semibold">Message Details</h3>
+      </template>
+      <template #body>
+        <div v-if="selectedMessage" class="space-y-6">
+          
+          <!-- Message Info -->
+          <div class="grid grid-cols-2 gap-4">
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Message ID</label>
+              <div class="font-mono text-sm">{{ selectedMessage.messageId }}</div>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Status</label>
+              <rs-badge :variant="getStatusVariant(selectedMessage.status)">
+                {{ selectedMessage.status }}
+              </rs-badge>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Channel</label>
+              <div class="flex items-center">
+                <Icon class="mr-2" :name="getChannelIcon(selectedMessage.channel)"></Icon>
+                {{ selectedMessage.channel }}
+              </div>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Priority</label>
+              <rs-badge :variant="getPriorityVariant(selectedMessage.priority)">
+                {{ selectedMessage.priority }}
+              </rs-badge>
+            </div>
+          </div>
+
+          <!-- Delivery Timeline -->
+          <div>
+            <label class="block text-sm font-medium text-gray-500 mb-3">Delivery Timeline</label>
+            <div class="space-y-3">
+              <div 
+                v-for="event in selectedMessage.timeline"
+                :key="event.id"
+                class="flex items-center gap-3"
+              >
+                <div class="w-3 h-3 rounded-full" :class="event.statusColor"></div>
+                <div class="flex-1">
+                  <div class="font-medium text-sm">{{ event.status }}</div>
+                  <div class="text-xs text-gray-500">{{ event.timestamp }}</div>
+                  <div v-if="event.details" class="text-xs text-gray-600">{{ event.details }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Message Content -->
+          <div>
+            <label class="block text-sm font-medium text-gray-500 mb-1">Content</label>
+            <div class="bg-gray-50 rounded-lg p-3 text-sm">
+              <div><strong>To:</strong> {{ selectedMessage.recipient }}</div>
+              <div><strong>Subject:</strong> {{ selectedMessage.subject }}</div>
+              <div class="mt-2"><strong>Body:</strong></div>
+              <div class="mt-1">{{ selectedMessage.content }}</div>
+            </div>
+          </div>
+
+          <!-- Provider Response -->
+          <div v-if="selectedMessage.providerResponse">
+            <label class="block text-sm font-medium text-gray-500 mb-1">Provider Response</label>
+            <div class="bg-gray-50 rounded-lg p-3">
+              <pre class="text-xs">{{ JSON.stringify(selectedMessage.providerResponse, null, 2) }}</pre>
+            </div>
+          </div>
+
+        </div>
+      </template>
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <rs-button variant="outline" @click="showMessageModal = false">Close</rs-button>
+          <rs-button 
+            variant="primary" 
+            @click="retryMessage(selectedMessage)"
+            v-if="selectedMessage?.status === 'failed'"
+          >
+            Retry Message
+          </rs-button>
+        </div>
+      </template>
+    </rs-modal>
+
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Delivery Monitor",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Delivery Engine",
+      path: "/notification/delivery",
+    },
+    {
+      name: "Monitor",
+      path: "/notification/delivery/monitor",
+      type: "current",
+    },
+  ],
+});
+
+import { ref, computed, onMounted, onUnmounted } from "vue";
+
+// State
+const showFilters = ref(false);
+const showMessageModal = ref(false);
+const selectedMessage = ref(null);
+const searchQuery = ref("");
+const selectedChannel = ref("");
+
+// Filters
+const filters = ref({
+  status: "",
+  priority: "",
+  dateFrom: "",
+  dateTo: "",
+});
+
+// Real-time metrics
+const realTimeMetrics = ref([
+  {
+    title: "Messages/Min",
+    value: "1,247",
+    icon: "ic:outline-speed",
+    bgColor: "bg-blue-100",
+    iconColor: "text-blue-600",
+    textColor: "text-blue-600",
+  },
+  {
+    title: "Success Rate",
+    value: "98.7%",
+    icon: "ic:outline-check-circle",
+    bgColor: "bg-green-100",
+    iconColor: "text-green-600",
+    textColor: "text-green-600",
+  },
+  {
+    title: "Failed/Retrying",
+    value: "23",
+    icon: "ic:outline-error",
+    bgColor: "bg-red-100",
+    iconColor: "text-red-600",
+    textColor: "text-red-600",
+  },
+  {
+    title: "Avg Latency",
+    value: "1.2s",
+    icon: "ic:outline-timer",
+    bgColor: "bg-purple-100",
+    iconColor: "text-purple-600",
+    textColor: "text-purple-600",
+  },
+]);
+
+// Filter options
+const channelFilterOptions = [
+  { label: "All Channels", value: "" },
+  { label: "Email", value: "email" },
+  { label: "SMS", value: "sms" },
+  { label: "Push", value: "push" },
+  { label: "In-App", value: "inapp" },
+];
+
+const statusFilterOptions = [
+  { label: "All Status", value: "" },
+  { label: "Queued", value: "queued" },
+  { label: "Sent", value: "sent" },
+  { label: "Delivered", value: "delivered" },
+  { label: "Opened", value: "opened" },
+  { label: "Failed", value: "failed" },
+  { label: "Bounced", value: "bounced" },
+];
+
+const priorityFilterOptions = [
+  { label: "All Priorities", value: "" },
+  { label: "Critical", value: "critical" },
+  { label: "High", value: "high" },
+  { label: "Medium", value: "medium" },
+  { label: "Low", value: "low" },
+];
+
+// Table configuration
+const messageTableFields = ref([
+  { key: "messageId", label: "Message ID", sortable: true },
+  { key: "recipient", label: "Recipient", sortable: true },
+  { key: "channel", label: "Channel", sortable: true },
+  { key: "status", label: "Status", sortable: true },
+  { key: "priority", label: "Priority", sortable: true },
+  { key: "createdAt", label: "Created", sortable: true },
+  { key: "progress", label: "Progress", sortable: false },
+  { key: "actions", label: "Actions", sortable: false },
+]);
+
+// Sample messages data
+const messages = ref([
+  {
+    messageId: "msg_001",
+    recipient: "user@example.com",
+    channel: "Email",
+    status: "delivered",
+    priority: "high",
+    createdAt: "2024-01-15 10:30:00",
+    progress: 100,
+    subject: "Welcome to our platform",
+    content: "Thank you for joining us...",
+    timeline: [
+      { id: 1, status: "Queued", timestamp: "2024-01-15 10:30:00", statusColor: "bg-blue-500", details: "Message queued for processing" },
+      { id: 2, status: "Sent", timestamp: "2024-01-15 10:30:15", statusColor: "bg-yellow-500", details: "Sent via SendGrid" },
+      { id: 3, status: "Delivered", timestamp: "2024-01-15 10:30:18", statusColor: "bg-green-500", details: "Successfully delivered" },
+    ],
+    providerResponse: { messageId: "sg_abc123", status: "delivered" },
+  },
+  // Add more sample data...
+]);
+
+// Live activities
+const liveActivities = ref([
+  {
+    id: 1,
+    message: "Email batch completed",
+    timestamp: "Just now",
+    icon: "ic:outline-email",
+    iconColor: "text-green-500",
+    details: "1,250 emails sent successfully",
+  },
+  {
+    id: 2,
+    message: "SMS delivery in progress",
+    timestamp: "2 seconds ago",
+    icon: "ic:outline-sms",
+    iconColor: "text-blue-500",
+    details: "89/120 messages delivered",
+  },
+  // Add more activities...
+]);
+
+// Channel performance
+const channelPerformance = ref([
+  {
+    name: "Email",
+    icon: "ic:outline-email",
+    status: "Healthy",
+    statusVariant: "success",
+    throughput: "1,200",
+    successRate: 99.2,
+    avgLatency: 800,
+    queueSize: 45,
+    performanceScore: 95,
+    performanceClass: "bg-green-500",
+  },
+  {
+    name: "SMS",
+    icon: "ic:outline-sms",
+    status: "Warning",
+    statusVariant: "warning",
+    throughput: "450",
+    successRate: 97.8,
+    avgLatency: 2100,
+    queueSize: 123,
+    performanceScore: 78,
+    performanceClass: "bg-yellow-500",
+  },
+  // Add more channels...
+]);
+
+// Computed
+const filteredMessages = computed(() => {
+  let filtered = messages.value;
+  
+  if (searchQuery.value) {
+    filtered = filtered.filter(msg => 
+      msg.messageId.toLowerCase().includes(searchQuery.value.toLowerCase()) ||
+      msg.recipient.toLowerCase().includes(searchQuery.value.toLowerCase())
+    );
+  }
+  
+  if (selectedChannel.value) {
+    filtered = filtered.filter(msg => msg.channel.toLowerCase() === selectedChannel.value);
+  }
+  
+  if (filters.value.status) {
+    filtered = filtered.filter(msg => msg.status === filters.value.status);
+  }
+  
+  if (filters.value.priority) {
+    filtered = filtered.filter(msg => msg.priority === filters.value.priority);
+  }
+  
+  return filtered;
+});
+
+// Methods
+function getStatusVariant(status) {
+  const variants = {
+    queued: "info",
+    sent: "warning",
+    delivered: "success",
+    opened: "success",
+    failed: "danger",
+    bounced: "danger",
+  };
+  return variants[status] || "secondary";
+}
+
+function getChannelIcon(channel) {
+  const icons = {
+    Email: "ic:outline-email",
+    SMS: "ic:outline-sms",
+    Push: "ic:outline-notifications",
+    "In-App": "ic:outline-app-registration",
+  };
+  return icons[channel] || "ic:outline-help";
+}
+
+function getPriorityVariant(priority) {
+  const variants = {
+    critical: "danger",
+    high: "warning",
+    medium: "info",
+    low: "secondary",
+  };
+  return variants[priority] || "secondary";
+}
+
+function viewMessageDetails(message) {
+  selectedMessage.value = message;
+  showMessageModal.value = true;
+}
+
+function retryMessage(message) {
+  console.log("Retrying message:", message.messageId);
+  // Implementation for retrying failed messages
+}
+
+function refreshMessages() {
+  console.log("Refreshing messages...");
+  // Implementation for refreshing message list
+}
+
+// Auto-refresh every 10 seconds
+let refreshInterval;
+onMounted(() => {
+  refreshInterval = setInterval(() => {
+    refreshMessages();
+  }, 10000);
+});
+
+onUnmounted(() => {
+  if (refreshInterval) {
+    clearInterval(refreshInterval);
+  }
+});
+</script>
+
+<style lang="scss" scoped></style> 
\ No newline at end of file
diff --git a/pages/notification/delivery/providers.vue b/pages/notification/delivery/providers.vue
new file mode 100644
index 0000000..151167c
--- /dev/null
+++ b/pages/notification/delivery/providers.vue
@@ -0,0 +1,805 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Info Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-extension"></Icon>
+          <h1 class="text-xl font-bold text-primary">Provider Management</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Configure and manage third-party notification service providers. Set up
+          credentials, fallback rules, and monitor provider performance across all
+          channels.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Provider Overview Stats -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(stat, index) in providerStats"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-5 flex justify-center items-center rounded-2xl transition-all duration-300"
+            :class="stat.bgColor"
+          >
+            <Icon class="text-3xl" :name="stat.icon" :class="stat.iconColor"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight" :class="stat.textColor">
+              {{ stat.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ stat.title }}
+            </span>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Providers by Channel -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+      <!-- Email Providers -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-email"></Icon>
+              <h2 class="text-lg font-semibold text-primary">Email Providers</h2>
+            </div>
+            <rs-button size="sm" variant="primary-outline" @click="addProvider('email')">
+              <Icon class="mr-1" name="ic:outline-add"></Icon>
+              Add Provider
+            </rs-button>
+          </div>
+        </template>
+        <template #body>
+          <div class="space-y-4">
+            <div
+              v-for="provider in emailProviders"
+              :key="provider.id"
+              class="border border-gray-200 rounded-lg p-4"
+            >
+              <div class="flex items-center justify-between mb-3">
+                <div class="flex items-center">
+                  <Icon class="mr-2 text-2xl" :name="provider.icon"></Icon>
+                  <div>
+                    <div class="font-semibold">{{ provider.name }}</div>
+                    <div class="text-sm text-gray-600">{{ provider.description }}</div>
+                  </div>
+                </div>
+                <div class="flex items-center gap-2">
+                  <rs-badge
+                    :variant="provider.status === 'active' ? 'success' : 'danger'"
+                    size="sm"
+                  >
+                    {{ provider.status }}
+                  </rs-badge>
+                  <rs-button
+                    size="sm"
+                    variant="secondary-outline"
+                    @click="configureProvider(provider)"
+                  >
+                    <Icon name="ic:outline-settings"></Icon>
+                  </rs-button>
+                </div>
+              </div>
+              <div class="grid grid-cols-3 gap-4 text-sm">
+                <div>
+                  <div class="text-gray-600">Success Rate</div>
+                  <div class="font-semibold">{{ provider.successRate }}%</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Quota Used</div>
+                  <div class="font-semibold">{{ provider.quotaUsed }}%</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Priority</div>
+                  <div class="font-semibold">{{ provider.priority }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- SMS Providers -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-sms"></Icon>
+              <h2 class="text-lg font-semibold text-primary">SMS Providers</h2>
+            </div>
+            <rs-button size="sm" variant="primary-outline" @click="addProvider('sms')">
+              <Icon class="mr-1" name="ic:outline-add"></Icon>
+              Add Provider
+            </rs-button>
+          </div>
+        </template>
+        <template #body>
+          <div class="space-y-4">
+            <div
+              v-for="provider in smsProviders"
+              :key="provider.id"
+              class="border border-gray-200 rounded-lg p-4"
+            >
+              <div class="flex items-center justify-between mb-3">
+                <div class="flex items-center">
+                  <Icon class="mr-2 text-2xl" :name="provider.icon"></Icon>
+                  <div>
+                    <div class="font-semibold">{{ provider.name }}</div>
+                    <div class="text-sm text-gray-600">{{ provider.description }}</div>
+                  </div>
+                </div>
+                <div class="flex items-center gap-2">
+                  <rs-badge
+                    :variant="provider.status === 'active' ? 'success' : 'danger'"
+                    size="sm"
+                  >
+                    {{ provider.status }}
+                  </rs-badge>
+                  <rs-button
+                    size="sm"
+                    variant="secondary-outline"
+                    @click="configureProvider(provider)"
+                  >
+                    <Icon name="ic:outline-settings"></Icon>
+                  </rs-button>
+                </div>
+              </div>
+              <div class="grid grid-cols-3 gap-4 text-sm">
+                <div>
+                  <div class="text-gray-600">Success Rate</div>
+                  <div class="font-semibold">{{ provider.successRate }}%</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Quota Used</div>
+                  <div class="font-semibold">{{ provider.quotaUsed }}%</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Priority</div>
+                  <div class="font-semibold">{{ provider.priority }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Push Providers -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-notifications"></Icon>
+              <h2 class="text-lg font-semibold text-primary">Push Providers</h2>
+            </div>
+            <rs-button size="sm" variant="primary-outline" @click="addProvider('push')">
+              <Icon class="mr-1" name="ic:outline-add"></Icon>
+              Add Provider
+            </rs-button>
+          </div>
+        </template>
+        <template #body>
+          <div class="space-y-4">
+            <div
+              v-for="provider in pushProviders"
+              :key="provider.id"
+              class="border border-gray-200 rounded-lg p-4"
+            >
+              <div class="flex items-center justify-between mb-3">
+                <div class="flex items-center">
+                  <Icon class="mr-2 text-2xl" :name="provider.icon"></Icon>
+                  <div>
+                    <div class="font-semibold">{{ provider.name }}</div>
+                    <div class="text-sm text-gray-600">{{ provider.description }}</div>
+                  </div>
+                </div>
+                <div class="flex items-center gap-2">
+                  <rs-badge
+                    :variant="provider.status === 'active' ? 'success' : 'danger'"
+                    size="sm"
+                  >
+                    {{ provider.status }}
+                  </rs-badge>
+                  <rs-button
+                    size="sm"
+                    variant="secondary-outline"
+                    @click="configureProvider(provider)"
+                  >
+                    <Icon name="ic:outline-settings"></Icon>
+                  </rs-button>
+                </div>
+              </div>
+              <div class="grid grid-cols-3 gap-4 text-sm">
+                <div>
+                  <div class="text-gray-600">Success Rate</div>
+                  <div class="font-semibold">{{ provider.successRate }}%</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Quota Used</div>
+                  <div class="font-semibold">{{ provider.quotaUsed }}%</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Priority</div>
+                  <div class="font-semibold">{{ provider.priority }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Webhook Providers -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-webhook"></Icon>
+              <h2 class="text-lg font-semibold text-primary">Webhook Endpoints</h2>
+            </div>
+            <rs-button
+              size="sm"
+              variant="primary-outline"
+              @click="addProvider('webhook')"
+            >
+              <Icon class="mr-1" name="ic:outline-add"></Icon>
+              Add Webhook
+            </rs-button>
+          </div>
+        </template>
+        <template #body>
+          <div class="space-y-4">
+            <div
+              v-for="provider in webhookProviders"
+              :key="provider.id"
+              class="border border-gray-200 rounded-lg p-4"
+            >
+              <div class="flex items-center justify-between mb-3">
+                <div class="flex items-center">
+                  <Icon class="mr-2 text-2xl" :name="provider.icon"></Icon>
+                  <div>
+                    <div class="font-semibold">{{ provider.name }}</div>
+                    <div class="text-sm text-gray-600 font-mono">{{ provider.url }}</div>
+                  </div>
+                </div>
+                <div class="flex items-center gap-2">
+                  <rs-badge
+                    :variant="provider.status === 'active' ? 'success' : 'danger'"
+                    size="sm"
+                  >
+                    {{ provider.status }}
+                  </rs-badge>
+                  <rs-button
+                    size="sm"
+                    variant="secondary-outline"
+                    @click="configureProvider(provider)"
+                  >
+                    <Icon name="ic:outline-settings"></Icon>
+                  </rs-button>
+                </div>
+              </div>
+              <div class="grid grid-cols-3 gap-4 text-sm">
+                <div>
+                  <div class="text-gray-600">Success Rate</div>
+                  <div class="font-semibold">{{ provider.successRate }}%</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Avg Response</div>
+                  <div class="font-semibold">{{ provider.avgResponse }}ms</div>
+                </div>
+                <div>
+                  <div class="text-gray-600">Last Used</div>
+                  <div class="font-semibold">{{ provider.lastUsed }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+    </div>
+
+    <!-- Fallback Configuration -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-alt-route"></Icon>
+            <h2 class="text-lg font-semibold text-primary">Fallback Configuration</h2>
+          </div>
+          <rs-button
+            size="sm"
+            variant="primary-outline"
+            @click="showFallbackModal = true"
+          >
+            <Icon class="mr-1" name="ic:outline-add"></Icon>
+            Add Rule
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div class="space-y-4">
+          <div
+            v-for="rule in fallbackRules"
+            :key="rule.id"
+            class="border border-gray-200 rounded-lg p-4"
+          >
+            <div class="flex items-center justify-between mb-3">
+              <div>
+                <div class="font-semibold">{{ rule.name }}</div>
+                <div class="text-sm text-gray-600">{{ rule.description }}</div>
+              </div>
+              <div class="flex items-center gap-2">
+                <rs-badge :variant="rule.enabled ? 'success' : 'secondary'" size="sm">
+                  {{ rule.enabled ? "Active" : "Disabled" }}
+                </rs-badge>
+                <rs-button
+                  size="sm"
+                  variant="secondary-outline"
+                  @click="editFallbackRule(rule)"
+                >
+                  <Icon name="ic:outline-edit"></Icon>
+                </rs-button>
+              </div>
+            </div>
+            <div class="text-sm space-y-2">
+              <div class="flex items-center gap-2">
+                <span class="text-gray-600">Primary:</span>
+                <span class="font-medium">{{ rule.primary }}</span>
+                <Icon name="ic:outline-arrow-forward" class="text-gray-400"></Icon>
+                <span class="text-gray-600">Fallback:</span>
+                <span class="font-medium">{{ rule.fallback }}</span>
+              </div>
+              <div>
+                <span class="text-gray-600">Trigger:</span>
+                <span class="font-medium">{{ rule.trigger }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Provider Configuration Modal -->
+    <rs-modal v-model="showProviderModal" size="lg">
+      <template #header>
+        <h3 class="text-lg font-semibold">
+          {{ selectedProvider ? "Configure" : "Add" }} Provider
+        </h3>
+      </template>
+      <template #body>
+        <div v-if="selectedProvider" class="space-y-6">
+          <!-- Basic Info -->
+          <div class="grid grid-cols-2 gap-4">
+            <FormKit
+              type="text"
+              v-model="providerForm.name"
+              label="Provider Name"
+              placeholder="Enter provider name"
+            />
+            <FormKit
+              type="select"
+              v-model="providerForm.channel"
+              label="Channel"
+              :options="channelOptions"
+            />
+          </div>
+
+          <!-- Provider-specific Configuration -->
+          <div v-if="providerForm.channel === 'email'">
+            <h4 class="font-semibold mb-3">Email Configuration</h4>
+            <div class="grid grid-cols-2 gap-4">
+              <FormKit
+                type="select"
+                v-model="providerForm.provider"
+                label="Provider Type"
+                :options="emailProviderOptions"
+              />
+              <FormKit
+                type="password"
+                v-model="providerForm.apiKey"
+                label="API Key"
+                placeholder="Enter API key"
+              />
+              <FormKit
+                type="password"
+                v-model="providerForm.apiSecret"
+                label="API Secret"
+                placeholder="Enter API secret"
+              />
+              <FormKit
+                type="text"
+                v-model="providerForm.fromEmail"
+                label="From Email"
+                placeholder="noreply@example.com"
+              />
+            </div>
+          </div>
+
+          <div v-if="providerForm.channel === 'sms'">
+            <h4 class="font-semibold mb-3">SMS Configuration</h4>
+            <div class="grid grid-cols-2 gap-4">
+              <FormKit
+                type="select"
+                v-model="providerForm.provider"
+                label="Provider Type"
+                :options="smsProviderOptions"
+              />
+              <FormKit
+                type="text"
+                v-model="providerForm.accountSid"
+                label="Account SID"
+                placeholder="Enter account SID"
+              />
+              <FormKit
+                type="password"
+                v-model="providerForm.authToken"
+                label="Auth Token"
+                placeholder="Enter auth token"
+              />
+              <FormKit
+                type="text"
+                v-model="providerForm.fromNumber"
+                label="From Number"
+                placeholder="+1234567890"
+              />
+            </div>
+          </div>
+
+          <!-- Priority & Limits -->
+          <div>
+            <h4 class="font-semibold mb-3">Priority & Limits</h4>
+            <div class="grid grid-cols-3 gap-4">
+              <FormKit
+                type="number"
+                v-model="providerForm.priority"
+                label="Priority"
+                placeholder="1-10"
+                min="1"
+                max="10"
+              />
+              <FormKit
+                type="number"
+                v-model="providerForm.rateLimit"
+                label="Rate Limit (per minute)"
+                placeholder="100"
+              />
+              <FormKit
+                type="number"
+                v-model="providerForm.dailyQuota"
+                label="Daily Quota"
+                placeholder="10000"
+              />
+            </div>
+          </div>
+
+          <!-- Test Connection -->
+          <div class="border border-gray-200 rounded-lg p-4">
+            <h4 class="font-semibold mb-3">Test Connection</h4>
+            <div class="flex items-center gap-3">
+              <rs-button variant="secondary" @click="testProviderConnection">
+                <Icon class="mr-1" name="ic:outline-wifi-tethering"></Icon>
+                Test Connection
+              </rs-button>
+              <div v-if="connectionTestResult" class="flex items-center gap-2">
+                <Icon
+                  :name="
+                    connectionTestResult.success
+                      ? 'ic:outline-check-circle'
+                      : 'ic:outline-error'
+                  "
+                  :class="
+                    connectionTestResult.success ? 'text-green-500' : 'text-red-500'
+                  "
+                ></Icon>
+                <span
+                  :class="
+                    connectionTestResult.success ? 'text-green-600' : 'text-red-600'
+                  "
+                >
+                  {{ connectionTestResult.message }}
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <rs-button variant="outline" @click="showProviderModal = false"
+            >Cancel</rs-button
+          >
+          <rs-button variant="primary" @click="saveProvider">Save Provider</rs-button>
+        </div>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Provider Management",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Delivery Engine",
+      path: "/notification/delivery",
+    },
+    {
+      name: "Providers",
+      path: "/notification/delivery/providers",
+      type: "current",
+    },
+  ],
+});
+
+import { ref, reactive } from "vue";
+
+// Modal states
+const showProviderModal = ref(false);
+const showFallbackModal = ref(false);
+const selectedProvider = ref(null);
+const connectionTestResult = ref(null);
+
+// Provider form
+const providerForm = reactive({
+  name: "",
+  channel: "",
+  provider: "",
+  apiKey: "",
+  apiSecret: "",
+  accountSid: "",
+  authToken: "",
+  fromEmail: "",
+  fromNumber: "",
+  priority: 5,
+  rateLimit: 100,
+  dailyQuota: 10000,
+});
+
+// Statistics
+const providerStats = ref([
+  {
+    title: "Active Providers",
+    value: "12",
+    icon: "ic:outline-verified",
+    bgColor: "bg-green-100",
+    iconColor: "text-green-600",
+    textColor: "text-green-600",
+  },
+  {
+    title: "Total Messages Today",
+    value: "28.5K",
+    icon: "ic:outline-send",
+    bgColor: "bg-blue-100",
+    iconColor: "text-blue-600",
+    textColor: "text-blue-600",
+  },
+  {
+    title: "Avg Success Rate",
+    value: "98.2%",
+    icon: "ic:outline-trending-up",
+    bgColor: "bg-purple-100",
+    iconColor: "text-purple-600",
+    textColor: "text-purple-600",
+  },
+  {
+    title: "Failed Providers",
+    value: "1",
+    icon: "ic:outline-error",
+    bgColor: "bg-red-100",
+    iconColor: "text-red-600",
+    textColor: "text-red-600",
+  },
+]);
+
+// Provider data
+const emailProviders = ref([
+  {
+    id: 1,
+    name: "Mailtrap",
+    description: "Primary email delivery service (SMTP)",
+    icon: "ic:outline-email",
+    status: "active",
+    successRate: 99.5,
+    quotaUsed: 45,
+    priority: 1,
+  },
+  {
+    id: 2,
+    name: "AWS SES",
+    description: "Scalable email service from AWS",
+    icon: "ic:outline-cloud",
+    status: "inactive",
+    successRate: 99.0,
+    quotaUsed: 0,
+    priority: 2,
+  },
+]);
+
+const smsProviders = ref([
+  {
+    id: 4,
+    name: "Twilio",
+    description: "Primary SMS service",
+    icon: "ic:outline-sms",
+    status: "active",
+    successRate: 97.8,
+    quotaUsed: 78,
+    priority: 1,
+  },
+  {
+    id: 5,
+    name: "Nexmo",
+    description: "International SMS fallback",
+    icon: "ic:outline-sms",
+    status: "active",
+    successRate: 96.5,
+    quotaUsed: 34,
+    priority: 2,
+  },
+]);
+
+const pushProviders = ref([
+  {
+    id: 6,
+    name: "Firebase FCM",
+    description: "Android push notifications",
+    icon: "ic:outline-notifications",
+    status: "active",
+    successRate: 95.4,
+    quotaUsed: 45,
+    priority: 1,
+  },
+  {
+    id: 7,
+    name: "Apple APNs",
+    description: "iOS push notifications",
+    icon: "ic:outline-phone-iphone",
+    status: "active",
+    successRate: 94.8,
+    quotaUsed: 52,
+    priority: 1,
+  },
+]);
+
+const webhookProviders = ref([
+  {
+    id: 8,
+    name: "CRM Webhook",
+    url: "https://api.crm.com/webhooks/delivery",
+    icon: "ic:outline-webhook",
+    status: "active",
+    successRate: 99.1,
+    avgResponse: 150,
+    lastUsed: "2 min ago",
+  },
+  {
+    id: 9,
+    name: "Analytics Webhook",
+    url: "https://analytics.example.com/webhook",
+    icon: "ic:outline-analytics",
+    status: "active",
+    successRate: 98.7,
+    avgResponse: 89,
+    lastUsed: "5 min ago",
+  },
+]);
+
+// Fallback rules
+const fallbackRules = ref([
+  {
+    id: 1,
+    name: "Email Provider Failover",
+    description: "Switch from SendGrid to Mailgun on failure",
+    primary: "SendGrid",
+    fallback: "Mailgun",
+    trigger: "API error or rate limit exceeded",
+    enabled: true,
+  },
+  {
+    id: 2,
+    name: "SMS Provider Failover",
+    description: "Switch from Twilio to Nexmo on failure",
+    primary: "Twilio",
+    fallback: "Nexmo",
+    trigger: "Delivery failure or timeout",
+    enabled: true,
+  },
+  {
+    id: 3,
+    name: "Email to SMS Fallback",
+    description: "Send SMS if email delivery fails",
+    primary: "Email Channel",
+    fallback: "SMS Channel",
+    trigger: "Hard bounce or 30s timeout",
+    enabled: false,
+  },
+]);
+
+// Form options
+const channelOptions = [
+  { label: "Email", value: "email" },
+  { label: "SMS", value: "sms" },
+  { label: "Push Notification", value: "push" },
+  { label: "Webhook", value: "webhook" },
+];
+
+const emailProviderOptions = [
+  { label: "Mailtrap", value: "mailtrap" },
+  { label: "AWS SES", value: "aws-ses" },
+];
+
+const smsProviderOptions = [
+  { label: "Twilio", value: "twilio" },
+  { label: "Nexmo", value: "nexmo" },
+  { label: "CM.com", value: "cm" },
+];
+
+// Methods
+function addProvider(channel) {
+  selectedProvider.value = null;
+  providerForm.channel = channel;
+  providerForm.name = "";
+  providerForm.provider = "";
+  showProviderModal.value = true;
+}
+
+function configureProvider(provider) {
+  selectedProvider.value = provider;
+  // Populate form with provider data
+  providerForm.name = provider.name;
+  showProviderModal.value = true;
+}
+
+function saveProvider() {
+  console.log("Saving provider:", providerForm);
+  showProviderModal.value = false;
+  // Reset form
+  Object.keys(providerForm).forEach((key) => {
+    if (typeof providerForm[key] === "string") providerForm[key] = "";
+    if (typeof providerForm[key] === "number") providerForm[key] = 0;
+  });
+}
+
+function testProviderConnection() {
+  console.log("Testing provider connection...");
+  connectionTestResult.value = null;
+
+  // Simulate connection test
+  setTimeout(() => {
+    connectionTestResult.value = {
+      success: Math.random() > 0.3,
+      message:
+        Math.random() > 0.3
+          ? "Connection successful"
+          : "Connection failed - Check credentials",
+    };
+  }, 2000);
+}
+
+function editFallbackRule(rule) {
+  console.log("Editing fallback rule:", rule);
+  // Implementation for editing fallback rules
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/notification/delivery/webhooks.vue b/pages/notification/delivery/webhooks.vue
new file mode 100644
index 0000000..245d12a
--- /dev/null
+++ b/pages/notification/delivery/webhooks.vue
@@ -0,0 +1,822 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Info Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-webhook"></Icon>
+          <h1 class="text-xl font-bold text-primary">Webhook Management</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Configure and manage webhook endpoints for delivery status updates. Monitor webhook performance, 
+          manage retry policies, and view delivery logs.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Webhook Statistics -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(stat, index) in webhookStats"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-5 flex justify-center items-center rounded-2xl transition-all duration-300"
+            :class="stat.bgColor"
+          >
+            <Icon class="text-3xl" :name="stat.icon" :class="stat.iconColor"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight" :class="stat.textColor">
+              {{ stat.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ stat.title }}
+            </span>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Webhook Endpoints -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-webhook"></Icon>
+            <h2 class="text-lg font-semibold text-primary">Webhook Endpoints</h2>
+          </div>
+          <rs-button variant="primary" @click="showAddWebhookModal = true">
+            <Icon class="mr-1" name="ic:outline-add"></Icon>
+            Add Webhook
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div class="space-y-4">
+          <div 
+            v-for="webhook in webhooks"
+            :key="webhook.id"
+            class="border border-gray-200 rounded-lg p-4"
+          >
+            <div class="flex items-start justify-between mb-4">
+              <div class="flex-1">
+                <div class="flex items-center gap-3 mb-2">
+                  <h3 class="font-semibold text-lg">{{ webhook.name }}</h3>
+                  <rs-badge :variant="webhook.enabled ? 'success' : 'secondary'" size="sm">
+                    {{ webhook.enabled ? 'Active' : 'Disabled' }}
+                  </rs-badge>
+                  <rs-badge :variant="getHealthVariant(webhook.health)" size="sm">
+                    {{ webhook.health }}
+                  </rs-badge>
+                </div>
+                <div class="text-sm text-gray-600 mb-2">{{ webhook.description }}</div>
+                <div class="font-mono text-sm bg-gray-50 p-2 rounded">{{ webhook.url }}</div>
+              </div>
+              <div class="flex gap-2 ml-4">
+                <rs-button size="sm" variant="secondary-outline" @click="editWebhook(webhook)">
+                  <Icon name="ic:outline-edit"></Icon>
+                </rs-button>
+                <rs-button size="sm" variant="secondary-outline" @click="testWebhook(webhook)">
+                  <Icon name="ic:outline-send"></Icon>
+                </rs-button>
+                <rs-button size="sm" variant="danger-outline" @click="deleteWebhook(webhook)">
+                  <Icon name="ic:outline-delete"></Icon>
+                </rs-button>
+              </div>
+            </div>
+
+            <!-- Webhook Details -->
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+              <div>
+                <label class="block text-xs font-medium text-gray-500 mb-1">Events</label>
+                <div class="flex flex-wrap gap-1">
+                  <rs-badge 
+                    v-for="event in webhook.events"
+                    :key="event"
+                    variant="info"
+                    size="xs"
+                  >
+                    {{ event }}
+                  </rs-badge>
+                </div>
+              </div>
+              <div>
+                <label class="block text-xs font-medium text-gray-500 mb-1">Success Rate</label>
+                <div class="font-semibold">{{ webhook.successRate }}%</div>
+              </div>
+              <div>
+                <label class="block text-xs font-medium text-gray-500 mb-1">Avg Response Time</label>
+                <div class="font-semibold">{{ webhook.avgResponseTime }}ms</div>
+              </div>
+            </div>
+
+            <!-- Performance Chart -->
+            <div class="mb-4">
+              <label class="block text-xs font-medium text-gray-500 mb-2">Performance Trend (24h)</label>
+              <div class="w-full bg-gray-200 rounded-full h-2">
+                <div 
+                  class="h-2 rounded-full transition-all duration-300"
+                  :class="getPerformanceClass(webhook.performance)"
+                  :style="{ width: webhook.performance + '%' }"
+                ></div>
+              </div>
+              <div class="text-xs text-gray-500 mt-1">{{ webhook.performance }}% performance score</div>
+            </div>
+
+            <!-- Recent Deliveries -->
+            <div>
+              <label class="block text-xs font-medium text-gray-500 mb-2">Recent Deliveries</label>
+              <div class="space-y-2">
+                <div 
+                  v-for="delivery in webhook.recentDeliveries"
+                  :key="delivery.id"
+                  class="flex items-center justify-between p-2 bg-gray-50 rounded text-sm"
+                >
+                  <div class="flex items-center gap-2">
+                    <Icon 
+                      :name="delivery.success ? 'ic:outline-check-circle' : 'ic:outline-error'"
+                      :class="delivery.success ? 'text-green-500' : 'text-red-500'"
+                    ></Icon>
+                    <span>{{ delivery.event }}</span>
+                    <span class="text-gray-500">{{ delivery.timestamp }}</span>
+                  </div>
+                  <div class="flex items-center gap-2">
+                    <span class="text-gray-500">{{ delivery.responseTime }}ms</span>
+                    <span :class="delivery.success ? 'text-green-600' : 'text-red-600'">
+                      {{ delivery.status }}
+                    </span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Delivery Logs -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-history"></Icon>
+            <h2 class="text-lg font-semibold text-primary">Delivery Logs</h2>
+          </div>
+          <div class="flex gap-2">
+            <rs-button size="sm" variant="secondary-outline" @click="refreshLogs">
+              <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+              Refresh
+            </rs-button>
+            <rs-button size="sm" variant="secondary-outline" @click="exportLogs">
+              <Icon class="mr-1" name="ic:outline-download"></Icon>
+              Export
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <!-- Filters -->
+        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
+          <FormKit
+            type="select"
+            v-model="logFilters.webhook"
+            :options="webhookFilterOptions"
+            placeholder="All Webhooks"
+            label="Webhook"
+          />
+          <FormKit
+            type="select"
+            v-model="logFilters.event"
+            :options="eventFilterOptions"
+            placeholder="All Events"
+            label="Event"
+          />
+          <FormKit
+            type="select"
+            v-model="logFilters.status"
+            :options="statusFilterOptions"
+            placeholder="All Statuses"
+            label="Status"
+          />
+          <FormKit
+            type="date"
+            v-model="logFilters.date"
+            label="Date"
+          />
+        </div>
+
+        <!-- Logs Table -->
+        <rs-table
+          :field="logTableFields"
+          :data="filteredLogs"
+          :advanced="true"
+          :options="{ striped: true, hover: true }"
+          :optionsAdvanced="{
+            sortable: true,
+            filterable: true,
+            responsive: true,
+          }"
+          :pageSize="20"
+        >
+          <template #webhook="{ row }">
+            <div class="font-medium">{{ row.webhookName }}</div>
+            <div class="text-xs text-gray-500">{{ row.url }}</div>
+          </template>
+
+          <template #event="{ row }">
+            <rs-badge variant="info" size="sm">
+              {{ row.event }}
+            </rs-badge>
+          </template>
+
+          <template #status="{ row }">
+            <rs-badge :variant="row.success ? 'success' : 'danger'" size="sm">
+              {{ row.status }}
+            </rs-badge>
+          </template>
+
+          <template #responseTime="{ row }">
+            <span :class="row.responseTime > 1000 ? 'text-red-600' : 'text-green-600'">
+              {{ row.responseTime }}ms
+            </span>
+          </template>
+
+          <template #actions="{ row }">
+            <div class="flex gap-2">
+              <rs-button 
+                size="sm" 
+                variant="primary-outline"
+                @click="viewLogDetails(row)"
+              >
+                <Icon name="ic:outline-visibility"></Icon>
+              </rs-button>
+              <rs-button 
+                size="sm" 
+                variant="secondary-outline"
+                @click="retryWebhook(row)"
+                v-if="!row.success"
+              >
+                <Icon name="ic:outline-refresh"></Icon>
+              </rs-button>
+            </div>
+          </template>
+        </rs-table>
+      </template>
+    </rs-card>
+
+    <!-- Add/Edit Webhook Modal -->
+    <rs-modal v-model="showAddWebhookModal" size="lg">
+      <template #header>
+        <h3 class="text-lg font-semibold">{{ editingWebhook ? 'Edit' : 'Add' }} Webhook</h3>
+      </template>
+      <template #body>
+        <div class="space-y-6">
+          
+          <!-- Basic Information -->
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <FormKit
+              type="text"
+              v-model="webhookForm.name"
+              label="Webhook Name"
+              placeholder="Enter webhook name"
+              validation="required"
+            />
+            <FormKit
+              type="url"
+              v-model="webhookForm.url"
+              label="Endpoint URL"
+              placeholder="https://api.example.com/webhook"
+              validation="required|url"
+            />
+          </div>
+
+          <FormKit
+            type="textarea"
+            v-model="webhookForm.description"
+            label="Description"
+            placeholder="Describe what this webhook is used for"
+            rows="2"
+          />
+
+          <!-- Events Selection -->
+          <div>
+            <label class="block text-sm font-medium text-gray-700 mb-3">Events to Subscribe</label>
+            <div class="grid grid-cols-2 md:grid-cols-3 gap-3">
+              <div 
+                v-for="event in availableEvents"
+                :key="event.value"
+                class="flex items-center"
+              >
+                <FormKit
+                  type="checkbox"
+                  v-model="webhookForm.events"
+                  :value="event.value"
+                  :label="event.label"
+                />
+              </div>
+            </div>
+          </div>
+
+          <!-- Security -->
+          <div>
+            <h4 class="font-semibold mb-3">Security Settings</h4>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <FormKit
+                type="password"
+                v-model="webhookForm.secret"
+                label="Secret Key"
+                placeholder="Optional secret for signature verification"
+                help="Used to sign webhook payloads for verification"
+              />
+              <FormKit
+                type="select"
+                v-model="webhookForm.authType"
+                label="Authentication Type"
+                :options="authTypeOptions"
+              />
+            </div>
+            <div v-if="webhookForm.authType === 'bearer'" class="mt-4">
+              <FormKit
+                type="password"
+                v-model="webhookForm.bearerToken"
+                label="Bearer Token"
+                placeholder="Enter bearer token"
+              />
+            </div>
+            <div v-if="webhookForm.authType === 'basic'" class="grid grid-cols-2 gap-4 mt-4">
+              <FormKit
+                type="text"
+                v-model="webhookForm.username"
+                label="Username"
+                placeholder="Enter username"
+              />
+              <FormKit
+                type="password"
+                v-model="webhookForm.password"
+                label="Password"
+                placeholder="Enter password"
+              />
+            </div>
+          </div>
+
+          <!-- Retry Settings -->
+          <div>
+            <h4 class="font-semibold mb-3">Retry Settings</h4>
+            <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
+              <FormKit
+                type="number"
+                v-model="webhookForm.maxRetries"
+                label="Max Retries"
+                placeholder="3"
+                min="0"
+                max="10"
+              />
+              <FormKit
+                type="number"
+                v-model="webhookForm.retryDelay"
+                label="Retry Delay (seconds)"
+                placeholder="60"
+                min="1"
+                max="3600"
+              />
+              <FormKit
+                type="number"
+                v-model="webhookForm.timeout"
+                label="Timeout (seconds)"
+                placeholder="30"
+                min="1"
+                max="300"
+              />
+            </div>
+          </div>
+
+          <!-- Test Webhook -->
+          <div class="border border-gray-200 rounded-lg p-4">
+            <h4 class="font-semibold mb-3">Test Webhook</h4>
+            <div class="flex items-center gap-3">
+              <rs-button variant="secondary" @click="testWebhookEndpoint">
+                <Icon class="mr-1" name="ic:outline-send"></Icon>
+                Send Test
+              </rs-button>
+              <div v-if="testResult" class="flex items-center gap-2">
+                <Icon 
+                  :name="testResult.success ? 'ic:outline-check-circle' : 'ic:outline-error'"
+                  :class="testResult.success ? 'text-green-500' : 'text-red-500'"
+                ></Icon>
+                <span :class="testResult.success ? 'text-green-600' : 'text-red-600'">
+                  {{ testResult.message }}
+                </span>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </template>
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <rs-button variant="outline" @click="showAddWebhookModal = false">Cancel</rs-button>
+          <rs-button variant="primary" @click="saveWebhook">
+            {{ editingWebhook ? 'Update' : 'Create' }} Webhook
+          </rs-button>
+        </div>
+      </template>
+    </rs-modal>
+
+    <!-- Log Details Modal -->
+    <rs-modal v-model="showLogModal" size="lg">
+      <template #header>
+        <h3 class="text-lg font-semibold">Webhook Delivery Details</h3>
+      </template>
+      <template #body>
+        <div v-if="selectedLog" class="space-y-6">
+          
+          <!-- Basic Info -->
+          <div class="grid grid-cols-2 gap-4">
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Webhook</label>
+              <div class="font-medium">{{ selectedLog.webhookName }}</div>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Event</label>
+              <rs-badge variant="info">{{ selectedLog.event }}</rs-badge>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Status</label>
+              <rs-badge :variant="selectedLog.success ? 'success' : 'danger'">
+                {{ selectedLog.status }}
+              </rs-badge>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Response Time</label>
+              <div class="font-medium">{{ selectedLog.responseTime }}ms</div>
+            </div>
+          </div>
+
+          <!-- Request Details -->
+          <div>
+            <label class="block text-sm font-medium text-gray-500 mb-1">Request Payload</label>
+            <div class="bg-gray-50 rounded-lg p-3">
+              <pre class="text-xs overflow-x-auto">{{ JSON.stringify(selectedLog.payload, null, 2) }}</pre>
+            </div>
+          </div>
+
+          <!-- Response Details -->
+          <div>
+            <label class="block text-sm font-medium text-gray-500 mb-1">Response</label>
+            <div class="bg-gray-50 rounded-lg p-3">
+              <div class="text-sm mb-2">
+                <strong>Status Code:</strong> {{ selectedLog.responseCode }}
+              </div>
+              <div class="text-sm mb-2">
+                <strong>Headers:</strong>
+              </div>
+              <pre class="text-xs overflow-x-auto mb-2">{{ JSON.stringify(selectedLog.responseHeaders, null, 2) }}</pre>
+              <div class="text-sm mb-2">
+                <strong>Body:</strong>
+              </div>
+              <pre class="text-xs overflow-x-auto">{{ selectedLog.responseBody }}</pre>
+            </div>
+          </div>
+
+          <!-- Error Details (if any) -->
+          <div v-if="selectedLog.error">
+            <label class="block text-sm font-medium text-gray-500 mb-1">Error Details</label>
+            <div class="bg-red-50 border border-red-200 rounded-lg p-3">
+              <div class="text-sm text-red-800">{{ selectedLog.error }}</div>
+            </div>
+          </div>
+
+        </div>
+      </template>
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <rs-button variant="outline" @click="showLogModal = false">Close</rs-button>
+          <rs-button 
+            variant="primary" 
+            @click="retryWebhook(selectedLog)"
+            v-if="!selectedLog?.success"
+          >
+            Retry Delivery
+          </rs-button>
+        </div>
+      </template>
+    </rs-modal>
+
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Webhook Management",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Delivery Engine",
+      path: "/notification/delivery",
+    },
+    {
+      name: "Webhooks",
+      path: "/notification/delivery/webhooks",
+      type: "current",
+    },
+  ],
+});
+
+import { ref, reactive, computed } from "vue";
+
+// Modal states
+const showAddWebhookModal = ref(false);
+const showLogModal = ref(false);
+const editingWebhook = ref(null);
+const selectedLog = ref(null);
+const testResult = ref(null);
+
+// Form data
+const webhookForm = reactive({
+  name: "",
+  url: "",
+  description: "",
+  events: [],
+  secret: "",
+  authType: "none",
+  bearerToken: "",
+  username: "",
+  password: "",
+  maxRetries: 3,
+  retryDelay: 60,
+  timeout: 30,
+  enabled: true,
+});
+
+// Filter states
+const logFilters = reactive({
+  webhook: "",
+  event: "",
+  status: "",
+  date: "",
+});
+
+// Statistics
+const webhookStats = ref([
+  {
+    title: "Active Webhooks",
+    value: "8",
+    icon: "ic:outline-webhook",
+    bgColor: "bg-blue-100",
+    iconColor: "text-blue-600",
+    textColor: "text-blue-600",
+  },
+  {
+    title: "Deliveries Today",
+    value: "1.2K",
+    icon: "ic:outline-send",
+    bgColor: "bg-green-100",
+    iconColor: "text-green-600",
+    textColor: "text-green-600",
+  },
+  {
+    title: "Success Rate",
+    value: "98.5%",
+    icon: "ic:outline-trending-up",
+    bgColor: "bg-purple-100",
+    iconColor: "text-purple-600",
+    textColor: "text-purple-600",
+  },
+  {
+    title: "Failed Deliveries",
+    value: "18",
+    icon: "ic:outline-error",
+    bgColor: "bg-red-100",
+    iconColor: "text-red-600",
+    textColor: "text-red-600",
+  },
+]);
+
+// Webhook data
+const webhooks = ref([
+  {
+    id: 1,
+    name: "CRM Integration",
+    description: "Delivery status updates for CRM system",
+    url: "https://api.crm.com/webhooks/delivery",
+    enabled: true,
+    health: "Healthy",
+    events: ["delivered", "opened", "bounced"],
+    successRate: 99.2,
+    avgResponseTime: 150,
+    performance: 95,
+    recentDeliveries: [
+      { id: 1, event: "delivered", timestamp: "2 min ago", success: true, status: "200", responseTime: 140 },
+      { id: 2, event: "opened", timestamp: "5 min ago", success: true, status: "200", responseTime: 160 },
+      { id: 3, event: "bounced", timestamp: "8 min ago", success: false, status: "500", responseTime: 0 },
+    ],
+  },
+  {
+    id: 2,
+    name: "Analytics Platform",
+    description: "Send delivery metrics to analytics dashboard",
+    url: "https://analytics.example.com/webhook",
+    enabled: true,
+    health: "Warning",
+    events: ["sent", "delivered", "failed"],
+    successRate: 87.5,
+    avgResponseTime: 2100,
+    performance: 78,
+    recentDeliveries: [
+      { id: 4, event: "sent", timestamp: "1 min ago", success: true, status: "200", responseTime: 1900 },
+      { id: 5, event: "delivered", timestamp: "3 min ago", success: false, status: "timeout", responseTime: 0 },
+      { id: 6, event: "failed", timestamp: "6 min ago", success: true, status: "200", responseTime: 2300 },
+    ],
+  },
+]);
+
+// Delivery logs
+const deliveryLogs = ref([
+  {
+    id: 1,
+    webhookId: 1,
+    webhookName: "CRM Integration",
+    url: "https://api.crm.com/webhooks/delivery",
+    event: "delivered",
+    success: true,
+    status: "200 OK",
+    responseTime: 140,
+    timestamp: "2024-01-15 10:30:00",
+    payload: {
+      messageId: "msg_001",
+      event: "delivered",
+      timestamp: "2024-01-15T10:30:00Z",
+      channel: "email",
+      recipient: "user@example.com"
+    },
+    responseCode: 200,
+    responseHeaders: { "content-type": "application/json" },
+    responseBody: '{"status": "received"}',
+    error: null,
+  },
+  // Add more logs...
+]);
+
+// Form options
+const availableEvents = [
+  { label: "Message Queued", value: "queued" },
+  { label: "Message Sent", value: "sent" },
+  { label: "Message Delivered", value: "delivered" },
+  { label: "Message Opened", value: "opened" },
+  { label: "Message Failed", value: "failed" },
+  { label: "Message Bounced", value: "bounced" },
+];
+
+const authTypeOptions = [
+  { label: "None", value: "none" },
+  { label: "Bearer Token", value: "bearer" },
+  { label: "Basic Auth", value: "basic" },
+];
+
+// Filter options
+const webhookFilterOptions = computed(() => [
+  { label: "All Webhooks", value: "" },
+  ...webhooks.value.map(w => ({ label: w.name, value: w.id }))
+]);
+
+const eventFilterOptions = [
+  { label: "All Events", value: "" },
+  ...availableEvents,
+];
+
+const statusFilterOptions = [
+  { label: "All Statuses", value: "" },
+  { label: "Success", value: "success" },
+  { label: "Failed", value: "failed" },
+];
+
+// Table configuration
+const logTableFields = ref([
+  { key: "timestamp", label: "Timestamp", sortable: true },
+  { key: "webhook", label: "Webhook", sortable: true },
+  { key: "event", label: "Event", sortable: true },
+  { key: "status", label: "Status", sortable: true },
+  { key: "responseTime", label: "Response Time", sortable: true },
+  { key: "actions", label: "Actions", sortable: false },
+]);
+
+// Computed
+const filteredLogs = computed(() => {
+  let filtered = deliveryLogs.value;
+  
+  if (logFilters.webhook) {
+    filtered = filtered.filter(log => log.webhookId === logFilters.webhook);
+  }
+  
+  if (logFilters.event) {
+    filtered = filtered.filter(log => log.event === logFilters.event);
+  }
+  
+  if (logFilters.status) {
+    const isSuccess = logFilters.status === "success";
+    filtered = filtered.filter(log => log.success === isSuccess);
+  }
+  
+  return filtered;
+});
+
+// Methods
+function getHealthVariant(health) {
+  const variants = {
+    "Healthy": "success",
+    "Warning": "warning",
+    "Critical": "danger",
+  };
+  return variants[health] || "secondary";
+}
+
+function getPerformanceClass(performance) {
+  if (performance >= 90) return "bg-green-500";
+  if (performance >= 70) return "bg-yellow-500";
+  return "bg-red-500";
+}
+
+function editWebhook(webhook) {
+  editingWebhook.value = webhook;
+  // Populate form with webhook data
+  Object.keys(webhookForm).forEach(key => {
+    if (webhook[key] !== undefined) {
+      webhookForm[key] = webhook[key];
+    }
+  });
+  showAddWebhookModal.value = true;
+}
+
+function testWebhook(webhook) {
+  console.log("Testing webhook:", webhook.name);
+  // Implementation for testing webhook
+}
+
+function deleteWebhook(webhook) {
+  console.log("Deleting webhook:", webhook.name);
+  // Implementation for deleting webhook
+}
+
+function saveWebhook() {
+  console.log("Saving webhook:", webhookForm);
+  showAddWebhookModal.value = false;
+  // Reset form
+  Object.keys(webhookForm).forEach(key => {
+    if (typeof webhookForm[key] === 'string') webhookForm[key] = '';
+    if (typeof webhookForm[key] === 'number') webhookForm[key] = 0;
+    if (Array.isArray(webhookForm[key])) webhookForm[key] = [];
+    if (typeof webhookForm[key] === 'boolean') webhookForm[key] = true;
+  });
+}
+
+function testWebhookEndpoint() {
+  console.log("Testing webhook endpoint...");
+  testResult.value = null;
+  
+  // Simulate test
+  setTimeout(() => {
+    testResult.value = {
+      success: Math.random() > 0.3,
+      message: Math.random() > 0.3 ? "Test successful" : "Connection failed - Check URL and credentials"
+    };
+  }, 2000);
+}
+
+function viewLogDetails(log) {
+  selectedLog.value = log;
+  showLogModal.value = true;
+}
+
+function retryWebhook(log) {
+  console.log("Retrying webhook delivery:", log);
+  // Implementation for retrying webhook delivery
+}
+
+function refreshLogs() {
+  console.log("Refreshing logs...");
+  // Implementation for refreshing logs
+}
+
+function exportLogs() {
+  console.log("Exporting logs...");
+  // Implementation for exporting logs
+}
+</script>
+
+<style lang="scss" scoped></style> 
\ No newline at end of file
diff --git a/pages/notification/edit/[id].vue b/pages/notification/edit/[id].vue
new file mode 100644
index 0000000..a9bff6d
--- /dev/null
+++ b/pages/notification/edit/[id].vue
@@ -0,0 +1,661 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Info Card -->
+    <rs-card class="mb-5">
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon>
+          Edit Notification
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          Edit and update your notification settings. Modify delivery options, content,
+          and targeting to improve your notification campaign effectiveness.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Loading State -->
+    <div v-if="isLoading" class="text-center py-12">
+      <div class="flex justify-center mb-4">
+        <Icon name="ic:outline-refresh" size="2rem" class="text-primary animate-spin" />
+      </div>
+      <p class="text-gray-600">Loading notification details...</p>
+    </div>
+
+    <!-- Error State -->
+    <rs-card v-else-if="error" class="mb-5">
+      <template #body>
+        <div class="text-center py-8">
+          <div class="flex justify-center mb-4">
+            <Icon name="ic:outline-error" size="4rem" class="text-red-400" />
+          </div>
+          <h3 class="text-lg font-medium text-gray-500 mb-2">
+            Error Loading Notification
+          </h3>
+          <p class="text-gray-500 mb-4">
+            {{ error }}
+          </p>
+          <rs-button @click="$router.push('/notification/list')">
+            <Icon name="ic:outline-arrow-back" class="mr-1"></Icon>
+            Back to List
+          </rs-button>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Notification Not Found -->
+    <rs-card v-else-if="!notification">
+      <template #body>
+        <div class="text-center py-8">
+          <div class="flex justify-center mb-4">
+            <Icon name="ic:outline-error" size="4rem" class="text-red-400" />
+          </div>
+          <h3 class="text-lg font-medium text-gray-500 mb-2">Notification Not Found</h3>
+          <p class="text-gray-500 mb-4">
+            The notification you're trying to edit doesn't exist or has been deleted.
+          </p>
+          <rs-button @click="$router.push('/notification/list')">
+            <Icon name="ic:outline-arrow-back" class="mr-1"></Icon>
+            Back to List
+          </rs-button>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Edit Form -->
+    <rs-card v-else>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h2 class="text-xl font-semibold">Edit Notification</h2>
+          <div class="flex gap-3">
+            <rs-button @click="$router.push('/notification/list')" variant="outline">
+              <Icon name="ic:outline-arrow-back" class="mr-1"></Icon>
+              Back to List
+            </rs-button>
+            <rs-button @click="viewNotification" variant="primary">
+              <Icon name="ic:outline-visibility" class="mr-1"></Icon>
+              View Details
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div class="pt-2">
+          <FormKit
+            type="form"
+            @submit="handleUpdateNotification"
+            :actions="false"
+            class="w-full"
+          >
+            <!-- Basic Information -->
+            <div class="space-y-6 mb-8">
+              <h3
+                class="text-lg font-semibold text-gray-900 dark:text-gray-100 border-b border-gray-200 dark:border-gray-700 pb-2"
+              >
+                Basic Information
+              </h3>
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Left Column -->
+                <div class="space-y-4">
+                  <FormKit
+                    type="text"
+                    name="title"
+                    label="Notification Title"
+                    placeholder="Enter notification title"
+                    validation="required"
+                    v-model="notificationForm.title"
+                    help="This is for internal identification purposes"
+                  />
+
+                  <FormKit
+                    type="select"
+                    name="type"
+                    label="Notification Type"
+                    :options="notificationTypes"
+                    validation="required"
+                    v-model="notificationForm.type"
+                    help="Choose between single targeted notification or bulk notification"
+                  />
+
+                  <FormKit
+                    type="select"
+                    name="priority"
+                    label="Priority Level"
+                    :options="priorityLevels"
+                    validation="required"
+                    v-model="notificationForm.priority"
+                    help="Set the importance level of this notification"
+                  />
+
+                  <FormKit
+                    type="select"
+                    name="category"
+                    label="Category"
+                    :options="categoryOptions"
+                    validation="required"
+                    v-model="notificationForm.category"
+                    help="Categorize your notification for better organization"
+                  />
+                </div>
+
+                <!-- Right Column -->
+                <div class="space-y-4">
+                  <FormKit
+                    type="checkbox"
+                    name="channels"
+                    label="Delivery Channels"
+                    :options="channelOptions"
+                    validation="required|min:1"
+                    v-model="notificationForm.channels"
+                    decorator-icon="material-symbols:check"
+                    options-class="grid grid-cols-1 gap-y-2 pt-1"
+                    help="Select one or more delivery channels"
+                  />
+
+                  <FormKit
+                    v-if="notificationForm.channels.includes('email')"
+                    type="text"
+                    name="emailSubject"
+                    label="Email Subject Line"
+                    placeholder="Enter email subject"
+                    validation="required"
+                    v-model="notificationForm.emailSubject"
+                    help="This will be the email subject line"
+                  />
+
+                  <FormKit
+                    type="datetime-local"
+                    name="expiresAt"
+                    label="Expiration Date & Time (Optional)"
+                    v-model="notificationForm.expiresAt"
+                    help="Set when this notification should expire"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <!-- Scheduling -->
+            <div class="space-y-6 mb-8">
+              <h3
+                class="text-lg font-semibold text-gray-900 dark:text-gray-100 border-b border-gray-200 dark:border-gray-700 pb-2"
+              >
+                Scheduling
+              </h3>
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <div class="space-y-4">
+                  <FormKit
+                    type="radio"
+                    name="deliveryType"
+                    label="Delivery Schedule"
+                    :options="deliveryTypes"
+                    validation="required"
+                    v-model="notificationForm.deliveryType"
+                    decorator-icon="material-symbols:radio-button-checked"
+                    options-class="space-y-3 pt-1"
+                  />
+
+                  <div
+                    v-if="notificationForm.deliveryType === 'scheduled'"
+                    class="space-y-4 p-4 border rounded-lg bg-gray-50 dark:bg-gray-800"
+                  >
+                    <FormKit
+                      type="datetime-local"
+                      name="scheduledAt"
+                      label="Scheduled Date & Time"
+                      validation="required"
+                      v-model="notificationForm.scheduledAt"
+                      help="When should this notification be sent?"
+                    />
+
+                    <FormKit
+                      type="select"
+                      name="timezone"
+                      label="Timezone"
+                      :options="timezoneOptions"
+                      validation="required"
+                      v-model="notificationForm.timezone"
+                      help="Select the timezone for scheduling"
+                    />
+                  </div>
+                </div>
+
+                <div
+                  class="space-y-4"
+                  v-if="notificationForm.deliveryType === 'scheduled'"
+                >
+                  <div class="p-4 border rounded-lg bg-blue-50 dark:bg-blue-900/20">
+                    <h4 class="font-semibold text-blue-800 dark:text-blue-200 mb-2">
+                      Scheduling Information
+                    </h4>
+                    <div class="text-sm text-blue-700 dark:text-blue-300 space-y-1">
+                      <p v-if="notificationForm.scheduledAt">
+                        <strong>Scheduled for:</strong>
+                        {{ formatScheduledTime() }}
+                      </p>
+                      <p>
+                        <strong>Timezone:</strong>
+                        {{ notificationForm.timezone }}
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Target Audience -->
+            <div class="space-y-6 mb-8">
+              <h3
+                class="text-lg font-semibold text-gray-900 dark:text-gray-100 border-b border-gray-200 dark:border-gray-700 pb-2"
+              >
+                Target Audience
+              </h3>
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <div class="space-y-4">
+                  <FormKit
+                    type="radio"
+                    name="audienceType"
+                    label="Target Audience"
+                    :options="audienceTypeOptions"
+                    validation="required"
+                    v-model="notificationForm.audienceType"
+                    decorator-icon="material-symbols:radio-button-checked"
+                    options-class="space-y-3 pt-1"
+                  />
+
+                  <div
+                    v-if="notificationForm.audienceType === 'specific'"
+                    class="space-y-4 p-4 border rounded-lg bg-gray-50 dark:bg-gray-800"
+                  >
+                    <FormKit
+                      type="textarea"
+                      name="specificUsers"
+                      label="Specific Users"
+                      placeholder="Enter email addresses or user IDs (one per line)"
+                      validation="required"
+                      v-model="notificationForm.specificUsers"
+                      rows="6"
+                      help="Enter one email address or user ID per line"
+                    />
+                  </div>
+                </div>
+
+                <div class="space-y-4">
+                  <div class="p-4 border rounded-lg bg-green-50 dark:bg-green-900/20">
+                    <h4 class="font-semibold text-green-800 dark:text-green-200 mb-2">
+                      Estimated Reach
+                    </h4>
+                    <div class="text-2xl font-bold text-green-600 dark:text-green-400">
+                      {{ estimatedReach.toLocaleString() }} users
+                    </div>
+                    <p class="text-sm text-green-700 dark:text-green-300 mt-1">
+                      Based on your audience selection
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Action Buttons -->
+            <div
+              class="flex justify-between items-center pt-6 border-t border-gray-200 dark:border-gray-700"
+            >
+              <div class="flex gap-3">
+                <rs-button @click="handleSaveDraft" variant="outline">
+                  <Icon name="material-symbols:save" class="mr-1"></Icon>
+                  Save as Draft
+                </rs-button>
+              </div>
+              <div class="flex gap-3">
+                <rs-button @click="$router.push('/notification/list')" variant="outline">
+                  Cancel
+                </rs-button>
+                <rs-button btnType="submit">
+                  <Icon name="material-symbols:update" class="mr-1"></Icon>
+                  Update Notification
+                </rs-button>
+              </div>
+            </div>
+          </FormKit>
+        </div>
+      </template>
+    </rs-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, watch } from "vue";
+import { useRouter } from "vue-router";
+import { useNotifications } from "~/composables/useNotifications";
+
+const router = useRouter();
+const nuxtApp = useNuxtApp();
+
+definePageMeta({
+  title: "Edit Notification",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "List",
+      path: "/notification/list",
+    },
+    {
+      name: "Edit",
+      path: "",
+      type: "current",
+    },
+  ],
+});
+
+// Get route params
+const route = useRoute();
+const notificationId = route.params.id;
+
+// Use the notifications composable
+const {
+  isLoading,
+  error,
+  getNotificationById,
+  updateNotification,
+  saveDraft,
+  testSendNotification,
+  getAudiencePreview,
+} = useNotifications();
+
+// Reactive data
+const notification = ref(null);
+const testEmail = ref("");
+const estimatedReach = ref(0);
+
+// Form data
+const notificationForm = ref({
+  title: "",
+  type: "single",
+  priority: "medium",
+  category: "",
+  channels: [],
+  emailSubject: "",
+  expiresAt: "",
+  deliveryType: "immediate",
+  scheduledAt: "",
+  timezone: "UTC",
+  audienceType: "all",
+  specificUsers: "",
+  userSegments: [],
+  userStatus: "",
+  registrationPeriod: "",
+  excludeUnsubscribed: true,
+});
+
+// Form options
+const notificationTypes = [
+  { label: "Single Notification", value: "single" },
+  { label: "Bulk Notification", value: "bulk" },
+];
+
+const priorityLevels = [
+  { label: "Low", value: "low" },
+  { label: "Medium", value: "medium" },
+  { label: "High", value: "high" },
+  { label: "Critical", value: "critical" },
+];
+
+const categoryOptions = [
+  { label: "User Management", value: "user_management" },
+  { label: "Orders & Transactions", value: "orders" },
+  { label: "Security & Authentication", value: "security" },
+  { label: "Marketing & Promotions", value: "marketing" },
+  { label: "System Updates", value: "system" },
+  { label: "General Information", value: "general" },
+];
+
+const channelOptions = [
+  { label: "Email", value: "email" },
+  { label: "Push Notification", value: "push" },
+];
+
+const deliveryTypes = [
+  { label: "Send Immediately", value: "immediate" },
+  { label: "Schedule for Later", value: "scheduled" },
+];
+
+const timezoneOptions = [
+  { label: "UTC", value: "UTC" },
+  { label: "Asia/Kuala_Lumpur", value: "Asia/Kuala_Lumpur" },
+  { label: "America/New_York", value: "America/New_York" },
+  { label: "Europe/London", value: "Europe/London" },
+  { label: "Asia/Tokyo", value: "Asia/Tokyo" },
+];
+
+const audienceTypeOptions = [
+  { label: "All Users", value: "all" },
+  { label: "Specific Users", value: "specific" },
+];
+
+// Methods
+const formatScheduledTime = () => {
+  if (!notificationForm.value.scheduledAt) return "";
+  return new Date(notificationForm.value.scheduledAt).toLocaleDateString("en-US", {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+};
+
+const viewNotification = () => {
+  router.push(`/notification/view/${notificationId}`);
+};
+
+const handleSaveDraft = async () => {
+  try {
+    await saveDraft(notificationForm.value);
+    nuxtApp.$swal.fire("Success", "Notification saved as draft", "success");
+  } catch (error) {
+    console.error("Error saving draft:", error);
+    nuxtApp.$swal.fire("Error", "Failed to save draft", "error");
+  }
+};
+
+const handleUpdateNotification = async () => {
+  try {
+    // Validate channels data
+    if (
+      !Array.isArray(notificationForm.value.channels) ||
+      notificationForm.value.channels.length === 0
+    ) {
+      throw new Error("Please select at least one delivery channel");
+    }
+
+    // Validate that all selected channels are valid
+    const validChannels = channelOptions.map((option) => option.value);
+    const hasInvalidChannel = notificationForm.value.channels.some(
+      (channel) => !validChannels.includes(channel)
+    );
+    if (hasInvalidChannel) {
+      throw new Error("Invalid delivery channel selected");
+    }
+
+    // Show loading indicator
+    const loadingSwal = nuxtApp.$swal.fire({
+      title: "Updating...",
+      text: "Please wait while we update the notification",
+      allowOutsideClick: false,
+      allowEscapeKey: false,
+      showConfirmButton: false,
+      didOpen: () => {
+        nuxtApp.$swal.showLoading();
+      },
+    });
+
+    // Transform data to match API expectations (camelCase to snake_case)
+    const formData = {
+      title: notificationForm.value.title,
+      type: notificationForm.value.type,
+      priority: notificationForm.value.priority,
+      // Send null for category_id instead of the value
+      category_id: null, // We'll omit this field and let the server keep the existing value
+      status: notificationForm.value.status || "active",
+      delivery_type: notificationForm.value.deliveryType,
+      scheduled_at: notificationForm.value.scheduledAt,
+      timezone: notificationForm.value.timezone,
+      expires_at: notificationForm.value.expiresAt,
+      audience_type: notificationForm.value.audienceType,
+      specific_users: notificationForm.value.specificUsers,
+      user_segments: notificationForm.value.userSegments || [],
+      user_status: notificationForm.value.userStatus,
+      registration_period: notificationForm.value.registrationPeriod,
+      exclude_unsubscribed: notificationForm.value.excludeUnsubscribed,
+      email_subject: notificationForm.value.emailSubject,
+      // Transform channels to API format
+      channels: notificationForm.value.channels.map((channel) => ({
+        type: channel,
+        is_enabled: true,
+      })),
+    };
+
+    console.log("Sending update with data:", formData);
+    const response = await updateNotification(notificationId, formData);
+    console.log("Update response:", response);
+
+    // Close loading indicator
+    loadingSwal.close();
+
+    if (response && response.success) {
+      nuxtApp.$swal
+        .fire({
+          title: "Success!",
+          text: "Notification has been updated successfully.",
+          icon: "success",
+          confirmButtonText: "Back to List",
+        })
+        .then((result) => {
+          if (result.isConfirmed) {
+            router.push("/notification/list");
+          }
+        });
+    } else {
+      throw new Error(response?.message || "Update failed with unknown error");
+    }
+  } catch (error) {
+    console.error("Error updating notification:", error);
+    const errorMessage =
+      error.data?.message || error.message || "Failed to update notification";
+    nuxtApp.$swal.fire("Error", errorMessage, "error");
+  }
+};
+
+const loadNotification = async () => {
+  try {
+    const data = await getNotificationById(notificationId);
+    notification.value = data;
+
+    console.log("Retrieved notification data:", data);
+
+    // Transform channels data from backend format to frontend format
+    let channels = [];
+    if (Array.isArray(data.channels)) {
+      channels = data.channels;
+    } else if (Array.isArray(data.notification_channels)) {
+      channels = data.notification_channels.map((c) => c.channel_type);
+    }
+
+    // Populate form with existing data
+    notificationForm.value = {
+      title: data.title,
+      type: data.type || "single",
+      priority: data.priority,
+      category: data.category?.value,
+      channels: channels,
+      emailSubject: data.emailSubject,
+      expiresAt: data.expiresAt,
+      deliveryType: data.deliveryType,
+      scheduledAt: data.scheduledAt,
+      timezone: data.timezone || "UTC",
+      audienceType: data.audienceType,
+      specificUsers: data.specificUsers,
+      userSegments: data.userSegments || [],
+      userStatus: data.userStatus,
+      registrationPeriod: data.registrationPeriod,
+      excludeUnsubscribed: data.excludeUnsubscribed !== false,
+    };
+
+    console.log("Populated form:", notificationForm.value);
+
+    // Update estimated reach
+    estimatedReach.value = data.analytics?.estimatedReach || 0;
+  } catch (error) {
+    console.error("Error loading notification:", error);
+    notification.value = null;
+    nuxtApp.$swal
+      .fire({
+        title: "Error",
+        text: "Failed to load notification details",
+        icon: "error",
+        confirmButtonText: "Back to List",
+      })
+      .then((result) => {
+        if (result.isConfirmed) {
+          router.push("/notification/list");
+        }
+      });
+  }
+};
+
+// Watch for audience type changes to update estimated reach
+watch(
+  () => [
+    notificationForm.value.audienceType,
+    notificationForm.value.specificUsers,
+    notificationForm.value.userSegments,
+    notificationForm.value.userStatus,
+    notificationForm.value.registrationPeriod,
+    notificationForm.value.excludeUnsubscribed,
+    notificationForm.value.channels,
+  ],
+  async () => {
+    try {
+      // Skip if audience type is not set
+      if (!notificationForm.value.audienceType) return;
+
+      const response = await getAudiencePreview({
+        audienceType: notificationForm.value.audienceType,
+        specificUsers: notificationForm.value.specificUsers,
+        userSegments: notificationForm.value.userSegments || [],
+        userStatus: notificationForm.value.userStatus,
+        registrationPeriod: notificationForm.value.registrationPeriod,
+        excludeUnsubscribed: notificationForm.value.excludeUnsubscribed,
+        channels: notificationForm.value.channels,
+      });
+
+      if (response.success) {
+        estimatedReach.value = response.data.totalCount;
+      }
+    } catch (error) {
+      console.error("Error getting audience preview:", error);
+      // Don't show error to user for background calculation
+      estimatedReach.value = 0;
+    }
+  },
+  { deep: true }
+);
+
+// Lifecycle
+onMounted(() => {
+  loadNotification();
+});
+</script>
diff --git a/pages/notification/list/index.vue b/pages/notification/list/index.vue
new file mode 100644
index 0000000..d3a3807
--- /dev/null
+++ b/pages/notification/list/index.vue
@@ -0,0 +1,656 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Info Card -->
+    <rs-card class="mb-5">
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon>
+          Info
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          View and manage all created notifications. Monitor their status, delivery
+          progress, and performance metrics. You can create new notifications, edit
+          existing ones, or view detailed analytics.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Main Content Card -->
+    <rs-card>
+      <template #header>
+        <h2 class="text-xl font-semibold">Notification List</h2>
+      </template>
+      <template #body>
+        <div class="pt-2">
+          <!-- Create Button -->
+          <div class="flex justify-end items-center mb-6">
+            <rs-button @click="$router.push('/notification/create')">
+              <Icon name="material-symbols:add" class="mr-1"></Icon>
+              Create Notification
+            </rs-button>
+          </div>
+
+          <!-- Filters -->
+          <div class="mb-6 bg-gray-50 dark:bg-gray-800 p-4 rounded-lg">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+              <div>
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Status
+                </label>
+                <select
+                  v-model="filters.status"
+                  class="w-full border border-gray-300 dark:border-gray-700 rounded-md p-2 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                >
+                  <option
+                    v-for="option in statusOptions"
+                    :key="option.value"
+                    :value="option.value"
+                  >
+                    {{ option.label }}
+                  </option>
+                </select>
+              </div>
+              <div>
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Priority
+                </label>
+                <select
+                  v-model="filters.priority"
+                  class="w-full border border-gray-300 dark:border-gray-700 rounded-md p-2 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                >
+                  <option
+                    v-for="option in priorityOptions"
+                    :key="option.value"
+                    :value="option.value"
+                  >
+                    {{ option.label }}
+                  </option>
+                </select>
+              </div>
+              <div>
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Category
+                </label>
+                <select
+                  v-model="filters.category"
+                  class="w-full border border-gray-300 dark:border-gray-700 rounded-md p-2 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                >
+                  <option
+                    v-for="option in categoryOptions"
+                    :key="option.value"
+                    :value="option.value"
+                  >
+                    {{ option.label }}
+                  </option>
+                </select>
+              </div>
+              <div>
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Search
+                </label>
+                <div class="relative">
+                  <input
+                    type="text"
+                    v-model="filters.search"
+                    placeholder="Search notifications..."
+                    class="w-full border border-gray-300 dark:border-gray-700 rounded-md p-2 pl-9 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                  />
+                  <div
+                    class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"
+                  >
+                    <Icon
+                      name="material-symbols:search"
+                      class="text-gray-500"
+                      size="16"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="flex justify-end mt-4">
+              <rs-button variant="outline" @click="clearFilters" class="mr-2">
+                <Icon name="material-symbols:refresh" class="mr-1" />
+                Clear
+              </rs-button>
+              <rs-button @click="applyFilters">
+                <Icon name="material-symbols:filter-alt" class="mr-1" />
+                Apply Filters
+              </rs-button>
+            </div>
+          </div>
+
+          <!-- Error Message -->
+          <div v-if="error" class="mb-6">
+            <rs-alert variant="danger" :dismissible="true" @dismiss="error = null">
+              <template #title>Error</template>
+              {{ error }}
+            </rs-alert>
+          </div>
+
+          <!-- Notifications Table -->
+          <rs-table
+            v-if="notificationList && notificationList.length > 0"
+            :data="notificationList"
+            :fields="tableFields"
+            :options="{
+              variant: 'default',
+              striped: true,
+              borderless: true,
+              class: 'align-middle',
+              serverSort: true,
+              sortBy: sortBy,
+              sortDesc: sortOrder === 'desc',
+              noSort: false
+            }"
+            advanced
+            @sort-changed="handleSort"
+          >
+            <!-- Title column with icon -->
+            <template v-slot:title="{ value }">
+              <div class="flex items-center gap-2">
+                <div>
+                  <div class="font-semibold">{{ value.title }}</div>
+                  <div class="text-xs text-gray-500">{{ value.category }}</div>
+                </div>
+              </div>
+            </template>
+
+            <!-- Channels column with icons -->
+            <template v-slot:channels="{ value }">
+              <div class="flex items-center gap-1 flex-wrap">
+                <template v-for="channel in value.channels" :key="channel">
+                  <span :title="channel" class="flex items-center gap-1">
+                    <Icon
+                      :name="getChannelIcon(channel)"
+                      class="text-gray-700 dark:text-gray-300"
+                      size="16"
+                    />
+                  </span>
+                </template>
+              </div>
+            </template>
+
+            <!-- Priority column with badges -->
+            <template v-slot:priority="{ text }">
+              <rs-badge :variant="getPriorityVariant(text)">
+                {{ text }}
+              </rs-badge>
+            </template>
+
+            <!-- Status column with badges -->
+            <template v-slot:status="{ text }">
+              <rs-badge :variant="getStatusVariant(text)">
+                {{ text }}
+              </rs-badge>
+            </template>
+
+            <!-- Recipients column with formatting -->
+            <template v-slot:recipients="{ text }">
+              <span class="font-medium">{{ formatNumber(text) }}</span>
+            </template>
+
+            <!-- Created At column with relative time -->
+            <template v-slot:createdAt="{ text }">
+              <div>
+                <div class="text-sm">{{ formatDate(text) }}</div>
+                <div class="text-xs text-gray-500">
+                  {{ formatTimeAgo(text) }}
+                </div>
+              </div>
+            </template>
+
+            <!-- Actions column -->
+            <template v-slot:action="{ value }">
+              <div class="flex justify-center items-center gap-3">
+                <span title="View Details">
+                  <Icon
+                    name="ic:outline-visibility"
+                    class="text-primary hover:text-primary/90 cursor-pointer"
+                    size="20"
+                    @click="viewNotification(value)"
+                  />
+                </span>
+                <span title="Edit">
+                  <Icon
+                    name="material-symbols:edit-outline-rounded"
+                    class="text-blue-600 hover:text-blue-700 cursor-pointer"
+                    size="20"
+                    @click="editNotification(value)"
+                  />
+                </span>
+                <span title="Delete">
+                  <Icon
+                    name="material-symbols:delete-outline-rounded"
+                    class="text-red-500 hover:text-red-600 cursor-pointer"
+                    size="20"
+                    @click="handleDeleteNotification(value)"
+                  />
+                </span>
+              </div>
+            </template>
+          </rs-table>
+
+          <!-- Pagination -->
+          <div
+            v-if="pagination && pagination.totalPages > 1"
+            class="flex justify-center mt-6"
+          >
+            <div class="flex items-center space-x-2">
+              <button
+                @click="handlePageChange(1)"
+                :disabled="pagination.page === 1"
+                class="px-2 py-1 rounded border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-50"
+              >
+                <Icon name="material-symbols:first-page" size="16" />
+              </button>
+              <button
+                @click="handlePageChange(pagination.page - 1)"
+                :disabled="!pagination.hasPrevPage"
+                class="px-2 py-1 rounded border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-50"
+              >
+                <Icon name="material-symbols:chevron-left" size="16" />
+              </button>
+
+              <template v-for="p in pagination.totalPages" :key="p">
+                <button
+                  v-if="
+                    p === 1 ||
+                    p === pagination.totalPages ||
+                    (p >= pagination.page - 1 && p <= pagination.page + 1)
+                  "
+                  @click="handlePageChange(p)"
+                  :class="[
+                    'px-3 py-1 rounded',
+                    pagination.page === p
+                      ? 'bg-primary text-white'
+                      : 'border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700',
+                  ]"
+                >
+                  {{ p }}
+                </button>
+                <span
+                  v-else-if="
+                    (p === pagination.page - 2 && p > 1) ||
+                    (p === pagination.page + 2 && p < pagination.totalPages)
+                  "
+                  class="px-1"
+                >
+                  ...
+                </span>
+              </template>
+
+              <button
+                @click="handlePageChange(pagination.page + 1)"
+                :disabled="!pagination.hasNextPage"
+                class="px-2 py-1 rounded border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-50"
+              >
+                <Icon name="material-symbols:chevron-right" size="16" />
+              </button>
+              <button
+                @click="handlePageChange(pagination.totalPages)"
+                :disabled="pagination.page === pagination.totalPages"
+                class="px-2 py-1 rounded border border-gray-300 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-50"
+              >
+                <Icon name="material-symbols:last-page" size="16" />
+              </button>
+            </div>
+          </div>
+
+          <!-- Empty State -->
+          <div
+            v-else-if="notificationList && notificationList.length === 0 && !isLoading"
+            class="text-center py-12"
+          >
+            <div class="flex justify-center mb-4">
+              <Icon
+                name="ic:outline-notifications-none"
+                size="4rem"
+                class="text-gray-400"
+              />
+            </div>
+            <h3 class="text-lg font-medium text-gray-500 mb-2">No Notifications Found</h3>
+            <p class="text-gray-500 mb-4">
+              Create your first notification to get started.
+            </p>
+            <rs-button @click="$router.push('/notification/create')">
+              <Icon name="material-symbols:add" class="mr-1"></Icon>
+              Create First Notification
+            </rs-button>
+          </div>
+
+          <!-- Loading State -->
+          <div v-if="isLoading" class="text-center py-12">
+            <div class="flex justify-center mb-4">
+              <Icon
+                name="ic:outline-refresh"
+                size="2rem"
+                class="text-primary animate-spin"
+              />
+            </div>
+            <p class="text-gray-600">Loading notifications...</p>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, computed } from "vue";
+import { useRouter } from "vue-router";
+import { useNotifications } from "~/composables/useNotifications";
+
+const router = useRouter();
+
+definePageMeta({
+  title: "Notification List",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "List",
+      path: "/notification/list",
+      type: "current",
+    },
+  ],
+});
+
+// Use the notifications composable
+const {
+  isLoading,
+  notifications,
+  pagination,
+  error,
+  fetchNotifications,
+  deleteNotification,
+} = useNotifications();
+
+// Use computed for the notification list to maintain reactivity
+const notificationList = computed(() => notifications.value);
+
+// Filter states
+const filters = ref({
+  status: "",
+  priority: "",
+  category: "",
+  search: "",
+});
+
+const currentPage = ref(1);
+const itemsPerPage = ref(10);
+// Current variables and default values for sorting
+const sortBy = ref("createdAt"); // Use camelCase to match frontend data format
+const sortOrder = ref("desc");
+
+// Table field configuration
+const tableFields = [
+  {
+    key: 'title',
+    label: 'Notification',
+    sortable: false
+  },
+  {
+    key: 'channels',
+    label: 'Channels',
+    sortable: false
+  },
+  {
+    key: 'priority',
+    label: 'Priority',
+    sortable: true
+  },
+  {
+    key: 'status',
+    label: 'Status',
+    sortable: true
+  },
+  {
+    key: 'recipients',
+    label: 'Recipients',
+    sortable: false
+  },
+  {
+    key: 'createdAt',
+    label: 'Created',
+    sortable: true
+  },
+  {
+    key: 'action',
+    label: 'Actions',
+    sortable: false
+  }
+];
+
+// Options for filters
+const statusOptions = [
+  { label: "All Statuses", value: "" },
+  { label: "Draft", value: "draft" },
+  { label: "Scheduled", value: "scheduled" },
+  { label: "Sending", value: "sending" },
+  { label: "Sent", value: "sent" },
+  { label: "Failed", value: "failed" },
+  { label: "Cancelled", value: "cancelled" },
+];
+
+const priorityOptions = [
+  { label: "All Priorities", value: "" },
+  { label: "Low", value: "low" },
+  { label: "Medium", value: "medium" },
+  { label: "High", value: "high" },
+  { label: "Critical", value: "critical" },
+];
+
+const categoryOptions = ref([]);
+
+// Fetch categories
+const fetchCategories = async () => {
+  try {
+    const response = await $fetch("/api/notifications/categories");
+    if (response.success) {
+      categoryOptions.value = [
+        { label: "All Categories", value: "" },
+        ...response.data.map((category) => ({
+          label: category.name,
+          value: category.value,
+        })),
+      ];
+    }
+  } catch (err) {
+    console.error("Error fetching categories:", err);
+  }
+};
+
+// Helper functions
+const getChannelIcon = (channel) => {
+  const icons = {
+    email: "material-symbols:mail-outline-rounded",
+    push: "material-symbols:notifications-active-outline-rounded",
+    sms: "material-symbols:sms-outline-rounded",
+    "in-app": "material-symbols:chat-bubble-outline-rounded",
+  };
+  return icons[channel] || "material-symbols:help-outline-rounded";
+};
+
+const getPriorityVariant = (priority) => {
+  const variants = {
+    low: "info",
+    medium: "primary",
+    high: "warning",
+    critical: "danger",
+  };
+  return variants[priority] || "primary";
+};
+
+const getStatusVariant = (status) => {
+  const variants = {
+    draft: "secondary",
+    scheduled: "info",
+    sending: "warning",
+    sent: "success",
+    failed: "danger",
+    cancelled: "dark",
+  };
+  return variants[status] || "secondary";
+};
+
+const formatNumber = (num) => {
+  if (num === undefined || num === null) return "0";
+  return Number(num).toLocaleString();
+};
+
+const formatDate = (dateString) => {
+  if (!dateString) return "";
+  const date = new Date(dateString);
+  return date.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+  });
+};
+
+const formatTimeAgo = (dateString) => {
+  if (!dateString) return "";
+
+  const date = new Date(dateString);
+  const now = new Date();
+  const diffMs = now - date;
+  const diffSec = Math.round(diffMs / 1000);
+  const diffMin = Math.round(diffSec / 60);
+  const diffHour = Math.round(diffMin / 60);
+  const diffDay = Math.round(diffHour / 24);
+
+  if (diffSec < 60) return `${diffSec} sec ago`;
+  if (diffMin < 60) return `${diffMin} min ago`;
+  if (diffHour < 24) return `${diffHour} hr ago`;
+  if (diffDay < 30) return `${diffDay} days ago`;
+
+  return formatDate(dateString);
+};
+
+// Actions
+const viewNotification = (notification) => {
+  router.push(`/notification/view/${notification.id}`);
+};
+
+const editNotification = (notification) => {
+  router.push(`/notification/edit/${notification.id}`);
+};
+
+const handleDeleteNotification = async (notification) => {
+  const { $swal } = useNuxtApp();
+
+  try {
+    const result = await $swal.fire({
+      title: "Are you sure?",
+      text: "You won't be able to revert this!",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "Yes, delete it!",
+      cancelButtonText: "Cancel",
+    });
+
+    if (result.isConfirmed) {
+      await deleteNotification(notification.id);
+      await $swal.fire("Deleted!", "The notification has been deleted.", "success");
+    }
+  } catch (err) {
+    // Get the specific error message from the server
+    const errorMessage =
+      err.data?.message ||
+      err.data?.statusMessage ||
+      err.message ||
+      "Failed to delete notification";
+    await $swal.fire("Error", errorMessage, "error");
+  }
+};
+
+// Fetch data with filters
+const loadData = async () => {
+  try {
+    await fetchNotifications({
+      page: currentPage.value,
+      limit: itemsPerPage.value,
+      status: filters.value.status,
+      priority: filters.value.priority,
+      category: filters.value.category,
+      search: filters.value.search,
+      sortBy: sortBy.value,
+      sortOrder: sortOrder.value,
+    });
+  } catch (err) {
+    console.error("Error loading notifications:", err);
+  }
+};
+
+// Handle pagination
+const handlePageChange = (page) => {
+  currentPage.value = page;
+  loadData();
+};
+
+// Handle filter changes
+const applyFilters = () => {
+  currentPage.value = 1; // Reset to first page
+  loadData();
+};
+
+// Handle sort changes
+const handleSort = (sortInfo) => {
+  // Handle both direct column string and sort event object
+  if (typeof sortInfo === 'string') {
+    // Direct column name (legacy)
+    if (sortBy.value === sortInfo) {
+      sortOrder.value = sortOrder.value === "asc" ? "desc" : "asc";
+    } else {
+      sortBy.value = sortInfo;
+      sortOrder.value = "desc"; // Default to descending
+    }
+  } else if (sortInfo && sortInfo.sortBy) {
+    // Sort event object from table component
+    sortBy.value = sortInfo.sortBy;
+    sortOrder.value = sortInfo.sortDesc ? "desc" : "asc";
+  }
+  
+  loadData();
+};
+
+// Clear all filters
+const clearFilters = () => {
+  filters.value = {
+    status: "",
+    priority: "",
+    category: "",
+    search: "",
+  };
+  applyFilters();
+};
+
+// Life cycle hooks
+onMounted(async () => {
+  await Promise.all([fetchCategories(), loadData()]);
+});
+</script>
+
+<style scoped>
+/* Custom styles if needed */
+</style>
diff --git a/pages/notification/log-audit/analytics.vue b/pages/notification/log-audit/analytics.vue
new file mode 100644
index 0000000..6e01e6f
--- /dev/null
+++ b/pages/notification/log-audit/analytics.vue
@@ -0,0 +1,329 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Info Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-bar-chart"></Icon>
+          <h1 class="text-xl font-bold text-primary">Analytics Dashboard</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          View metrics for notification performance, delivery rates, and user engagement.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Key Metrics Summary -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(metric, index) in keyMetrics"
+        :key="index"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-5 flex justify-center items-center bg-primary/20 rounded-2xl"
+          >
+            <Icon class="text-primary text-3xl" :name="metric.icon"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight text-primary">
+              {{ metric.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ metric.title }}
+            </span>
+            <div class="flex items-center mt-1" v-if="metric.change">
+              <Icon
+                :name="metric.trend === 'up' ? 'ic:outline-trending-up' : 'ic:outline-trending-down'"
+                :class="metric.trend === 'up' ? 'text-green-500' : 'text-red-500'"
+                class="text-sm mr-1"
+              />
+              <span 
+                :class="metric.trend === 'up' ? 'text-green-600' : 'text-red-600'"
+                class="text-xs font-medium"
+              >
+                {{ metric.change }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Time Range Filter -->
+    <rs-card class="mb-6">
+      <template #body>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center gap-4">
+            <h3 class="text-lg font-semibold text-primary">Analytics Period</h3>
+            <FormKit
+              type="select"
+              v-model="selectedPeriod"
+              :options="periodOptions"
+              outer-class="mb-0"
+              @input="updateAnalytics"
+            />
+          </div>
+          <rs-button variant="primary-outline" size="sm" @click="refreshAnalytics">
+            <Icon name="ic:outline-refresh" class="mr-1"/> Refresh
+          </rs-button>
+        </div>
+      </template>
+    </rs-card>
+
+    <div v-if="analyticsLoading" class="flex justify-center py-16">
+      <Loading />
+    </div>
+
+    <template v-else>
+      <!-- Main Analytics Charts -->
+      <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+        <rs-card>
+          <template #header>
+            <div class="flex items-center">
+              <Icon name="ic:outline-bar-chart" class="mr-2 text-primary"/>
+              <h3 class="text-lg font-semibold text-primary">Delivery Rate Analysis</h3>
+            </div>
+          </template>
+          <template #body>
+            <div class="h-64 bg-gray-100 dark:bg-gray-800 flex items-center justify-center rounded">
+              <div class="text-center">
+                <p class="text-gray-500">Delivery success over time</p>
+              </div>
+            </div>
+            <div class="mt-4 grid grid-cols-3 gap-4 text-center">
+              <div>
+                <div class="text-2xl font-bold text-green-600">{{ channelPerformance[0]?.successRate || '0' }}%</div>
+                <div class="text-sm text-gray-600">Success Rate</div>
+              </div>
+              <div>
+                <div class="text-2xl font-bold text-red-600">{{ channelPerformance[0]?.failureRate || '0' }}%</div>
+                <div class="text-sm text-gray-600">Failed Rate</div>
+              </div>
+              <div>
+                <div class="text-2xl font-bold text-yellow-600">{{ channelPerformance[0]?.bounceRate || '0' }}%</div>
+                <div class="text-sm text-gray-600">Bounce Rate</div>
+              </div>
+            </div>
+          </template>
+        </rs-card>
+
+        <rs-card>
+          <template #header>
+            <div class="flex items-center">
+              <Icon name="ic:outline-device-hub" class="mr-2 text-primary"/>
+              <h3 class="text-lg font-semibold text-primary">Channel Performance</h3>
+            </div>
+          </template>
+          <template #body>
+            <div class="space-y-4">
+              <div 
+                v-for="channel in channelPerformance" 
+                :key="channel.name"
+                class="p-3 bg-gray-50 dark:bg-gray-800 rounded-lg"
+              >
+                <div class="flex items-center justify-between mb-2">
+                  <div class="flex items-center">
+                    <Icon :name="channel.icon" class="mr-2 text-primary"/>
+                    <span class="font-medium">{{ channel.name }}</span>
+                  </div>
+                  <span class="text-sm font-bold text-primary">{{ channel.successRate }}%</span>
+                </div>
+                <div class="w-full bg-gray-200 rounded-full h-2">
+                  <div 
+                    class="bg-primary h-2 rounded-full"
+                    :style="{ width: channel.successRate + '%' }"
+                  ></div>
+                </div>
+                <div class="flex justify-between text-xs text-gray-500 mt-1">
+                  <span>{{ channel.sent }} sent</span>
+                  <span>{{ channel.failed }} failed</span>
+                </div>
+              </div>
+            </div>
+          </template>
+        </rs-card>
+      </div>
+
+      <!-- Recent Analytics Events -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon name="ic:outline-insights" class="mr-2 text-primary"/>
+              <h3 class="text-lg font-semibold text-primary">Recent Events</h3>
+            </div>
+            <rs-button variant="outline" size="sm" @click="navigateTo('/notification/log-audit/logs')">
+              View All Logs
+            </rs-button>
+          </div>
+        </template>
+        <template #body>
+          <div v-if="recentEvents.length > 0" class="space-y-3">
+            <div
+              v-for="(event, index) in recentEvents"
+              :key="index"
+              class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg"
+            >
+              <div class="flex items-center">
+                <div
+                  class="w-3 h-3 rounded-full mr-3"
+                  :class="{
+                    'bg-green-500': event.type === 'success',
+                    'bg-yellow-500': event.type === 'warning',
+                    'bg-red-500': event.type === 'error',
+                    'bg-blue-500': event.type === 'info',
+                  }"
+                ></div>
+                <div>
+                  <p class="font-medium">{{ event.title }}</p>
+                  <p class="text-sm text-gray-600">{{ event.description }}</p>
+                </div>
+              </div>
+              <div class="text-right">
+                <p class="text-sm font-medium">{{ event.value }}</p>
+                <p class="text-xs text-gray-500">{{ event.time }}</p>
+              </div>
+            </div>
+          </div>
+          
+          <div v-else class="text-center py-8 text-gray-500">
+            <Icon name="ic:outline-search-off" class="text-4xl mb-2 mx-auto" />
+            <p>No recent events found.</p>
+          </div>
+        </template>
+      </rs-card>
+    </template>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Analytics Dashboard",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Logs & Audit Trail",
+      path: "/notification/log-audit",
+    },
+    {
+      name: "Analytics",
+      path: "/notification/log-audit/analytics",
+      type: "current"
+    },
+  ],
+});
+
+import { ref, computed, onMounted } from 'vue'
+
+// Use the notification logs composable
+const { 
+  analyticsData,
+  analyticsLoading,
+  analyticsError,
+  fetchAnalytics,
+  formatDate
+} = useNotificationLogs()
+
+// Time period selection
+const selectedPeriod = ref('7d')
+const periodOptions = [
+  { label: 'Last 24 Hours', value: '1d' },
+  { label: 'Last 7 Days', value: '7d' },
+  { label: 'Last 30 Days', value: '30d' },
+  { label: 'Last 90 Days', value: '90d' },
+  { label: 'Last 12 Months', value: '12m' },
+]
+
+// Key metrics data - will be updated from API
+const keyMetrics = computed(() => analyticsData.value?.keyMetrics || [
+  {
+    title: "Total Sent",
+    value: "0",
+    icon: "ic:outline-send",
+    trend: "up",
+    change: "+0.0%"
+  },
+  {
+    title: "Success Rate",
+    value: "0.0%",
+    icon: "ic:outline-check-circle",
+    trend: "up",
+    change: "+0.0%"
+  },
+  {
+    title: "Open Rate",
+    value: "0.0%",
+    icon: "ic:outline-open-in-new",
+    trend: "up", 
+    change: "+0.0%"
+  },
+  {
+    title: "Click Rate",
+    value: "0.0%",
+    icon: "ic:outline-touch-app",
+    trend: "up",
+    change: "+0.0%"
+  },
+])
+
+// Channel performance data - will be updated from API
+const channelPerformance = computed(() => analyticsData.value?.channelPerformance || [
+  {
+    name: "Email",
+    icon: "ic:outline-email",
+    successRate: "0",
+    sent: "0",
+    failed: "0",
+    bounceRate: "0",
+    failureRate: "0"
+  },
+])
+
+// Recent analytics events from API
+const recentEvents = computed(() => analyticsData.value?.recentEvents || [])
+
+// Methods
+const updateAnalytics = async () => {
+  await fetchAnalytics(selectedPeriod.value)
+}
+
+const refreshAnalytics = async () => {
+  await fetchAnalytics(selectedPeriod.value)
+}
+
+// Load initial data
+onMounted(async () => {
+  await fetchAnalytics(selectedPeriod.value)
+})
+</script>
+
+<style lang="scss" scoped>
+:deep(.formkit-outer) {
+  margin-bottom: 0;
+}
+
+:deep(.formkit-label) {
+  font-weight: 500;
+  color: rgb(107 114 128);
+  font-size: 0.875rem;
+  margin-bottom: 0.5rem;
+}
+
+:deep(.formkit-input) {
+  border-radius: 0.5rem;
+}
+</style> 
\ No newline at end of file
diff --git a/pages/notification/log-audit/index.vue b/pages/notification/log-audit/index.vue
new file mode 100644
index 0000000..7d7887e
--- /dev/null
+++ b/pages/notification/log-audit/index.vue
@@ -0,0 +1,382 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Info Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-assessment"></Icon>
+          <h1 class="text-xl font-bold text-primary">Notification Logs & Audit Trail</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Track notification activities, monitor performance, and ensure compliance with
+          detailed audit trails.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Summary Stats -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card v-for="(item, index) in summaryStats" :key="index">
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div class="p-5 flex justify-center items-center bg-primary/20 rounded-2xl">
+            <Icon class="text-primary text-3xl" :name="item.icon"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight text-primary">
+              {{ item.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ item.title }}
+            </span>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Navigation Cards -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6 mb-6">
+      <rs-card
+        v-for="(feature, index) in features"
+        :key="index"
+        class="cursor-pointer"
+        @click="navigateTo(feature.path)"
+      >
+        <template #header>
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" :name="feature.icon"></Icon>
+            <h3 class="text-lg font-semibold text-primary">{{ feature.title }}</h3>
+          </div>
+        </template>
+        <template #body>
+          <p class="text-gray-600 mb-4">{{ feature.description }}</p>
+        </template>
+        <template #footer>
+          <div class="flex justify-end">
+            <rs-button variant="outline" size="sm">
+              <Icon class="mr-1" name="ic:outline-arrow-forward"></Icon>
+              Open
+            </rs-button>
+          </div>
+        </template>
+      </rs-card>
+    </div>
+
+    <!-- Recent Logs Section -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-history"></Icon>
+            <h3 class="text-lg font-semibold text-primary">Recent Logs</h3>
+          </div>
+          <rs-button
+            variant="outline"
+            size="sm"
+            @click="navigateTo('/notification/log-audit/logs')"
+          >
+            View All
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div v-if="loading" class="flex justify-center py-8">
+          <Loading />
+        </div>
+
+        <rs-table
+          v-else-if="logs && logs.length > 0"
+          :data="logs"
+          :field="logTableFields"
+          :options="{
+            variant: 'default',
+            striped: true,
+            borderless: false,
+            hover: true,
+          }"
+          :options-advanced="{
+            sortable: true,
+            responsive: true,
+            outsideBorder: true,
+          }"
+          advanced
+        >
+          <template #timestamp="{ value }">
+            <div class="text-sm">
+              <div class="font-medium">{{ formatDate(value.created_at, true) }}</div>
+              <div class="text-gray-500 text-xs">
+                {{ new Date(value.created_at).toLocaleTimeString() }}
+              </div>
+            </div>
+          </template>
+
+          <template #status="{ value }">
+            <rs-badge
+              :variant="
+                value.status === 'Sent'
+                  ? 'success'
+                  : value.status === 'Failed'
+                  ? 'danger'
+                  : value.status === 'Opened'
+                  ? 'info'
+                  : value.status === 'Queued'
+                  ? 'warning'
+                  : 'secondary'
+              "
+              size="sm"
+            >
+              {{ value.status }}
+            </rs-badge>
+          </template>
+
+          <template #actions="{ value }">
+            <rs-button variant="primary-text" size="sm" @click="viewLogDetails(value)">
+              <Icon name="ic:outline-visibility" class="mr-1" /> View
+            </rs-button>
+          </template>
+        </rs-table>
+
+        <div v-else class="text-center py-8 text-gray-500">
+          <Icon name="ic:outline-search-off" class="text-4xl mb-2 mx-auto" />
+          <p>No log entries found.</p>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Log Details Modal -->
+    <rs-modal
+      v-model="isLogDetailModalOpen"
+      title="Log Entry Details"
+      size="lg"
+      :overlay-close="true"
+    >
+      <template #body>
+        <div v-if="selectedLog" class="space-y-4">
+          <div class="grid grid-cols-2 gap-4">
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Log ID</label>
+              <p class="font-mono text-sm">{{ selectedLog.id }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1"
+                >Timestamp</label
+              >
+              <p class="text-sm">{{ formatDate(selectedLog.created_at, true) }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Action</label>
+              <p class="text-sm">{{ selectedLog.action }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Actor</label>
+              <p class="text-sm">{{ selectedLog.actor }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Channel</label>
+              <p class="text-sm">{{ selectedLog.channel_type }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Status</label>
+              <rs-badge
+                :variant="
+                  selectedLog.status === 'Sent'
+                    ? 'success'
+                    : selectedLog.status === 'Failed'
+                    ? 'danger'
+                    : selectedLog.status === 'Opened'
+                    ? 'info'
+                    : selectedLog.status === 'Queued'
+                    ? 'warning'
+                    : 'secondary'
+                "
+                size="sm"
+              >
+                {{ selectedLog.status }}
+              </rs-badge>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1"
+                >Source IP</label
+              >
+              <p class="text-sm font-mono">{{ selectedLog.source_ip }}</p>
+            </div>
+          </div>
+
+          <div>
+            <label class="block text-sm font-medium text-gray-500 mb-1">Details</label>
+            <p class="text-sm p-3 bg-gray-50 dark:bg-gray-800 rounded">
+              {{ selectedLog.details }}
+            </p>
+          </div>
+
+          <template v-if="selectedLog.status === 'Failed'">
+            <div class="border-t pt-4">
+              <h4 class="text-lg font-medium text-red-600 dark:text-red-400 mb-3">
+                Error Information
+              </h4>
+              <div class="grid grid-cols-2 gap-4">
+                <div>
+                  <label class="block text-sm font-medium text-gray-500 mb-1"
+                    >Error Code</label
+                  >
+                  <p class="text-sm font-mono text-red-600 dark:text-red-400">
+                    {{ selectedLog.error_code }}
+                  </p>
+                </div>
+                <div>
+                  <label class="block text-sm font-medium text-gray-500 mb-1"
+                    >Error Message</label
+                  >
+                  <p class="text-sm text-red-600 dark:text-red-400">
+                    {{ selectedLog.error_message }}
+                  </p>
+                </div>
+              </div>
+            </div>
+          </template>
+        </div>
+      </template>
+
+      <template #footer>
+        <rs-button @click="isLogDetailModalOpen = false" variant="primary-outline">
+          Close
+        </rs-button>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Notification Logs & Audit Trail",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Logs & Audit Trail",
+      path: "/notification/log-audit",
+      type: "current",
+    },
+  ],
+});
+
+import { ref, computed, onMounted } from "vue";
+
+// Use the notification logs composable
+const {
+  logs,
+  loading,
+  error,
+  summaryStats: rawSummaryStats,
+  fetchLogs,
+  formatDate,
+} = useNotificationLogs();
+
+// Transform summary stats from object to array format for display
+const summaryStats = computed(() => {
+  if (!rawSummaryStats.value) return [];
+
+  return [
+    {
+      title: "Total Logs",
+      value: rawSummaryStats.value.totalLogs || 0,
+      icon: "ic:outline-article",
+    },
+    {
+      title: "Successful Deliveries",
+      value: rawSummaryStats.value.successfulDeliveries || 0,
+      icon: "ic:outline-mark-email-read",
+    },
+    {
+      title: "Failed Deliveries",
+      value: rawSummaryStats.value.failedDeliveries || 0,
+      icon: "ic:outline-error-outline",
+    },
+    {
+      title: "Success Rate",
+      value: `${rawSummaryStats.value.successRate || 0}%`,
+      icon: "ic:outline-insights",
+    },
+  ];
+});
+
+// Navigation features
+const features = ref([
+  {
+    title: "Analytics Dashboard",
+    description:
+      "View metrics and trends for notification performance and delivery rates.",
+    icon: "ic:outline-bar-chart",
+    path: "/notification/log-audit/analytics",
+  },
+  {
+    title: "Audit Logs",
+    description:
+      "Detailed logs of all notification activities with filtering capabilities.",
+    icon: "ic:outline-list-alt",
+    path: "/notification/log-audit/logs",
+  },
+  {
+    title: "Reports",
+    description: "Generate and export reports for compliance and analysis purposes.",
+    icon: "ic:outline-file-download",
+    path: "/notification/log-audit/reports",
+  },
+]);
+
+// Fields for RsTable
+const logTableFields = [
+  "timestamp",
+  "action",
+  "actor",
+  "channel_type",
+  "status",
+  "actions",
+];
+
+// Log detail modal
+const isLogDetailModalOpen = ref(false);
+const selectedLog = ref(null);
+
+const viewLogDetails = (log) => {
+  selectedLog.value = log;
+  isLogDetailModalOpen.value = true;
+};
+
+// Fetch logs on component mount
+onMounted(async () => {
+  try {
+    await fetchLogs();
+  } catch (err) {
+    console.error("Error loading logs:", err);
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+:deep(.formkit-outer) {
+  margin-bottom: 0;
+}
+
+:deep(.formkit-label) {
+  font-weight: 500;
+  color: rgb(107 114 128);
+  font-size: 0.875rem;
+  margin-bottom: 0.5rem;
+}
+
+:deep(.formkit-input) {
+  border-radius: 0.5rem;
+}
+</style>
diff --git a/pages/notification/log-audit/logs.vue b/pages/notification/log-audit/logs.vue
new file mode 100644
index 0000000..d43e531
--- /dev/null
+++ b/pages/notification/log-audit/logs.vue
@@ -0,0 +1,410 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Info Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-list-alt"></Icon>
+          <h1 class="text-xl font-bold text-primary">Audit Logs</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          View notification logs and filter by date, channel, status, or content.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Summary Stats -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(item, index) in summaryStats"
+        :key="index"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-5 flex justify-center items-center bg-primary/20 rounded-2xl"
+          >
+            <Icon class="text-primary text-3xl" :name="item.icon"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight text-primary">
+              {{ item.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ item.title }}
+            </span>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Main Content Card -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-history"></Icon>
+            <h3 class="text-lg font-semibold text-primary">All Audit Logs</h3>
+          </div>
+          <div class="flex items-center gap-2">
+            <rs-button variant="primary-outline" size="sm" @click="refreshLogs">
+              <Icon name="ic:outline-refresh" class="mr-1"/> Refresh
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <!-- Filters Section -->
+        <div class="mb-6 p-4 bg-gray-50 dark:bg-gray-800/50 rounded-lg">
+          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
+            <FormKit
+              type="text"
+              label="Actor"
+              v-model="filters.actor"
+              placeholder="Enter user or actor"
+              outer-class="mb-0"
+            />
+            
+            <FormKit
+              type="select"
+              label="Channel"
+              v-model="filters.channel"
+              placeholder="Select channel"
+              :options="availableChannels"
+              outer-class="mb-0"
+            />
+            
+            <FormKit
+              type="select"
+              label="Status"
+              v-model="filters.status"
+              placeholder="Select status"
+              :options="availableStatuses"
+              outer-class="mb-0"
+            />
+            
+            <FormKit
+              type="search"
+              label="Search"
+              v-model="filters.keyword"
+              placeholder="Search in logs..."
+              outer-class="mb-0"
+            />
+          </div>
+          
+          <div class="flex justify-between items-center mt-4">
+            <div class="text-sm text-gray-600" v-if="!loading">
+              Showing {{ logs.length }} entries
+            </div>
+            <div class="flex gap-2">
+              <rs-button @click="clearFilters" variant="secondary-outline" size="sm">
+                <Icon name="ic:outline-clear" class="mr-1"/> Clear
+              </rs-button>
+              <rs-button @click="applyFilters(filters)" variant="primary">
+                <Icon name="ic:outline-search" class="mr-1"/> Apply
+              </rs-button>
+            </div>
+          </div>
+        </div>
+
+        <!-- Loading State -->
+        <div v-if="loading" class="flex justify-center py-8">
+          <Loading />
+        </div>
+
+        <!-- Log Table -->
+        <rs-table
+          v-else-if="logs && logs.length > 0"
+          :data="logs"
+          :field="logTableFields"
+          :options="{
+            variant: 'default',
+            striped: true,
+            borderless: false,
+            hover: true
+          }"
+          :options-advanced="{ 
+            sortable: true,
+            responsive: true,
+            outsideBorder: true 
+          }"
+          advanced
+        >
+          <template #timestamp="{ value }">
+            <div class="text-sm">
+              <div class="font-medium">{{ formatDate(value.created_at, true) }}</div>
+              <div class="text-gray-500 text-xs">{{ new Date(value.created_at).toLocaleTimeString() }}</div>
+            </div>
+          </template>
+          
+          <template #status="{ value }">
+            <rs-badge 
+              :variant="value.status === 'Sent' ? 'success' : 
+                       value.status === 'Failed' ? 'danger' : 
+                       value.status === 'Opened' ? 'info' : 
+                       value.status === 'Queued' ? 'warning' : 'secondary'"
+              size="sm"
+            >
+              {{ value.status }}
+            </rs-badge>
+          </template>
+          
+          <template #actions="{ value }">
+            <rs-button variant="primary-text" size="sm" @click="viewLogDetails(value)">
+              <Icon name="ic:outline-visibility" class="mr-1"/> View
+            </rs-button>
+          </template>
+        </rs-table>
+        
+        <!-- Empty State -->
+        <div v-else class="text-center py-8 text-gray-500">
+          <Icon name="ic:outline-search-off" class="text-4xl mb-2 mx-auto"/>
+          <p>No log entries found matching your filters.</p>
+          <rs-button variant="primary-outline" @click="clearFilters" class="mt-4">
+            Clear Filters
+          </rs-button>
+        </div>
+
+        <!-- Pagination -->
+        <div v-if="logs && logs.length > 0" class="flex justify-center mt-6">
+          <div class="flex items-center gap-1">
+            <rs-button 
+              variant="primary-text" 
+              size="sm" 
+              :disabled="pagination.page === 1"
+              @click="changePage(pagination.page - 1)"
+            >
+              <Icon name="ic:outline-chevron-left"/>
+            </rs-button>
+            
+            <div class="flex gap-1">
+              <rs-button 
+                v-for="p in paginationButtons" 
+                :key="p" 
+                variant="primary-text" 
+                size="sm"
+                :class="pagination.page === p ? 'bg-primary/10' : ''"
+                @click="changePage(p)"
+              >
+                {{ p }}
+              </rs-button>
+            </div>
+            
+            <rs-button 
+              variant="primary-text" 
+              size="sm" 
+              :disabled="pagination.page === pagination.pages"
+              @click="changePage(pagination.page + 1)"
+            >
+              <Icon name="ic:outline-chevron-right"/>
+            </rs-button>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Log Details Modal -->
+    <rs-modal 
+      v-model="isLogDetailModalOpen" 
+      title="Log Entry Details" 
+      size="lg" 
+      :overlay-close="true"
+    >
+      <template #body>
+        <div v-if="selectedLog" class="space-y-4">
+          <div class="grid grid-cols-2 gap-4">
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Log ID</label>
+              <p class="font-mono text-sm">{{ selectedLog.id }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Timestamp</label>
+              <p class="text-sm">{{ formatDate(selectedLog.created_at, true) }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Action</label>
+              <p class="text-sm">{{ selectedLog.action }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Actor</label>
+              <p class="text-sm">{{ selectedLog.actor }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Channel</label>
+              <p class="text-sm">{{ selectedLog.channel_type }}</p>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Status</label>
+              <rs-badge 
+                :variant="selectedLog.status === 'Sent' ? 'success' : 
+                         selectedLog.status === 'Failed' ? 'danger' : 
+                         selectedLog.status === 'Opened' ? 'info' : 
+                         selectedLog.status === 'Queued' ? 'warning' : 'secondary'"
+                size="sm"
+              >
+                {{ selectedLog.status }}
+              </rs-badge>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-gray-500 mb-1">Source IP</label>
+              <p class="text-sm font-mono">{{ selectedLog.source_ip }}</p>
+            </div>
+          </div>
+          
+          <div>
+            <label class="block text-sm font-medium text-gray-500 mb-1">Details</label>
+            <p class="text-sm p-3 bg-gray-50 dark:bg-gray-800 rounded">{{ selectedLog.details }}</p>
+          </div>
+          
+          <template v-if="selectedLog.status === 'Failed'">
+            <div class="border-t pt-4">
+              <h4 class="text-lg font-medium text-red-600 dark:text-red-400 mb-3">Error Information</h4>
+              <div class="grid grid-cols-2 gap-4">
+                <div>
+                  <label class="block text-sm font-medium text-gray-500 mb-1">Error Code</label>
+                  <p class="text-sm font-mono text-red-600 dark:text-red-400">{{ selectedLog.error_code }}</p>
+                </div>
+                <div>
+                  <label class="block text-sm font-medium text-gray-500 mb-1">Error Message</label>
+                  <p class="text-sm text-red-600 dark:text-red-400">{{ selectedLog.error_message }}</p>
+                </div>
+              </div>
+            </div>
+          </template>
+        </div>
+      </template>
+      
+      <template #footer>
+        <rs-button @click="isLogDetailModalOpen = false" variant="primary-outline">
+          Close
+        </rs-button>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Audit Logs",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Logs & Audit Trail",
+      path: "/notification/log-audit",
+    },
+    {
+      name: "Audit Logs",
+      path: "/notification/log-audit/logs",
+      type: "current"
+    },
+  ],
+});
+
+import { ref, computed, onMounted } from 'vue'
+
+// Use the notification logs composable
+const { 
+  logs, 
+  loading, 
+  error, 
+  pagination,
+  summaryStats,
+  filters,
+  fetchLogs,
+  applyFilters,
+  clearFilters,
+  changePage,
+  formatDate,
+  availableActions,
+  availableChannels,
+  availableStatuses
+} = useNotificationLogs()
+
+// Computed property for pagination buttons
+const paginationButtons = computed(() => {
+  const current = pagination.value.page
+  const total = pagination.value.pages
+  const buttons = []
+  
+  if (total <= 7) {
+    // Less than 7 pages, show all
+    for (let i = 1; i <= total; i++) {
+      buttons.push(i)
+    }
+  } else {
+    // Always show first page
+    buttons.push(1)
+    
+    if (current > 3) {
+      buttons.push('...')
+    }
+    
+    // Pages around current
+    const start = Math.max(2, current - 1)
+    const end = Math.min(current + 1, total - 1)
+    
+    for (let i = start; i <= end; i++) {
+      buttons.push(i)
+    }
+    
+    if (current < total - 2) {
+      buttons.push('...')
+    }
+    
+    // Always show last page
+    buttons.push(total)
+  }
+  
+  return buttons
+})
+
+// Fields for RsTable
+const logTableFields = ['timestamp', 'action', 'actor', 'channel_type', 'status', 'actions']
+
+// Log detail modal
+const isLogDetailModalOpen = ref(false)
+const selectedLog = ref(null)
+
+const viewLogDetails = (log) => {
+  selectedLog.value = log
+  isLogDetailModalOpen.value = true
+}
+
+const refreshLogs = async () => {
+  await fetchLogs()
+}
+
+// Fetch logs on component mount
+onMounted(async () => {
+  await fetchLogs()
+})
+</script>
+
+<style lang="scss" scoped>
+:deep(.formkit-outer) {
+  margin-bottom: 0;
+}
+
+:deep(.formkit-label) {
+  font-weight: 500;
+  color: rgb(107 114 128);
+  font-size: 0.875rem;
+  margin-bottom: 0.5rem;
+}
+
+:deep(.formkit-input) {
+  border-radius: 0.5rem;
+}
+</style> 
\ No newline at end of file
diff --git a/pages/notification/log-audit/monitoring.vue b/pages/notification/log-audit/monitoring.vue
new file mode 100644
index 0000000..ba1ac62
--- /dev/null
+++ b/pages/notification/log-audit/monitoring.vue
@@ -0,0 +1,689 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Info Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-monitor"></Icon>
+          <h1 class="text-xl font-bold text-primary">Real-Time Monitoring</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Live monitoring of notification system performance with real-time alerts and
+          system health indicators. Track ongoing activities, monitor system load, and
+          receive immediate notifications about issues.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- System Status Overview -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(status, index) in systemStatus"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-5 flex justify-center items-center rounded-2xl transition-all duration-300"
+            :class="
+              status.status === 'healthy'
+                ? 'bg-green-100'
+                : status.status === 'warning'
+                ? 'bg-yellow-100'
+                : 'bg-red-100'
+            "
+          >
+            <Icon
+              class="text-3xl"
+              :class="
+                status.status === 'healthy'
+                  ? 'text-green-600'
+                  : status.status === 'warning'
+                  ? 'text-yellow-600'
+                  : 'text-red-600'
+              "
+              :name="status.icon"
+            />
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight text-primary">
+              {{ status.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ status.title }}
+            </span>
+            <div class="flex items-center mt-1">
+              <div
+                class="w-2 h-2 rounded-full mr-2"
+                :class="
+                  status.status === 'healthy'
+                    ? 'bg-green-500'
+                    : status.status === 'warning'
+                    ? 'bg-yellow-500'
+                    : 'bg-red-500'
+                "
+              ></div>
+              <span
+                class="text-xs font-medium capitalize"
+                :class="
+                  status.status === 'healthy'
+                    ? 'text-green-600'
+                    : status.status === 'warning'
+                    ? 'text-yellow-600'
+                    : 'text-red-600'
+                "
+              >
+                {{ status.status }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Real-Time Controls -->
+    <rs-card class="mb-6">
+      <template #body>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center gap-4">
+            <h3 class="text-lg font-semibold text-primary">Monitoring Controls</h3>
+            <div class="flex items-center gap-2">
+              <div
+                class="w-3 h-3 rounded-full animate-pulse"
+                :class="isMonitoring ? 'bg-green-500' : 'bg-gray-400'"
+              ></div>
+              <span class="text-sm font-medium">
+                {{ isMonitoring ? "Live" : "Paused" }}
+              </span>
+            </div>
+          </div>
+          <div class="flex items-center gap-2">
+            <FormKit
+              type="select"
+              v-model="refreshInterval"
+              :options="refreshOptions"
+              outer-class="mb-0"
+              @input="updateRefreshInterval"
+            />
+            <rs-button
+              :variant="isMonitoring ? 'danger-outline' : 'primary'"
+              size="sm"
+              @click="toggleMonitoring"
+            >
+              <Icon
+                :name="isMonitoring ? 'ic:outline-pause' : 'ic:outline-play-arrow'"
+                class="mr-1"
+              />
+              {{ isMonitoring ? "Pause" : "Start" }}
+            </rs-button>
+            <rs-button variant="primary-outline" size="sm" @click="refreshData">
+              <Icon name="ic:outline-refresh" class="mr-1" /> Refresh
+            </rs-button>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- System Performance Dashboard -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon name="ic:outline-speed" class="mr-2 text-primary" />
+            <h3 class="text-lg font-semibold text-primary">System Performance</h3>
+          </div>
+          <rs-button variant="outline" size="sm" @click="exportPerformanceData">
+            <Icon name="ic:outline-file-download" class="mr-1" /> Export Data
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
+          <!-- CPU Usage -->
+          <div class="text-center">
+            <div class="relative mx-auto w-32 h-32 mb-4">
+              <div
+                class="w-full h-full bg-gray-200 rounded-full flex items-center justify-center"
+              >
+                <div class="text-center">
+                  <div class="text-2xl font-bold text-primary">
+                    {{ performanceMetrics.cpu }}%
+                  </div>
+                  <div class="text-xs text-gray-600">CPU</div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Memory Usage -->
+          <div class="text-center">
+            <div class="relative mx-auto w-32 h-32 mb-4">
+              <div
+                class="w-full h-full bg-gray-200 rounded-full flex items-center justify-center"
+              >
+                <div class="text-center">
+                  <div class="text-2xl font-bold text-primary">
+                    {{ performanceMetrics.memory }}%
+                  </div>
+                  <div class="text-xs text-gray-600">Memory</div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Queue Load -->
+          <div class="text-center">
+            <div class="relative mx-auto w-32 h-32 mb-4">
+              <div
+                class="w-full h-full bg-gray-200 rounded-full flex items-center justify-center"
+              >
+                <div class="text-center">
+                  <div class="text-2xl font-bold text-primary">
+                    {{ performanceMetrics.queueLoad }}%
+                  </div>
+                  <div class="text-xs text-gray-600">Queue Load</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Performance Chart Placeholder -->
+        <div
+          class="h-64 bg-gray-100 dark:bg-gray-800 flex items-center justify-center rounded"
+        >
+          <div class="text-center">
+            <Icon name="ic:outline-show-chart" class="text-4xl text-gray-400 mb-2" />
+            <p class="text-gray-500">Real-time Performance Chart</p>
+            <p class="text-sm text-gray-400 mt-1">
+              Implementation pending for live performance metrics
+            </p>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Live Activity & Alerts Grid -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+      <!-- Live Activity Feed -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon name="ic:outline-notifications-active" class="mr-2 text-primary" />
+              <h3 class="text-lg font-semibold text-primary">Live Activity Feed</h3>
+            </div>
+            <div class="flex items-center gap-2">
+              <rs-button variant="outline" size="sm" @click="clearActivityFeed">
+                <Icon name="ic:outline-clear" class="mr-1" /> Clear
+              </rs-button>
+            </div>
+          </div>
+        </template>
+        <template #body>
+          <div class="h-96 overflow-y-auto space-y-3">
+            <div
+              v-for="(activity, index) in liveActivityFeed"
+              :key="index"
+              class="flex items-start p-3 bg-gray-50 dark:bg-gray-800 rounded-lg transition-all duration-300 hover:bg-gray-100 dark:hover:bg-gray-700"
+            >
+              <div
+                class="w-3 h-3 rounded-full mr-3 mt-2 flex-shrink-0"
+                :class="{
+                  'bg-green-500': activity.type === 'success',
+                  'bg-blue-500': activity.type === 'info',
+                  'bg-yellow-500': activity.type === 'warning',
+                  'bg-red-500': activity.type === 'error',
+                }"
+              ></div>
+              <div class="flex-1 min-w-0">
+                <p class="font-medium text-sm">{{ activity.action }}</p>
+                <p class="text-xs text-gray-600 mt-1">{{ activity.details }}</p>
+                <div class="flex items-center mt-2 text-xs text-gray-500">
+                  <Icon name="ic:outline-access-time" class="mr-1" />
+                  <span>{{ activity.timestamp }}</span>
+                  <span class="mx-2">•</span>
+                  <span>{{ activity.source }}</span>
+                </div>
+              </div>
+            </div>
+
+            <div
+              v-if="liveActivityFeed.length === 0"
+              class="text-center py-8 text-gray-500"
+            >
+              <Icon name="ic:outline-wifi-tethering" class="text-3xl mb-2 mx-auto" />
+              <p>Waiting for live activity...</p>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Error Alerts -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon name="ic:outline-warning" class="mr-2 text-primary" />
+              <h3 class="text-lg font-semibold text-primary">Error Alerts</h3>
+            </div>
+            <div class="flex items-center gap-2">
+              <rs-badge
+                :variant="
+                  errorAlerts.filter((a) => a.severity === 'critical').length > 0
+                    ? 'danger'
+                    : 'secondary'
+                "
+                size="sm"
+              >
+                {{ errorAlerts.length }} Active
+              </rs-badge>
+              <rs-button variant="outline" size="sm" @click="acknowledgeAllAlerts">
+                <Icon name="ic:outline-check" class="mr-1" /> Acknowledge All
+              </rs-button>
+            </div>
+          </div>
+        </template>
+        <template #body>
+          <div class="h-96 overflow-y-auto space-y-3">
+            <div
+              v-for="(alert, index) in errorAlerts"
+              :key="index"
+              class="p-3 rounded-lg border-l-4 transition-all duration-300 hover:shadow-sm"
+              :class="{
+                'bg-red-50 border-red-400': alert.severity === 'critical',
+                'bg-yellow-50 border-yellow-400': alert.severity === 'warning',
+                'bg-blue-50 border-blue-400': alert.severity === 'info',
+              }"
+            >
+              <div class="flex items-start justify-between">
+                <div class="flex-1">
+                  <div class="flex items-center">
+                    <Icon
+                      :name="
+                        alert.severity === 'critical'
+                          ? 'ic:outline-error'
+                          : alert.severity === 'warning'
+                          ? 'ic:outline-warning'
+                          : 'ic:outline-info'
+                      "
+                      :class="{
+                        'text-red-600': alert.severity === 'critical',
+                        'text-yellow-600': alert.severity === 'warning',
+                        'text-blue-600': alert.severity === 'info',
+                      }"
+                      class="mr-2"
+                    />
+                    <span class="font-medium text-sm">{{ alert.title }}</span>
+                  </div>
+                  <p class="text-xs text-gray-600 mt-1">{{ alert.description }}</p>
+                  <div class="flex items-center mt-2 text-xs text-gray-500">
+                    <span>{{ alert.timestamp }}</span>
+                    <span class="mx-2">•</span>
+                    <span>{{ alert.component }}</span>
+                  </div>
+                </div>
+                <rs-button
+                  variant="outline"
+                  size="sm"
+                  @click="acknowledgeAlert(index)"
+                  class="ml-2"
+                >
+                  <Icon name="ic:outline-check" />
+                </rs-button>
+              </div>
+            </div>
+
+            <div v-if="errorAlerts.length === 0" class="text-center py-8 text-gray-500">
+              <Icon
+                name="ic:outline-check-circle"
+                class="text-3xl mb-2 mx-auto text-green-500"
+              />
+              <p>No active alerts</p>
+              <p class="text-sm text-gray-400 mt-1">All systems operating normally</p>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+    </div>
+
+    <!-- Queue Status -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon name="ic:outline-queue" class="mr-2 text-primary" />
+            <h3 class="text-lg font-semibold text-primary">Queue Status</h3>
+          </div>
+          <rs-button
+            variant="outline"
+            size="sm"
+            @click="navigateTo('/notification/queue-scheduler/monitor')"
+          >
+            View Queue Monitor
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+          <div
+            v-for="queue in queueStatus"
+            :key="queue.name"
+            class="p-4 bg-gray-50 dark:bg-gray-800 rounded-lg"
+          >
+            <div class="flex items-center justify-between mb-2">
+              <span class="font-medium">{{ queue.name }}</span>
+              <rs-badge
+                :variant="
+                  queue.status === 'active'
+                    ? 'success'
+                    : queue.status === 'warning'
+                    ? 'warning'
+                    : 'danger'
+                "
+                size="sm"
+              >
+                {{ queue.status }}
+              </rs-badge>
+            </div>
+            <div class="text-2xl font-bold text-primary mb-1">{{ queue.count }}</div>
+            <div class="text-sm text-gray-600">{{ queue.description }}</div>
+            <div class="w-full bg-gray-200 rounded-full h-2 mt-2">
+              <div
+                class="h-2 rounded-full transition-all duration-300"
+                :class="
+                  queue.status === 'active'
+                    ? 'bg-green-500'
+                    : queue.status === 'warning'
+                    ? 'bg-yellow-500'
+                    : 'bg-red-500'
+                "
+                :style="{ width: queue.utilization + '%' }"
+              ></div>
+            </div>
+            <div class="text-xs text-gray-500 mt-1">
+              {{ queue.utilization }}% utilized
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Recent Logs -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon name="ic:outline-history" class="mr-2 text-primary" />
+            <h3 class="text-lg font-semibold text-primary">Recent Activity Logs</h3>
+          </div>
+          <rs-button
+            variant="outline"
+            size="sm"
+            @click="navigateTo('/notification/log-audit/logs')"
+          >
+            View All Logs
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div class="space-y-3">
+          <div
+            v-for="(log, index) in recentLogs"
+            :key="index"
+            class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg"
+          >
+            <div class="flex items-center">
+              <div
+                class="w-3 h-3 rounded-full mr-3"
+                :class="{
+                  'bg-green-500': log.status === 'sent' || log.status === 'created',
+                  'bg-yellow-500': log.status === 'queued',
+                  'bg-red-500': log.status === 'failed',
+                  'bg-blue-500': log.status === 'opened',
+                }"
+              ></div>
+              <div>
+                <p class="font-medium">{{ log.action }}</p>
+                <p class="text-sm text-gray-600">{{ log.description }}</p>
+              </div>
+            </div>
+            <div class="text-right">
+              <p class="text-sm font-medium capitalize">{{ log.status }}</p>
+              <p class="text-xs text-gray-500">{{ log.time }}</p>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Real-Time Monitoring",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Logs & Audit Trail",
+      path: "/notification/log-audit",
+    },
+    {
+      name: "Monitoring",
+      path: "/notification/log-audit/monitoring",
+      type: "current",
+    },
+  ],
+});
+
+import { ref, computed, onMounted, onUnmounted } from "vue";
+
+// Use the notification logs composable
+const {
+  monitoringData,
+  monitoringLoading,
+  monitoringError,
+  fetchMonitoringData,
+  formatTimeAgo,
+} = useNotificationLogs();
+
+// Monitoring state
+const isMonitoring = ref(true);
+const refreshInterval = ref("5s");
+const refreshIntervalId = ref(null);
+
+const refreshOptions = [
+  { label: "1 second", value: "1s" },
+  { label: "5 seconds", value: "5s" },
+  { label: "10 seconds", value: "10s" },
+  { label: "30 seconds", value: "30s" },
+  { label: "1 minute", value: "1m" },
+];
+
+// System status data - will be updated from API
+const systemStatus = computed(
+  () =>
+    monitoringData.value?.systemStatus || [
+      {
+        title: "System Health",
+        value: "Healthy",
+        icon: "ic:outline-favorite",
+        status: "healthy",
+      },
+      {
+        title: "Throughput",
+        value: "0/hr",
+        icon: "ic:outline-speed",
+        status: "healthy",
+      },
+      {
+        title: "Error Rate",
+        value: "0.00%",
+        icon: "ic:outline-error-outline",
+        status: "healthy",
+      },
+      {
+        title: "Response Time",
+        value: "0ms",
+        icon: "ic:outline-timer",
+        status: "healthy",
+      },
+    ]
+);
+
+// Performance metrics - will be updated from API
+const performanceMetrics = computed(
+  () =>
+    monitoringData.value?.performanceMetrics || {
+      cpu: 0,
+      memory: 0,
+      queueLoad: 0,
+    }
+);
+
+// Live activity feed - will be updated from API
+const liveActivityFeed = computed(() => monitoringData.value?.recentActivity || []);
+
+// Error alerts - will be updated from API
+const errorAlerts = computed(() => monitoringData.value?.errorAlerts || []);
+
+// Queue status - will be updated from API
+const queueStatus = computed(() => monitoringData.value?.queueStatus || []);
+
+// Recent logs - using the same activity feed
+const recentLogs = computed(() => liveActivityFeed.value);
+
+// Methods
+const toggleMonitoring = () => {
+  isMonitoring.value = !isMonitoring.value;
+  if (isMonitoring.value) {
+    startMonitoring();
+  } else {
+    stopMonitoring();
+  }
+};
+
+const updateRefreshInterval = () => {
+  if (isMonitoring.value) {
+    stopMonitoring();
+    startMonitoring();
+  }
+};
+
+const startMonitoring = () => {
+  const intervalMs =
+    {
+      "1s": 1000,
+      "5s": 5000,
+      "10s": 10000,
+      "30s": 30000,
+      "1m": 60000,
+    }[refreshInterval.value] || 5000;
+
+  // Fetch immediately
+  fetchMonitoringData();
+
+  // Then set up the interval
+  refreshIntervalId.value = setInterval(async () => {
+    await fetchMonitoringData();
+  }, intervalMs);
+};
+
+const stopMonitoring = () => {
+  if (refreshIntervalId.value) {
+    clearInterval(refreshIntervalId.value);
+    refreshIntervalId.value = null;
+  }
+};
+
+const refreshData = async () => {
+  await fetchMonitoringData();
+};
+
+const clearActivityFeed = () => {
+  // For now, just refresh the data - in a real app, you might have an API endpoint to clear the feed
+  fetchMonitoringData();
+};
+
+const acknowledgeAlert = (index) => {
+  // In a real app, you would call an API to acknowledge the alert
+  errorAlerts.value.splice(index, 1);
+};
+
+const acknowledgeAllAlerts = () => {
+  // In a real app, you would call an API to acknowledge all alerts
+  errorAlerts.value = [];
+};
+
+const exportPerformanceData = () => {
+  console.log("Exporting performance data...");
+  alert("Exporting performance data. (Implementation pending)");
+};
+
+// Lifecycle
+onMounted(() => {
+  if (isMonitoring.value) {
+    startMonitoring();
+  }
+});
+
+onUnmounted(() => {
+  stopMonitoring();
+});
+</script>
+
+<style lang="scss" scoped>
+// Custom styles for FormKit consistency
+:deep(.formkit-outer) {
+  margin-bottom: 0;
+}
+
+:deep(.formkit-label) {
+  font-weight: 500;
+  color: rgb(107 114 128);
+  font-size: 0.875rem;
+  margin-bottom: 0.5rem;
+}
+
+:deep(.formkit-input) {
+  border-radius: 0.5rem;
+}
+
+// Badge component styles (if RsBadge doesn't exist, these can be adjusted)
+.rs-badge {
+  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
+}
+
+.rs-badge.variant-success {
+  @apply bg-green-100 text-green-800;
+}
+
+.rs-badge.variant-danger {
+  @apply bg-red-100 text-red-800;
+}
+
+.rs-badge.variant-warning {
+  @apply bg-yellow-100 text-yellow-800;
+}
+
+.rs-badge.variant-info {
+  @apply bg-blue-100 text-blue-800;
+}
+
+.rs-badge.variant-secondary {
+  @apply bg-gray-100 text-gray-800;
+}
+</style>
diff --git a/pages/notification/log-audit/reports.vue b/pages/notification/log-audit/reports.vue
new file mode 100644
index 0000000..f64a10c
--- /dev/null
+++ b/pages/notification/log-audit/reports.vue
@@ -0,0 +1,439 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Page Info Card -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-file-download"></Icon>
+          <h1 class="text-xl font-bold text-primary">Reports & Export</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Generate reports and export log data for compliance, auditing, and analysis.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Quick Export Actions -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(action, index) in quickExportActions"
+        :key="index"
+        class="cursor-pointer"
+        @click="quickExport(action.type)"
+      >
+        <div class="pt-5 pb-3 px-5 text-center">
+          <div
+            class="p-5 flex justify-center items-center bg-primary/20 rounded-2xl mx-auto mb-4 w-fit"
+          >
+            <Icon class="text-primary text-3xl" :name="action.icon"></Icon>
+          </div>
+          <span class="block font-bold text-lg leading-tight text-primary mb-2">
+            {{ action.title }}
+          </span>
+          <span class="text-sm text-gray-600">
+            {{ action.description }}
+          </span>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Custom Report Builder -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon name="ic:outline-build" class="mr-2 text-primary" />
+          <h3 class="text-lg font-semibold text-primary">Custom Report Builder</h3>
+        </div>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <!-- Report Configuration -->
+          <div class="space-y-4">
+            <FormKit
+              type="text"
+              label="Report Name"
+              v-model="customReport.name"
+              placeholder="Enter report name"
+            />
+
+            <FormKit
+              type="select"
+              label="Report Type"
+              v-model="customReport.type"
+              :options="reportTypeOptions"
+              placeholder="Select report type"
+            />
+
+            <FormKit
+              type="select"
+              label="Date Range"
+              v-model="customReport.dateRange"
+              :options="dateRangeOptions"
+              placeholder="Select date range"
+            />
+
+            <FormKit
+              type="select"
+              label="Export Format"
+              v-model="customReport.format"
+              :options="exportFormatOptions"
+              placeholder="Select format"
+            />
+
+            <FormKit
+              type="checkbox"
+              label="Include Channels"
+              v-model="customReport.channels"
+              :options="channelOptions"
+            />
+
+            <FormKit
+              type="checkbox"
+              label="Include Status"
+              v-model="customReport.statuses"
+              :options="statusOptions"
+            />
+          </div>
+
+          <!-- Report Preview -->
+          <div class="space-y-4">
+            <h4 class="text-lg font-semibold">Report Preview</h4>
+            <div class="p-4 bg-gray-50 dark:bg-gray-800 rounded-lg min-h-64">
+              <div class="space-y-3">
+                <div class="flex justify-between items-center">
+                  <span class="font-medium">Report Name:</span>
+                  <span class="text-primary">{{
+                    customReport.name || "Untitled Report"
+                  }}</span>
+                </div>
+                <div class="flex justify-between items-center">
+                  <span class="font-medium">Type:</span>
+                  <span>{{ getReportTypeLabel(customReport.type) }}</span>
+                </div>
+                <div class="flex justify-between items-center">
+                  <span class="font-medium">Date Range:</span>
+                  <span>{{ getDateRangeLabel(customReport.dateRange) }}</span>
+                </div>
+                <div class="flex justify-between items-center">
+                  <span class="font-medium">Format:</span>
+                  <span>{{ getFormatLabel(customReport.format) }}</span>
+                </div>
+                <div class="flex justify-between items-start">
+                  <span class="font-medium">Channels:</span>
+                  <div class="text-right">
+                    <div v-if="customReport.channels.length === 0" class="text-gray-500">
+                      All channels
+                    </div>
+                    <div v-else class="space-y-1">
+                      <div
+                        v-for="channel in customReport.channels"
+                        :key="channel"
+                        class="text-sm"
+                      >
+                        {{ channel }}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="flex justify-between items-start">
+                  <span class="font-medium">Status:</span>
+                  <div class="text-right">
+                    <div v-if="customReport.statuses.length === 0" class="text-gray-500">
+                      All statuses
+                    </div>
+                    <div v-else class="space-y-1">
+                      <div
+                        v-for="status in customReport.statuses"
+                        :key="status"
+                        class="text-sm"
+                      >
+                        {{ status }}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div class="flex gap-2">
+              <rs-button
+                @click="generateCustomReport"
+                variant="primary"
+                :disabled="!customReport.name || !customReport.type"
+                class="flex-1"
+              >
+                <Icon name="ic:outline-play-arrow" class="mr-1" /> Generate Report
+              </rs-button>
+              <rs-button @click="saveReportTemplate" variant="secondary-outline">
+                <Icon name="ic:outline-save" class="mr-1" /> Save Template
+              </rs-button>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Export History -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon name="ic:outline-history" class="mr-2 text-primary" />
+            <h3 class="text-lg font-semibold text-primary">Export History</h3>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div class="space-y-3">
+          <div
+            v-for="(export_, index) in exportHistory"
+            :key="index"
+            class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg"
+          >
+            <div class="flex items-center">
+              <Icon
+                :name="
+                  export_.format === 'pdf'
+                    ? 'ic:outline-picture-as-pdf'
+                    : export_.format === 'csv'
+                    ? 'ic:outline-table-chart'
+                    : 'ic:outline-grid-on'
+                "
+                class="mr-3 text-primary text-xl"
+              />
+              <div>
+                <p class="font-medium">{{ export_.name }}</p>
+                <p class="text-sm text-gray-600">{{ export_.description }}</p>
+              </div>
+            </div>
+            <div class="flex items-center gap-4">
+              <div class="text-right">
+                <p class="text-sm font-medium">{{ export_.size }}</p>
+                <p class="text-xs text-gray-500">{{ export_.timestamp }}</p>
+              </div>
+              <rs-badge
+                :variant="
+                  export_.status === 'completed'
+                    ? 'success'
+                    : export_.status === 'processing'
+                    ? 'warning'
+                    : 'danger'
+                "
+                size="sm"
+              >
+                {{ export_.status }}
+              </rs-badge>
+              <div class="flex gap-1">
+                <rs-button
+                  v-if="export_.status === 'completed'"
+                  variant="primary-text"
+                  size="sm"
+                  @click="downloadExport(export_)"
+                >
+                  <Icon name="ic:outline-download" />
+                </rs-button>
+                <rs-button variant="danger-text" size="sm" @click="deleteExport(index)">
+                  <Icon name="ic:outline-delete" />
+                </rs-button>
+              </div>
+            </div>
+          </div>
+
+          <div v-if="exportHistory.length === 0" class="text-center py-8 text-gray-500">
+            <Icon name="ic:outline-folder-open" class="text-4xl mb-2 mx-auto" />
+            <p>No export history available</p>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Reports & Export",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Logs & Audit Trail",
+      path: "/notification/log-audit",
+    },
+    {
+      name: "Reports",
+      path: "/notification/log-audit/reports",
+      type: "current",
+    },
+  ],
+});
+
+import { ref, computed } from "vue";
+
+// Quick export actions
+const quickExportActions = ref([
+  {
+    title: "CSV Export",
+    description: "Export current data to CSV format",
+    icon: "ic:outline-table-chart",
+    type: "csv",
+  },
+  {
+    title: "PDF Report",
+    description: "Generate comprehensive PDF report",
+    icon: "ic:outline-picture-as-pdf",
+    type: "pdf",
+  },
+  {
+    title: "Excel Export",
+    description: "Export data to Excel spreadsheet",
+    icon: "ic:outline-grid-on",
+    type: "excel",
+  },
+  {
+    title: "JSON Export",
+    description: "Export raw data in JSON format",
+    icon: "ic:outline-code",
+    type: "json",
+  },
+]);
+
+// Custom report builder
+const customReport = ref({
+  name: "",
+  type: "",
+  dateRange: "",
+  format: "",
+  channels: [],
+  statuses: [],
+});
+
+const reportTypeOptions = [
+  { label: "Delivery Report", value: "delivery" },
+  { label: "Performance Analytics", value: "performance" },
+  { label: "Error Analysis", value: "errors" },
+  { label: "User Engagement", value: "engagement" },
+  { label: "Channel Comparison", value: "channels" },
+  { label: "Audit Trail", value: "audit" },
+];
+
+const dateRangeOptions = [
+  { label: "Last 24 Hours", value: "1d" },
+  { label: "Last 7 Days", value: "7d" },
+  { label: "Last 30 Days", value: "30d" },
+  { label: "Last 90 Days", value: "90d" },
+  { label: "Last 12 Months", value: "12m" },
+  { label: "Custom Range", value: "custom" },
+];
+
+const exportFormatOptions = [
+  { label: "CSV", value: "csv" },
+  { label: "PDF", value: "pdf" },
+  { label: "Excel", value: "excel" },
+  { label: "JSON", value: "json" },
+];
+
+const channelOptions = [
+  { label: "Email", value: "Email" },
+  { label: "SMS", value: "SMS" },
+  { label: "Push Notification", value: "Push Notification" },
+  { label: "Webhook", value: "Webhook" },
+];
+
+const statusOptions = [
+  { label: "Sent", value: "Sent" },
+  { label: "Failed", value: "Failed" },
+  { label: "Bounced", value: "Bounced" },
+  { label: "Opened", value: "Opened" },
+  { label: "Queued", value: "Queued" },
+];
+
+// Export history
+const exportHistory = ref([
+  {
+    name: "Notification Analytics Report",
+    description: "Monthly performance analysis",
+    format: "pdf",
+    size: "2.4 MB",
+    timestamp: "2 hours ago",
+    status: "completed",
+  },
+  {
+    name: "Delivery Logs Export",
+    description: "Last 30 days delivery data",
+    format: "csv",
+    size: "856 KB",
+    timestamp: "1 day ago",
+    status: "completed",
+  },
+]);
+
+// Helper functions
+const getReportTypeLabel = (value) => {
+  const option = reportTypeOptions.find((opt) => opt.value === value);
+  return option ? option.label : "Not selected";
+};
+
+const getDateRangeLabel = (value) => {
+  const option = dateRangeOptions.find((opt) => opt.value === value);
+  return option ? option.label : "Not selected";
+};
+
+const getFormatLabel = (value) => {
+  const option = exportFormatOptions.find((opt) => opt.value === value);
+  return option ? option.label : "Not selected";
+};
+
+// Methods
+const quickExport = (type) => {
+  console.log(`Quick export: ${type}`);
+  alert(`Exporting data in ${type} format. (Implementation pending)`);
+};
+
+const generateCustomReport = () => {
+  console.log("Generating custom report:", customReport.value);
+  alert(`Generating custom report: ${customReport.value.name}. (Implementation pending)`);
+};
+
+const saveReportTemplate = () => {
+  console.log("Saving report template:", customReport.value);
+  alert(`Saving report template: ${customReport.value.name}. (Implementation pending)`);
+};
+
+const downloadExport = (export_) => {
+  console.log("Downloading export:", export_);
+  alert(`Downloading ${export_.name}. (Implementation pending)`);
+};
+
+const deleteExport = (index) => {
+  exportHistory.value.splice(index, 1);
+};
+</script>
+
+<style lang="scss" scoped>
+:deep(.formkit-outer) {
+  margin-bottom: 1rem;
+}
+
+:deep(.formkit-label) {
+  font-weight: 500;
+  color: rgb(107 114 128);
+  font-size: 0.875rem;
+  margin-bottom: 0.5rem;
+}
+
+:deep(.formkit-input) {
+  border-radius: 0.5rem;
+}
+</style>
diff --git a/pages/notification/preferences/index.vue b/pages/notification/preferences/index.vue
new file mode 100644
index 0000000..670d90e
--- /dev/null
+++ b/pages/notification/preferences/index.vue
@@ -0,0 +1,642 @@
+<script setup>
+import { ref, computed } from 'vue';
+
+definePageMeta({
+  title: "Admin: User Preferences & System Settings",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const currentTab = ref('categories'); // categories, channels, frequencies, globalQuietHours, userAudit, bulkOps
+
+// --- Admin: Notification Categories ---
+const adminNotificationCategories = ref([
+  { id: 'cat_promo', name: 'Promotions & Offers', description: 'Updates on new promotions, discounts, etc.', defaultSubscribed: true, isActive: true },
+  { id: 'cat_alerts', name: 'Critical Alerts', description: 'Important security or account issue alerts.', defaultSubscribed: true, isActive: true },
+  { id: 'cat_updates', name: 'Product Updates', description: 'New features, improvements, system maintenance.', defaultSubscribed: true, isActive: true },
+  { id: 'cat_newsletter', name: 'Newsletter', description: 'Regular news and tips.', defaultSubscribed: false, isActive: true },
+  { id: 'cat_surveys', name: 'Feedback Surveys', description: 'Occasional surveys to improve our service.', defaultSubscribed: false, isActive: false },
+]);
+const showCategoryModal = ref(false);
+const editingCategory = ref(null);
+const categoryForm = ref({ id: null, name: '', description: '', defaultSubscribed: false, isActive: true });
+
+function openAddCategoryModal() {
+  editingCategory.value = null;
+  categoryForm.value = { id: `cat_${Date.now().toString().slice(-4)}`, name: '', description: '', defaultSubscribed: false, isActive: true };
+  showCategoryModal.value = true;
+}
+function openEditCategoryModal(category) {
+  editingCategory.value = { ...category };
+  categoryForm.value = { ...category };
+  showCategoryModal.value = true;
+}
+function saveCategory() {
+  if (editingCategory.value && editingCategory.value.id) {
+    const index = adminNotificationCategories.value.findIndex(c => c.id === editingCategory.value.id);
+    if (index !== -1) {
+      adminNotificationCategories.value[index] = { ...categoryForm.value };
+    }
+  } else {
+    adminNotificationCategories.value.push({ ...categoryForm.value, id: categoryForm.value.id || `cat_${Date.now().toString().slice(-4)}` });
+  }
+  showCategoryModal.value = false;
+}
+function toggleCategoryStatus(category) {
+  category.isActive = !category.isActive;
+}
+
+// --- Admin: Channels ---
+const adminChannels = ref([
+  { id: 'email', name: 'Email', isEnabled: true, defaultFrequencyCap: 'No Limit', supportedMessageTypes: ['cat_promo', 'cat_alerts', 'cat_updates', 'cat_newsletter'] },
+  { id: 'sms', name: 'SMS', isEnabled: true, defaultFrequencyCap: '5 per day', supportedMessageTypes: ['cat_alerts'] },
+  { id: 'push', name: 'Push Notifications', isEnabled: false, defaultFrequencyCap: '10 per day', supportedMessageTypes: ['cat_alerts', 'cat_updates'] },
+]);
+
+// --- Admin: Frequencies ---
+const adminFrequencies = ref([
+  { id: 'freq_immediate', label: 'Immediate', value: 'immediate', isUserSelectable: true, isDefault: true },
+  { id: 'freq_hourly', label: 'Hourly Digest', value: 'hourly', isUserSelectable: true, isDefault: false },
+  { id: 'freq_daily', label: 'Daily Digest', value: 'daily', isUserSelectable: true, isDefault: false },
+  { id: 'freq_weekly', label: 'Weekly Digest', value: 'weekly', isUserSelectable: true, isDefault: false }, // Made user selectable for demo
+  { id: 'freq_monthly', label: 'Monthly Summary', value: 'monthly', isUserSelectable: false, isDefault: false },
+]);
+const showFrequencyModal = ref(false);
+const editingFrequency = ref(null);
+const frequencyForm = ref({ id: null, label: '', value: '', isUserSelectable: true, isDefault: false });
+
+function openAddFrequencyModal() {
+  editingFrequency.value = null;
+  frequencyForm.value = { id: `freq_${Date.now().toString().slice(-4)}`, label: '', value: '', isUserSelectable: true, isDefault: false };
+  showFrequencyModal.value = true;
+}
+function openEditFrequencyModal(freq) {
+  editingFrequency.value = { ...freq };
+  frequencyForm.value = { ...freq };
+  showFrequencyModal.value = true;
+}
+function saveFrequency() {
+  if (editingFrequency.value && editingFrequency.value.id) {
+    const index = adminFrequencies.value.findIndex(f => f.id === editingFrequency.value.id);
+    if (index !== -1) {
+      adminFrequencies.value[index] = { ...frequencyForm.value };
+    }
+  } else {
+    adminFrequencies.value.push({ ...frequencyForm.value, id: frequencyForm.value.id || `freq_${Date.now().toString().slice(-4)}` });
+  }
+  showFrequencyModal.value = false;
+}
+function deleteFrequency(freqId) {
+  if (confirm(`Are you sure you want to delete frequency option with ID: ${freqId}?`)) {
+    adminFrequencies.value = adminFrequencies.value.filter(f => f.id !== freqId);
+  }
+}
+
+// --- Admin: Global Quiet Hours ---
+const adminGlobalQuietHours = ref({
+  enabled: false,
+  startTime: '22:00',
+  endTime: '07:00',
+  allowUserOverride: true,
+});
+
+// --- Admin: User Preference Audit ---
+const userAuditSearchQuery = ref('');
+const searchedUser = ref(null); // Will hold structure like: { id: 'user123', name: 'John Doe', preferences: { defaultChannel: 'email', subscriptions: { 'cat_promo': { subscribed: true, channel: 'email', frequency: 'weekly' } }, quietHours: { enabled: false, startTime: '22:00', endTime: '07:00'} } }
+const isSearchingUser = ref(false);
+const userPreferencesForm = ref(null); // For editing the searched user's prefs
+
+// Mock user data - in a real app, this would come from an API
+const mockUsers = [
+  {
+    id: 'user001',
+    name: 'Alice Wonderland',
+    email: 'alice@example.com',
+    preferences: {
+      defaultPreferredChannel: 'email',
+      subscriptions: {
+        'cat_promo': { subscribed: true, channel: 'email', frequency: 'freq_weekly' },
+        'cat_alerts': { subscribed: true, channel: 'sms', frequency: 'freq_immediate' },
+        'cat_updates': { subscribed: false, channel: 'email', frequency: 'freq_daily' },
+        'cat_newsletter': { subscribed: true, channel: 'email', frequency: 'freq_monthly' }
+      },
+      quietHours: { enabled: false, startTime: '22:00', endTime: '08:00' }
+    }
+  },
+  {
+    id: 'user002',
+    name: 'Bob The Builder',
+    email: 'bob@example.com',
+    preferences: {
+      defaultPreferredChannel: 'sms',
+      subscriptions: {
+        'cat_promo': { subscribed: false, channel: 'email', frequency: 'freq_weekly' },
+        'cat_alerts': { subscribed: true, channel: 'sms', frequency: 'freq_immediate' },
+        'cat_updates': { subscribed: true, channel: 'push', frequency: 'freq_daily' }, // Assuming push is a configured channel id
+        'cat_newsletter': { subscribed: false, channel: 'email', frequency: 'freq_monthly' }
+      },
+      quietHours: { enabled: true, startTime: '23:00', endTime: '07:30' }
+    }
+  }
+];
+
+function handleUserSearch() {
+  if (!userAuditSearchQuery.value.trim()) {
+    searchedUser.value = null;
+    userPreferencesForm.value = null;
+    return;
+  }
+  isSearchingUser.value = true;
+  setTimeout(() => { // Simulate API call
+    const found = mockUsers.find(u => u.id.includes(userAuditSearchQuery.value.trim()) || u.name.toLowerCase().includes(userAuditSearchQuery.value.trim().toLowerCase()) || u.email.toLowerCase().includes(userAuditSearchQuery.value.trim().toLowerCase()));
+    if (found) {
+      searchedUser.value = JSON.parse(JSON.stringify(found)); // Deep copy
+      // Initialize form data by ensuring all admin-defined categories are present
+      const prefsCopy = JSON.parse(JSON.stringify(found.preferences));
+      adminNotificationCategories.value.forEach(adminCat => {
+        if (!prefsCopy.subscriptions[adminCat.id]) {
+          prefsCopy.subscriptions[adminCat.id] = { subscribed: false, channel: found.preferences.defaultPreferredChannel, frequency: adminFrequencies.value.find(f=>f.isDefault)?.id || adminFrequencies.value[0]?.id };
+        }
+      });
+      userPreferencesForm.value = prefsCopy;
+    } else {
+      searchedUser.value = null;
+      userPreferencesForm.value = null;
+      alert('User not found.');
+    }
+    isSearchingUser.value = false;
+  }, 1000);
+}
+
+function saveUserPreferences() {
+  if (!searchedUser.value || !userPreferencesForm.value) return;
+  // In a real app, send userPreferencesForm.value to the backend to save.
+  // For this mock, update the mockUsers array or searchedUser directly.
+  const userIndex = mockUsers.findIndex(u => u.id === searchedUser.value.id);
+  if (userIndex !== -1) {
+    mockUsers[userIndex].preferences = JSON.parse(JSON.stringify(userPreferencesForm.value));
+  }
+  searchedUser.value.preferences = JSON.parse(JSON.stringify(userPreferencesForm.value)); // Update current view
+  alert(`Preferences for ${searchedUser.value.name} saved (mock).`);
+}
+
+function cancelUserEdit() {
+  if (searchedUser.value) {
+    // Re-initialize form from original searchedUser data if needed, or just clear
+     const prefsCopy = JSON.parse(JSON.stringify(searchedUser.value.preferences));
+      adminNotificationCategories.value.forEach(adminCat => {
+        if (!prefsCopy.subscriptions[adminCat.id]) {
+          prefsCopy.subscriptions[adminCat.id] = { subscribed: false, channel: searchedUser.value.preferences.defaultPreferredChannel, frequency: adminFrequencies.value.find(f=>f.isDefault)?.id || adminFrequencies.value[0]?.id };
+        }
+      });
+    userPreferencesForm.value = prefsCopy;
+  } else {
+    userPreferencesForm.value = null;
+  }
+}
+
+
+// --- Admin: Bulk Operations ---
+const handleAdminImport = () => {
+  alert('Admin bulk import initiated (not implemented).');
+};
+const handleAdminExport = () => {
+  alert('Admin bulk export initiated (not implemented).');
+};
+
+const tabs = [
+  { key: 'categories', label: 'Notification Categories' },
+  { key: 'channels', label: 'Channels & Governance' },
+  { key: 'frequencies', label: 'Frequency Options' },
+  { key: 'globalQuietHours', label: 'Global Quiet Hours' },
+  { key: 'userAudit', label: 'User Preference Audit' },
+  { key: 'bulkOps', label: 'Bulk Operations' },
+];
+
+const getChannelName = (channelId) => {
+    const channel = adminChannels.value.find(c => c.id === channelId);
+    return channel ? channel.name : channelId;
+};
+
+const getFrequencyLabel = (frequencyId) => {
+    const freq = adminFrequencies.value.find(f => f.id === frequencyId);
+    return freq ? freq.label : frequencyId;
+};
+
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    <rs-card>
+      <template #header>
+        <div class="text-xl font-semibold text-gray-900">
+          Admin: User Preferences & System Settings
+        </div>
+      </template>
+      <template #body>
+        <div class="p-4 md:p-6">
+          <!-- Tab Navigation -->
+          <div class="mb-6 border-b border-gray-200">
+            <nav class="-mb-px flex space-x-4 overflow-x-auto" aria-label="Tabs">
+              <button
+                v-for="tab in tabs"
+                :key="tab.key"
+                @click="currentTab = tab.key; searchedUser = null; userPreferencesForm = null; userAuditSearchQuery = ''"
+                :class="[
+                  currentTab === tab.key
+                    ? 'border-blue-500 text-blue-600'
+                    : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300',
+                  'whitespace-nowrap py-4 px-3 border-b-2 font-medium text-sm transition-colors duration-150 ease-in-out focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50'
+                ]"
+                :aria-current="currentTab === tab.key ? 'page' : undefined"
+              >
+                {{ tab.label }}
+              </button>
+            </nav>
+          </div>
+
+          <!-- Tab Content -->
+          <div :key="currentTab">
+            <!-- == Section: Notification Categories (Admin CRUD) == -->
+            <section v-if="currentTab === 'categories'" aria-labelledby="categories-heading">
+              <div class="flex justify-between items-center mb-4">
+                <div>
+                  <h2 id="categories-heading" class="text-lg font-semibold text-gray-800">Manage Notification Categories</h2>
+                  <p class="text-sm text-gray-600">Define categories users can subscribe to. Inactive categories are hidden from users.</p>
+                </div>
+                <button @click="openAddCategoryModal" class="px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+                  Add New Category
+                </button>
+              </div>
+              <div class="overflow-x-auto shadow border-b border-gray-200 sm:rounded-lg">
+                <table class="min-w-full divide-y divide-gray-200">
+                  <thead class="bg-gray-50">
+                    <tr>
+                      <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                      <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Description</th>
+                      <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Default Subscribed</th>
+                      <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+                      <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+                    </tr>
+                  </thead>
+                  <tbody class="bg-white divide-y divide-gray-200">
+                    <tr v-for="category in adminNotificationCategories" :key="category.id">
+                      <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">{{ category.name }}</td>
+                      <td class="px-6 py-4 whitespace-normal text-sm text-gray-500 max-w-xs truncate" :title="category.description">{{ category.description }}</td>
+                      <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ category.defaultSubscribed ? 'Yes' : 'No' }}</td>
+                      <td class="px-6 py-4 whitespace-nowrap">
+                        <span :class="['px-2 inline-flex text-xs leading-5 font-semibold rounded-full', category.isActive ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800']">
+                          {{ category.isActive ? 'Active' : 'Inactive' }}
+                        </span>
+                      </td>
+                      <td class="px-6 py-4 whitespace-nowrap text-sm font-medium space-x-2">
+                        <button @click="openEditCategoryModal(category)" class="text-indigo-600 hover:text-indigo-900">Edit</button>
+                        <button @click="toggleCategoryStatus(category)" :class="[category.isActive ? 'text-red-600 hover:text-red-900' : 'text-green-600 hover:text-green-900']">
+                          {{ category.isActive ? 'Deactivate' : 'Activate' }}
+                        </button>
+                      </td>
+                    </tr>
+                    <tr v-if="adminNotificationCategories.length === 0">
+                        <td colspan="5" class="px-6 py-4 text-center text-sm text-gray-500">No categories defined yet.</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </section>
+
+            <!-- == Section: Channels & Governance (Admin) == -->
+            <section v-if="currentTab === 'channels'" aria-labelledby="channels-heading">
+              <h2 id="channels-heading" class="text-lg font-semibold text-gray-800 mb-3">Manage Channels & Governance</h2>
+              <p class="text-sm text-gray-600 mb-4">Enable/disable communication channels and set global rules.</p>
+              <div class="space-y-6">
+                <div v-for="channel in adminChannels" :key="channel.id" class="p-4 border rounded-lg shadow-sm">
+                  <div class="flex items-center justify-between">
+                    <h3 class="text-md font-medium text-gray-900">{{ channel.name }}</h3>
+                    <label :for="`channel-enabled-${channel.id}`" class="flex items-center cursor-pointer">
+                      <span class="mr-2 text-sm text-gray-700">{{ channel.isEnabled ? 'Enabled' : 'Disabled' }}</span>
+                      <div class="relative">
+                        <input type="checkbox" :id="`channel-enabled-${channel.id}`" class="sr-only peer" v-model="channel.isEnabled">
+                        <div class="w-10 h-4 bg-gray-300 rounded-full shadow-inner peer-checked:bg-blue-500 transition-colors"></div>
+                        <div class="absolute left-0 top-[-4px] w-6 h-6 bg-white border-2 border-gray-300 rounded-full shadow transform peer-checked:translate-x-full peer-checked:border-blue-500 transition-transform"></div>
+                      </div>
+                    </label>
+                  </div>
+                  <div v-if="channel.isEnabled" class="mt-4 pt-4 border-t">
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        <div>
+                            <label :for="`channel-cap-${channel.id}`" class="block text-sm font-medium text-gray-700">Default Frequency Cap</label>
+                            <input type="text" :id="`channel-cap-${channel.id}`" v-model="channel.defaultFrequencyCap" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" placeholder="e.g., 5 per day">
+                        </div>
+                        <div>
+                            <label :for="`channel-types-${channel.id}`" class="block text-sm font-medium text-gray-700">Supported Message Types (Category IDs)</label>
+                            <input type="text" :id="`channel-types-${channel.id}`" :value="channel.supportedMessageTypes.join(', ')" @change="channel.supportedMessageTypes = $event.target.value.split(',').map(s => s.trim()).filter(Boolean)" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" placeholder="e.g., cat_alerts, cat_updates">
+                            <p class="text-xs text-gray-500 mt-1">Comma-separated category IDs that can use this channel.</p>
+                        </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </section>
+
+            <!-- == Section: Frequency Options (Admin) == -->
+            <section v-if="currentTab === 'frequencies'" aria-labelledby="frequencies-heading">
+                 <div class="flex justify-between items-center mb-4">
+                    <div>
+                        <h2 id="frequencies-heading" class="text-lg font-semibold text-gray-800">Manage Frequency Options</h2>
+                        <p class="text-sm text-gray-600">Define frequency choices available to users or for system defaults.</p>
+                    </div>
+                    <button @click="openAddFrequencyModal" class="px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+                        Add New Frequency
+                    </button>
+                </div>
+                <div class="overflow-x-auto shadow border-b border-gray-200 sm:rounded-lg">
+                    <table class="min-w-full divide-y divide-gray-200">
+                        <thead class="bg-gray-50">
+                            <tr>
+                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Label</th>
+                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Value (System ID)</th>
+                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">User Selectable</th>
+                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Default for New Users</th>
+                                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody class="bg-white divide-y divide-gray-200">
+                            <tr v-for="freq in adminFrequencies" :key="freq.id">
+                                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">{{ freq.label }}</td>
+                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ freq.value }}</td>
+                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ freq.isUserSelectable ? 'Yes' : 'No' }}</td>
+                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ freq.isDefault ? 'Yes' : 'No' }}</td>
+                                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium space-x-2">
+                                    <button @click="openEditFrequencyModal(freq)" class="text-indigo-600 hover:text-indigo-900">Edit</button>
+                                    <button @click="deleteFrequency(freq.id)" class="text-red-600 hover:text-red-900">Delete</button>
+                                </td>
+                            </tr>
+                            <tr v-if="adminFrequencies.length === 0">
+                                <td colspan="5" class="px-6 py-4 text-center text-sm text-gray-500">No frequency options defined yet.</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </section>
+
+            <!-- == Section: Global Quiet Hours (Admin) == -->
+            <section v-if="currentTab === 'globalQuietHours'" aria-labelledby="globalqh-heading">
+              <h2 id="globalqh-heading" class="text-lg font-semibold text-gray-800 mb-3">Configure Global Quiet Hours</h2>
+              <p class="text-sm text-gray-600 mb-4">Set system-wide default "Do Not Disturb" periods. These can potentially be overridden by users if allowed.</p>
+              <div class="space-y-4 max-w-lg p-4 border rounded-lg shadow-sm">
+                <div class="flex items-center">
+                  <input id="admin-qh-enabled" type="checkbox" class="form-checkbox h-5 w-5 text-blue-600 rounded focus:ring-blue-500" v-model="adminGlobalQuietHours.enabled">
+                  <label for="admin-qh-enabled" class="ml-3 block text-sm font-medium text-gray-700 cursor-pointer">Enable Global Quiet Hours</label>
+                </div>
+                <div v-if="adminGlobalQuietHours.enabled" class="grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-3 mt-3">
+                  <div>
+                    <label for="admin-qh-start" class="block text-sm font-medium text-gray-700 mb-1">Start Time:</label>
+                    <input type="time" id="admin-qh-start" class="form-input mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" v-model="adminGlobalQuietHours.startTime">
+                  </div>
+                  <div>
+                    <label for="admin-qh-end" class="block text-sm font-medium text-gray-700 mb-1">End Time:</label>
+                    <input type="time" id="admin-qh-end" class="form-input mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" v-model="adminGlobalQuietHours.endTime">
+                  </div>
+                  <div class="sm:col-span-2 flex items-center">
+                    <input id="admin-qh-override" type="checkbox" class="form-checkbox h-5 w-5 text-blue-600 rounded focus:ring-blue-500" v-model="adminGlobalQuietHours.allowUserOverride">
+                    <label for="admin-qh-override" class="ml-3 block text-sm font-medium text-gray-700 cursor-pointer">Allow users to override global quiet hours</label>
+                  </div>
+                </div>
+                 <button @click="alert('Save Global Quiet Hours clicked (mock)')" class="mt-4 px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">Save Global Quiet Hours</button>
+              </div>
+            </section>
+
+            <!-- == Section: User Preference Audit (Admin) == -->
+            <section v-if="currentTab === 'userAudit'" aria-labelledby="useraudit-heading">
+                <h2 id="useraudit-heading" class="text-lg font-semibold text-gray-800 mb-3">User Preference Audit & Management</h2>
+                <p class="text-sm text-gray-600 mb-4">Search for a user by ID, name, or email to view or modify their notification preferences.</p>
+                
+                <div class="flex space-x-3 mb-6 max-w-xl">
+                    <input type="text" v-model="userAuditSearchQuery" placeholder="Enter User ID, Name, or Email" class="form-input flex-grow block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+                    <button @click="handleUserSearch" :disabled="isSearchingUser || !userAuditSearchQuery.trim()" class="px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50">
+                        {{ isSearchingUser ? 'Searching...' : 'Search User' }}
+                    </button>
+                </div>
+
+                <div v-if="isSearchingUser" class="text-center py-6">
+                    <p class="text-gray-500">Loading user data...</p> <!-- Add a spinner later -->
+                </div>
+                
+                <div v-if="!isSearchingUser && searchedUser && userPreferencesForm" class="mt-6 p-6 border rounded-lg shadow-lg">
+                    <h3 class="text-xl font-semibold text-gray-800 mb-2">Editing Preferences for: <span class="font-normal">{{ searchedUser.name }} ({{ searchedUser.id }})</span></h3>
+                    <p class="text-sm text-gray-500 mb-6">Email: {{ searchedUser.email }}</p>
+
+                    <form @submit.prevent="saveUserPreferences">
+                        <div class="space-y-8">
+                             <!-- Default Preferred Channel for User -->
+                            <div>
+                                <label for="userDefaultChannel" class="block text-sm font-medium text-gray-700 mb-1">User's Default Notification Channel</label>
+                                <select id="userDefaultChannel" v-model="userPreferencesForm.defaultPreferredChannel" class="form-select mt-1 block w-full md:w-1/2 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+                                    <option v-for="channel in adminChannels.filter(c => c.isEnabled)" :key="channel.id" :value="channel.id">{{ channel.name }}</option>
+                                    <option value="none">None (Mute All)</option>
+                                </select>
+                            </div>
+
+                            <!-- User Subscriptions to Categories -->
+                            <div>
+                                <h4 class="text-md font-semibold text-gray-700 mb-3">Category Subscriptions & Overrides</h4>
+                                <div class="space-y-6">
+                                    <div v-for="adminCat in adminNotificationCategories.filter(ac => ac.isActive)" :key="adminCat.id" class="p-4 border rounded-md bg-gray-50">
+                                        <div class="flex items-start justify-between mb-3">
+                                            <div>
+                                                <h5 class="font-medium text-gray-800">{{ adminCat.name }}</h5>
+                                                <p class="text-xs text-gray-500">{{ adminCat.description }}</p>
+                                            </div>
+                                            <input :id="`user-cat-sub-${adminCat.id}`" type="checkbox" v-model="userPreferencesForm.subscriptions[adminCat.id].subscribed" class="form-checkbox h-5 w-5 text-blue-600 rounded focus:ring-blue-500 cursor-pointer">
+                                        </div>
+                                        
+                                        <div v-if="userPreferencesForm.subscriptions[adminCat.id].subscribed" class="mt-3 pt-3 border-t grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-3">
+                                            <div>
+                                                <label :for="`user-cat-channel-${adminCat.id}`" class="block text-xs font-medium text-gray-600 mb-0.5">Channel Override:</label>
+                                                <select :id="`user-cat-channel-${adminCat.id}`" v-model="userPreferencesForm.subscriptions[adminCat.id].channel" class="form-select mt-0.5 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-xs">
+                                                    <option v-for="channel in adminChannels.filter(c => c.isEnabled && c.supportedMessageTypes.includes(adminCat.id))" :key="channel.id" :value="channel.id">{{ channel.name }}</option>
+                                                    <option :value="userPreferencesForm.defaultPreferredChannel">(User Default: {{ getChannelName(userPreferencesForm.defaultPreferredChannel) }})</option>
+                                                    <option value="none">None (Mute This Category)</option>
+                                                </select>
+                                            </div>
+                                            <div>
+                                                <label :for="`user-cat-freq-${adminCat.id}`" class="block text-xs font-medium text-gray-600 mb-0.5">Frequency Override:</label>
+                                                <select :id="`user-cat-freq-${adminCat.id}`" v-model="userPreferencesForm.subscriptions[adminCat.id].frequency" class="form-select mt-0.5 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-xs">
+                                                    <option v-for="freq in adminFrequencies.filter(f => f.isUserSelectable)" :key="freq.id" :value="freq.id">{{ freq.label }}</option>
+                                                </select>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- User Quiet Hours -->
+                            <div>
+                                <h4 class="text-md font-semibold text-gray-700 mb-3">User Quiet Hours Override</h4>
+                                <div class="space-y-3 p-4 border rounded-md bg-gray-50 max-w-md">
+                                    <div class="flex items-center">
+                                        <input id="user-qh-enabled" type="checkbox" v-model="userPreferencesForm.quietHours.enabled" class="form-checkbox h-5 w-5 text-blue-600 rounded focus:ring-blue-500">
+                                        <label for="user-qh-enabled" class="ml-3 block text-sm font-medium text-gray-700 cursor-pointer">Enable Quiet Hours for this User</label>
+                                    </div>
+                                    <div v-if="userPreferencesForm.quietHours.enabled" class="grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-2 mt-2">
+                                        <div>
+                                            <label for="user-qh-start" class="block text-xs font-medium text-gray-600 mb-0.5">Start Time:</label>
+                                            <input type="time" id="user-qh-start" v-model="userPreferencesForm.quietHours.startTime" class="form-input mt-0.5 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+                                        </div>
+                                        <div>
+                                            <label for="user-qh-end" class="block text-xs font-medium text-gray-600 mb-0.5">End Time:</label>
+                                            <input type="time" id="user-qh-end" v-model="userPreferencesForm.quietHours.endTime" class="form-input mt-0.5 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- Save/Cancel User Prefs -->
+                            <div class="mt-8 pt-5 border-t">
+                                <div class="flex justify-end space-x-3">
+                                    <button type="button" @click="cancelUserEdit" class="px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+                                        Reset / Cancel Edit
+                                    </button>
+                                    <button type="submit" class="px-4 py-2 text-sm font-medium text-white bg-green-600 border border-transparent rounded-md shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500">
+                                        Save Changes for {{ searchedUser.name }}
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+
+                <div v-if="!isSearchingUser && !searchedUser && userAuditSearchQuery" class="text-center py-6">
+                     <p class="text-gray-500">No user found matching "{{ userAuditSearchQuery }}". Try a different search term.</p>
+                </div>
+                 <div v-if="!isSearchingUser && !searchedUser && !userAuditSearchQuery" class="text-center py-6">
+                     <p class="text-gray-500">Enter a user ID, name, or email to search.</p>
+                </div>
+            </section>
+
+            
+            <section v-if="currentTab === 'bulkOps'" aria-labelledby="bulkops-heading">
+              <h2 id="bulkops-heading" class="text-lg font-semibold text-gray-800 mb-3">Bulk User Preference Operations</h2>
+              <p class="text-sm text-gray-600 mb-4">Import or export user preference data for backup, migration, or system-wide updates.</p>
+              <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-3 mt-4">
+                <button @click="handleAdminImport" class="w-full sm:w-auto px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition ease-in-out duration-150">
+                  Import User Preferences (Bulk)
+                </button>
+                <button @click="handleAdminExport" class="w-full sm:w-auto px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition ease-in-out duration-150">
+                  Export User Preferences (Bulk)
+                </button>
+              </div>
+            </section>
+            
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Modal for Add/Edit Notification Category -->
+    <div v-if="showCategoryModal" class="fixed inset-0 z-50 overflow-y-auto bg-gray-600 bg-opacity-75 flex items-center justify-center p-4">
+      <div class="relative bg-white rounded-lg shadow-xl w-full max-w-lg mx-auto my-8 max-h-[90vh] overflow-y-auto">
+        <form @submit.prevent="saveCategory" class="p-6">
+          <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">
+            {{ editingCategory ? 'Edit' : 'Add New' }} Notification Category
+          </h3>
+          <div class="space-y-4">
+            <div>
+              <label for="catName" class="block text-sm font-medium text-gray-700">Category Name</label>
+              <input type="text" v-model="categoryForm.name" id="catName" required class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+            </div>
+            <div>
+              <label for="catDesc" class="block text-sm font-medium text-gray-700">Description</label>
+              <textarea v-model="categoryForm.description" id="catDesc" rows="3" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"></textarea>
+            </div>
+            <div class="flex items-start">
+              <div class="flex items-center h-5">
+                <input id="catDefaultSubscribed" v-model="categoryForm.defaultSubscribed" type="checkbox" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
+              </div>
+              <div class="ml-3 text-sm">
+                <label for="catDefaultSubscribed" class="font-medium text-gray-700">Default Subscribed</label>
+                <p class="text-gray-500">Users will be subscribed to this category by default.</p>
+              </div>
+            </div>
+            <div class="flex items-start">
+              <div class="flex items-center h-5">
+                <input id="catIsActive" v-model="categoryForm.isActive" type="checkbox" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
+              </div>
+              <div class="ml-3 text-sm">
+                <label for="catIsActive" class="font-medium text-gray-700">Active</label>
+                <p class="text-gray-500">Inactive categories are not visible or configurable by users.</p>
+              </div>
+            </div>
+          </div>
+          <div class="mt-6 flex justify-end space-x-3 sticky bottom-0 bg-white py-4 px-6 -mx-6 -mb-6 border-t border-gray-200 rounded-b-lg">
+            <button type="button" @click="showCategoryModal = false" class="px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+              Cancel
+            </button>
+            <button type="submit" class="px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+              {{ editingCategory ? 'Save Changes' : 'Create Category' }}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <!-- Modal for Add/Edit Frequency Option -->
+    <div v-if="showFrequencyModal" class="fixed inset-0 z-50 overflow-y-auto bg-gray-600 bg-opacity-75 flex items-center justify-center p-4">
+      <div class="relative bg-white rounded-lg shadow-xl w-full max-w-lg mx-auto my-8 max-h-[90vh] overflow-y-auto">
+        <form @submit.prevent="saveFrequency" class="p-6">
+          <h3 class="text-lg leading-6 font-medium text-gray-900 mb-4">
+            {{ editingFrequency ? 'Edit' : 'Add New' }} Frequency Option
+          </h3>
+          <div class="space-y-4">
+            <div>
+              <label for="freqLabel" class="block text-sm font-medium text-gray-700">Label (User-facing)</label>
+              <input type="text" v-model="frequencyForm.label" id="freqLabel" required class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+            </div>
+            <div>
+              <label for="freqValue" class="block text-sm font-medium text-gray-700">Value (System ID)</label>
+              <input type="text" v-model="frequencyForm.value" id="freqValue" required :disabled="editingFrequency !== null" placeholder="e.g., immediate, daily_digest" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm disabled:bg-gray-100">
+              <p v-if="editingFrequency" class="text-xs text-gray-500 mt-1">System value cannot be changed after creation.</p>
+            </div>
+            <div class="flex items-start">
+              <div class="flex items-center h-5">
+                <input id="freqUserSelectable" v-model="frequencyForm.isUserSelectable" type="checkbox" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
+              </div>
+              <div class="ml-3 text-sm">
+                <label for="freqUserSelectable" class="font-medium text-gray-700">User Selectable</label>
+                <p class="text-gray-500">Can users choose this frequency option for their preferences?</p>
+              </div>
+            </div>
+             <div class="flex items-start">
+              <div class="flex items-center h-5">
+                <input id="freqIsDefault" v-model="frequencyForm.isDefault" type="checkbox" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
+              </div>
+              <div class="ml-3 text-sm">
+                <label for="freqIsDefault" class="font-medium text-gray-700">Default for New Users</label>
+                <p class="text-gray-500">Is this a default frequency for new users or new subscriptions?</p>
+              </div>
+            </div>
+          </div>
+          <div class="mt-6 flex justify-end space-x-3 sticky bottom-0 bg-white py-4 px-6 -mx-6 -mb-6 border-t border-gray-200 rounded-b-lg">
+            <button type="button" @click="showFrequencyModal = false" class="px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+              Cancel
+            </button>
+            <button type="submit" class="px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+              {{ editingFrequency ? 'Save Changes' : 'Create Frequency' }}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<style scoped>
+/* Using Tailwind utility classes. */
+/* Ensure @tailwindcss/forms plugin is installed for nice form styling. */
+.form-checkbox:focus, .form-input:focus, .form-select:focus, .form-textarea:focus {
+    /* You might want to ensure focus rings are consistent if not using the plugin */
+    /* Example: ring-2 ring-offset-2 ring-indigo-500 */
+}
+</style> 
\ No newline at end of file
diff --git a/pages/notification/queue/batch.vue b/pages/notification/queue/batch.vue
new file mode 100644
index 0000000..71fca04
--- /dev/null
+++ b/pages/notification/queue/batch.vue
@@ -0,0 +1,537 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Header Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-batch-prediction"></Icon>
+          <h1 class="text-xl font-bold text-primary">Batch Processing</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Process notifications in batches for better efficiency.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Quick Actions -->
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
+      <rs-card
+        class="cursor-pointer hover:shadow-md transition-shadow"
+        @click="showCreateModal = true"
+      >
+        <div class="p-4 flex items-center gap-4">
+          <div class="p-3 bg-blue-100 rounded-lg">
+            <Icon class="text-blue-600 text-xl" name="ic:outline-add"></Icon>
+          </div>
+          <div>
+            <h3 class="font-semibold text-blue-600">Create New Batch</h3>
+            <p class="text-sm text-gray-600">Start a new batch processing job</p>
+          </div>
+        </div>
+      </rs-card>
+
+      <rs-card class="cursor-pointer hover:shadow-md transition-shadow">
+        <div class="p-4 flex items-center gap-4">
+          <div class="p-3 bg-green-100 rounded-lg">
+            <Icon class="text-green-600 text-xl" name="ic:outline-schedule"></Icon>
+          </div>
+          <div>
+            <h3 class="font-semibold text-green-600">Schedule Batch</h3>
+            <p class="text-sm text-gray-600">Schedule for later execution</p>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Batch Statistics -->
+    <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
+      <rs-card>
+        <div class="p-4 text-center">
+          <h3 class="text-2xl font-bold text-blue-600">{{ stats.pending }}</h3>
+          <p class="text-sm text-gray-600">Pending</p>
+        </div>
+      </rs-card>
+      <rs-card>
+        <div class="p-4 text-center">
+          <h3 class="text-2xl font-bold text-yellow-600">
+            {{ stats.processing }}
+          </h3>
+          <p class="text-sm text-gray-600">Processing</p>
+        </div>
+      </rs-card>
+      <rs-card>
+        <div class="p-4 text-center">
+          <h3 class="text-2xl font-bold text-green-600">
+            {{ stats.completed }}
+          </h3>
+          <p class="text-sm text-gray-600">Completed</p>
+        </div>
+      </rs-card>
+      <rs-card>
+        <div class="p-4 text-center">
+          <h3 class="text-2xl font-bold text-red-600">{{ stats.failed }}</h3>
+          <p class="text-sm text-gray-600">Failed</p>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Active Batches -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h3 class="text-lg font-semibold text-primary">Active Batches</h3>
+          <rs-button
+            variant="outline"
+            size="sm"
+            @click="refreshBatches"
+            :loading="isLoading"
+          >
+            <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+            Refresh
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div class="space-y-4">
+          <!-- Loading State -->
+          <div v-if="isLoading" class="flex justify-center items-center py-8">
+            <rs-spinner size="lg" />
+          </div>
+
+          <!-- Empty State -->
+          <div v-else-if="batches.length === 0" class="text-center py-8">
+            <Icon name="ic:outline-inbox" class="text-4xl text-gray-400 mb-2" />
+            <p class="text-gray-600">No batches found</p>
+          </div>
+
+          <!-- Batches List -->
+          <div v-else class="space-y-4">
+            <div
+              v-for="batch in batches"
+              :key="batch.id"
+              class="border border-gray-200 rounded-lg p-4"
+            >
+              <div class="flex items-center justify-between mb-3">
+                <div class="flex items-center">
+                  <div
+                    class="w-3 h-3 rounded-full mr-3"
+                    :class="getStatusColor(batch.status)"
+                  ></div>
+                  <div>
+                    <h4 class="font-semibold">{{ batch.name }}</h4>
+                    <p class="text-sm text-gray-600">{{ batch.description }}</p>
+                  </div>
+                </div>
+                <div class="text-right">
+                  <span class="text-sm font-medium capitalize">{{ batch.status }}</span>
+                  <p class="text-xs text-gray-500">
+                    {{ formatDate(batch.time) }}
+                  </p>
+                </div>
+              </div>
+
+              <!-- Progress Info -->
+              <div class="space-y-2">
+                <div class="text-sm text-gray-600">
+                  Progress: {{ batch.processed }}/{{ batch.total }} ({{
+                    Math.round((batch.processed / batch.total) * 100)
+                  }}%)
+                </div>
+                <div class="w-full bg-gray-200 rounded-full h-2">
+                  <div
+                    class="bg-blue-600 h-2 rounded-full"
+                    :style="{
+                      width: `${Math.round((batch.processed / batch.total) * 100)}%`,
+                    }"
+                  ></div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Pagination -->
+          <div
+            v-if="pagination.totalPages > 1"
+            class="flex justify-center items-center space-x-2 mt-4"
+          >
+            <rs-button
+              variant="outline"
+              size="sm"
+              :disabled="pagination.page === 1"
+              @click="pagination.page--"
+            >
+              Previous
+            </rs-button>
+            <span class="text-sm text-gray-600">
+              Page {{ pagination.page }} of {{ pagination.totalPages }}
+            </span>
+            <rs-button
+              variant="outline"
+              size="sm"
+              :disabled="pagination.page === pagination.totalPages"
+              @click="pagination.page++"
+            >
+              Next
+            </rs-button>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Create Batch Modal -->
+    <rs-modal v-model="showCreateModal" title="Create New Batch">
+      <div class="space-y-4">
+        <!-- Basic Information -->
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Batch Name</label>
+          <input
+            v-model="newBatch.name"
+            type="text"
+            class="w-full p-2 border border-gray-300 rounded-md"
+            placeholder="Enter batch name"
+          />
+        </div>
+
+        <!-- Message Type -->
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Message Type</label>
+          <select
+            v-model="newBatch.type"
+            class="w-full p-2 border border-gray-300 rounded-md"
+          >
+            <option value="">Select type</option>
+            <option value="email">Email</option>
+            <option value="push">Push Notification</option>
+          </select>
+        </div>
+
+        <!-- Priority -->
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Priority</label>
+          <select
+            v-model="newBatch.priority"
+            class="w-full p-2 border border-gray-300 rounded-md"
+          >
+            <option value="low">Low</option>
+            <option value="medium">Medium</option>
+            <option value="high">High</option>
+            <option value="critical">Critical</option>
+          </select>
+        </div>
+
+        <!-- Template Selection -->
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2"
+            >Template (Optional)</label
+          >
+          <select
+            v-model="newBatch.template"
+            class="w-full p-2 border border-gray-300 rounded-md"
+          >
+            <option value="">No template</option>
+            <option v-for="template in templates" :key="template.id" :value="template.id">
+              {{ template.name }}
+            </option>
+          </select>
+        </div>
+
+        <!-- User Segment -->
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2"
+            >User Segment (Optional)</label
+          >
+          <select
+            v-model="newBatch.segment"
+            class="w-full p-2 border border-gray-300 rounded-md"
+          >
+            <option value="">All Users</option>
+            <option v-for="segment in segments" :key="segment.id" :value="segment.value">
+              {{ segment.name }}
+            </option>
+          </select>
+        </div>
+
+        <!-- Scheduled Time -->
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2"
+            >Schedule For (Optional)</label
+          >
+          <input
+            v-model="newBatch.scheduledAt"
+            type="datetime-local"
+            class="w-full p-2 border border-gray-300 rounded-md"
+          />
+        </div>
+
+        <!-- Description -->
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Description</label>
+          <textarea
+            v-model="newBatch.description"
+            class="w-full p-2 border border-gray-300 rounded-md"
+            rows="3"
+            placeholder="Describe this batch"
+          ></textarea>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <rs-button
+            variant="outline"
+            @click="showCreateModal = false"
+            :disabled="isCreating"
+            >Cancel</rs-button
+          >
+          <rs-button @click="createBatch" :loading="isCreating" :disabled="isCreating">
+            {{ isCreating ? "Creating..." : "Create Batch" }}
+          </rs-button>
+        </div>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, watch } from "vue";
+import { useToast } from "vue-toastification";
+
+definePageMeta({
+  title: "Batch Processing",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Queue & Scheduler",
+      path: "/notification/queue-scheduler",
+    },
+    {
+      name: "Batch Processing",
+      path: "/notification/queue-scheduler/batch",
+    },
+  ],
+});
+
+// Basic stats
+const stats = ref({
+  pending: 0,
+  processing: 0,
+  completed: 0,
+  failed: 0,
+});
+
+// Pagination
+const pagination = ref({
+  page: 1,
+  limit: 10,
+  total: 0,
+  totalPages: 0,
+});
+
+// Batches list
+const batches = ref([]);
+
+// Loading states
+const isLoading = ref(false);
+const isCreating = ref(false);
+
+// Modal state
+const showCreateModal = ref(false);
+
+// Form data
+const newBatch = ref({
+  name: "",
+  type: "",
+  description: "",
+  scheduledAt: "",
+  template: "",
+  segment: "",
+  priority: "medium",
+});
+
+// Templates and segments (will be fetched)
+const templates = ref([]);
+const segments = ref([]);
+
+// Fetch data on mount
+onMounted(async () => {
+  await Promise.all([fetchStats(), fetchBatches(), fetchTemplates(), fetchSegments()]);
+});
+
+// Watch for page changes
+watch(() => pagination.value.page, fetchBatches);
+
+// Fetch functions
+async function fetchStats() {
+  try {
+    const response = await $fetch("/api/notifications/batch/stats");
+    if (response.success) {
+      stats.value = response.data;
+    } else {
+      throw new Error(response.statusMessage || "Failed to fetch statistics");
+    }
+  } catch (error) {
+    console.error("Error fetching stats:", error);
+    // Show error notification
+    useToast().error("Failed to fetch statistics");
+  }
+}
+
+async function fetchBatches() {
+  try {
+    isLoading.value = true;
+    const response = await $fetch("/api/notifications/batch", {
+      params: {
+        page: pagination.value.page,
+        limit: pagination.value.limit,
+      },
+    });
+    
+    if (response.success) {
+      batches.value = response.data.batches;
+      pagination.value = {
+        ...pagination.value,
+        total: response.data.pagination.total,
+        totalPages: response.data.pagination.totalPages,
+      };
+    } else {
+      throw new Error(response.statusMessage || "Failed to fetch batches");
+    }
+  } catch (error) {
+    console.error("Error fetching batches:", error);
+    useToast().error("Failed to fetch batches");
+    batches.value = [];
+  } finally {
+    isLoading.value = false;
+  }
+}
+
+async function fetchTemplates() {
+  try {
+    const response = await $fetch("/api/notifications/templates");
+    if (Array.isArray(response)) {
+      templates.value = response;
+    } else if (response && response.success && Array.isArray(response.data)) {
+      templates.value = response.data;
+    } else {
+      templates.value = [];
+    }
+  } catch (error) {
+    console.error("Error fetching templates:", error);
+    templates.value = [];
+  }
+}
+
+async function fetchSegments() {
+  try {
+    const response = await $fetch("/api/notifications/segments");
+    if (Array.isArray(response)) {
+      segments.value = response;
+    } else if (response && response.success && Array.isArray(response.data)) {
+      segments.value = response.data;
+    } else {
+      segments.value = [];
+    }
+  } catch (error) {
+    console.error("Error fetching segments:", error);
+    segments.value = [];
+  }
+}
+
+// Create batch
+async function createBatch() {
+  try {
+    isCreating.value = true;
+
+    // Validate form
+    if (!newBatch.value.name || !newBatch.value.type) {
+      useToast().error("Please fill in all required fields");
+      return;
+    }
+
+    // Create a copy of the batch data for submission
+    const batchData = { ...newBatch.value };
+
+    // Format scheduledAt if it exists
+    if (batchData.scheduledAt) {
+      try {
+        const date = new Date(batchData.scheduledAt);
+        if (isNaN(date.getTime())) {
+          useToast().error("Invalid scheduled date");
+          return;
+        }
+        batchData.scheduledAt = date.toISOString();
+      } catch (error) {
+        useToast().error("Invalid scheduled date");
+        return;
+      }
+    }
+
+    const response = await $fetch("/api/notifications/batch", {
+      method: "POST",
+      body: batchData,
+    });
+
+    if (!response || !response.success) {
+      throw new Error(response?.statusMessage || "Failed to create batch");
+    }
+
+    // Show success message
+    useToast().success("Batch created successfully");
+
+    // Reset form
+    newBatch.value = {
+      name: "",
+      type: "",
+      description: "",
+      scheduledAt: "",
+      template: "",
+      segment: "",
+      priority: "medium",
+    };
+
+    // Close modal
+    showCreateModal.value = false;
+
+    // Refresh data
+    await Promise.all([fetchStats(), fetchBatches()]);
+  } catch (error) {
+    console.error("Error creating batch:", error);
+    useToast().error(error.message || "Failed to create batch");
+  } finally {
+    isCreating.value = false;
+  }
+}
+
+// Utility function for status color
+const getStatusColor = (status) => {
+  const colors = {
+    draft: "bg-gray-500",
+    scheduled: "bg-blue-500",
+    sending: "bg-yellow-500",
+    sent: "bg-green-500",
+    failed: "bg-red-500",
+  };
+  return colors[status] || "bg-gray-500";
+};
+
+// Format date
+const formatDate = (date) => {
+  return new Date(date).toLocaleString();
+};
+
+// Refresh data
+const refreshBatches = async () => {
+  await Promise.all([fetchStats(), fetchBatches()]);
+};
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/notification/queue/index.vue b/pages/notification/queue/index.vue
new file mode 100644
index 0000000..0349c10
--- /dev/null
+++ b/pages/notification/queue/index.vue
@@ -0,0 +1,192 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Header Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-schedule"></Icon>
+          <h1 class="text-xl font-bold text-primary">Queue</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">Manage notification queues and scheduled tasks.</p>
+      </template>
+    </rs-card>
+
+    <!-- Basic Stats -->
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
+      <rs-card v-for="(stat, index) in queueStats" :key="index">
+        <div class="p-4 text-center">
+          <div v-if="isLoading" class="animate-pulse">
+            <div class="h-8 bg-gray-200 rounded w-24 mx-auto mb-2"></div>
+            <div class="h-4 bg-gray-200 rounded w-32 mx-auto"></div>
+          </div>
+          <template v-else>
+            <h3 :class="['text-2xl font-bold', stat.colorClass]">
+              {{ stat.value }}
+            </h3>
+            <p class="text-sm text-gray-600">{{ stat.label }}</p>
+          </template>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Main Features -->
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+      <rs-card
+        v-for="(feature, index) in features"
+        :key="index"
+        class="cursor-pointer hover:shadow-md transition-shadow"
+        @click="navigateTo(feature.path)"
+      >
+        <template #header>
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" :name="feature.icon"></Icon>
+            <h3 class="font-semibold text-primary">{{ feature.title }}</h3>
+          </div>
+        </template>
+        <template #body>
+          <p class="text-gray-600 text-sm">{{ feature.description }}</p>
+        </template>
+        <template #footer>
+          <rs-button variant="outline" size="sm" class="w-full"> Open </rs-button>
+        </template>
+      </rs-card>
+    </div>
+
+    <!-- Error Alert -->
+    <rs-alert v-if="error" variant="danger" class="mt-4">
+      {{ error }}
+    </rs-alert>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Queue & Scheduler",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Queue",
+      path: "/notification/queue",
+    },
+  ],
+});
+
+const { $swal } = useNuxtApp();
+
+// Reactive state
+const isLoading = ref(true);
+const error = ref(null);
+const queueStats = ref([]);
+
+// Hardcoded features
+const features = ref([
+  {
+    title: "Queue Monitor",
+    description: "View and manage current notification queues",
+    icon: "ic:outline-monitor",
+    path: "/notification/queue/monitor",
+  },
+  {
+    title: "Performance",
+    description: "Check system performance and metrics",
+    icon: "ic:outline-speed",
+    path: "/notification/queue/performance",
+  },
+  // {
+  //   title: "Batch Processing",
+  //   description: "Process notifications in batches",
+  //   icon: "ic:outline-batch-prediction",
+  //   path: "/notification/queue/batch",
+  // },
+  {
+    title: "Failed Jobs",
+    description: "Handle and retry failed notifications",
+    icon: "ic:outline-refresh",
+    path: "/notification/queue/retry",
+  },
+]);
+
+// Fetch queue statistics
+async function fetchQueueStats() {
+  try {
+    const { data } = await useFetch("/api/notifications/queue/stats", {
+      method: "GET",
+    });
+
+    console.log(data.value);
+
+    if (data.value?.success) {
+      queueStats.value = [
+        {
+          value: data.value.data.pending,
+          label: "Pending Jobs",
+          colorClass: "text-primary",
+        },
+        {
+          value: data.value.data.completed,
+          label: "Completed Today",
+          colorClass: "text-green-600",
+        },
+        {
+          value: data.value.data.failed,
+          label: "Failed Jobs",
+          colorClass: "text-red-600",
+        },
+      ];
+    } else {
+      throw new Error(data.value?.message || "Failed to fetch queue statistics");
+    }
+  } catch (err) {
+    console.error("Error fetching queue stats:", err);
+    error.value = "Failed to load queue statistics. Please try again later.";
+
+    // Set default values for stats
+    queueStats.value = [
+      { value: "-", label: "Pending Jobs", colorClass: "text-primary" },
+      { value: "-", label: "Completed Today", colorClass: "text-green-600" },
+      { value: "-", label: "Failed Jobs", colorClass: "text-red-600" },
+    ];
+  } finally {
+    isLoading.value = false;
+  }
+}
+
+// Initialize data
+onMounted(async () => {
+  try {
+    isLoading.value = true;
+    error.value = null;
+    await fetchQueueStats();
+  } catch (err) {
+    console.error("Error initializing queue page:", err);
+    error.value = "Failed to initialize the page. Please refresh to try again.";
+  } finally {
+    isLoading.value = false;
+  }
+});
+
+// Auto-refresh stats every 30 seconds
+let refreshInterval;
+onMounted(() => {
+  refreshInterval = setInterval(async () => {
+    await fetchQueueStats();
+  }, 30000);
+});
+
+onUnmounted(() => {
+  if (refreshInterval) {
+    clearInterval(refreshInterval);
+  }
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/notification/queue/monitor.vue b/pages/notification/queue/monitor.vue
new file mode 100644
index 0000000..a583327
--- /dev/null
+++ b/pages/notification/queue/monitor.vue
@@ -0,0 +1,339 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Header Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-monitor"></Icon>
+            <h1 class="text-xl font-bold text-primary">Queue Monitor</h1>
+          </div>
+          <rs-button
+            variant="outline"
+            size="sm"
+            @click="refreshData"
+            :loading="isLoading"
+          >
+            <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+            Refresh
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">Monitor current notification queues and job statuses.</p>
+      </template>
+    </rs-card>
+
+    <!-- Error Alert -->
+    <rs-alert v-if="error" variant="danger" class="mb-6">
+      {{ error }}
+    </rs-alert>
+
+    <!-- Loading State -->
+    <div v-if="isLoading" class="mb-6">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+        <rs-card v-for="i in 4" :key="i">
+          <div class="p-4 text-center">
+            <div class="h-8 bg-gray-200 rounded w-24 mx-auto mb-2 animate-pulse"></div>
+            <div class="h-4 bg-gray-200 rounded w-32 mx-auto animate-pulse"></div>
+          </div>
+        </rs-card>
+      </div>
+    </div>
+
+    <!-- Basic Stats -->
+    <div v-else class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
+      <rs-card>
+        <div class="p-4 text-center">
+          <h3 class="text-2xl font-bold text-blue-600">{{ stats.pending }}</h3>
+          <p class="text-sm text-gray-600">Pending</p>
+        </div>
+      </rs-card>
+      <rs-card>
+        <div class="p-4 text-center">
+          <h3 class="text-2xl font-bold text-yellow-600">
+            {{ stats.processing || 0 }}
+          </h3>
+          <p class="text-sm text-gray-600">Processing</p>
+        </div>
+      </rs-card>
+      <rs-card>
+        <div class="p-4 text-center">
+          <h3 class="text-2xl font-bold text-green-600">
+            {{ stats.completed }}
+          </h3>
+          <p class="text-sm text-gray-600">Completed</p>
+        </div>
+      </rs-card>
+      <rs-card>
+        <div class="p-4 text-center">
+          <h3 class="text-2xl font-bold text-red-600">{{ stats.failed }}</h3>
+          <p class="text-sm text-gray-600">Failed</p>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Job List -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h3 class="text-lg font-semibold text-primary">Recent Jobs</h3>
+          <div>
+            <select
+              v-model="statusFilter"
+              class="px-2 py-1 border border-gray-300 rounded-md text-sm mr-2"
+              @change="fetchJobs()"
+            >
+              <option value="">All Statuses</option>
+              <option value="queued">Pending</option>
+              <option value="processing">Processing</option>
+              <option value="completed">Completed</option>
+              <option value="failed">Failed</option>
+            </select>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div v-if="isLoadingJobs" class="p-8 text-center">
+          <div
+            class="inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-primary"
+          ></div>
+          <p class="mt-2 text-gray-600">Loading jobs...</p>
+        </div>
+
+        <div v-else-if="jobs.length === 0" class="p-8 text-center">
+          <Icon name="ic:outline-info" class="text-3xl text-gray-400 mb-2" />
+          <p class="text-gray-600">No jobs found</p>
+        </div>
+
+        <div v-else class="space-y-3">
+          <div
+            v-for="(job, index) in jobs"
+            :key="index"
+            class="flex items-center justify-between p-3 bg-gray-50 rounded-lg"
+          >
+            <div class="flex items-center">
+              <div
+                class="w-3 h-3 rounded-full mr-3"
+                :class="getStatusColor(job.status)"
+              ></div>
+              <div>
+                <p class="font-medium">{{ job.type }} - {{ truncateId(job.id) }}</p>
+                <p class="text-sm text-gray-600">{{ job.description }}</p>
+              </div>
+            </div>
+            <div class="text-right">
+              <p class="text-sm font-medium capitalize">{{ job.status }}</p>
+              <p class="text-xs text-gray-500">{{ formatTime(job.createdAt) }}</p>
+            </div>
+          </div>
+
+          <!-- Pagination -->
+          <div v-if="pagination.totalPages > 1" class="flex justify-center mt-4">
+            <button
+              class="px-3 py-1 border border-gray-300 rounded-l-md disabled:opacity-50"
+              :disabled="pagination.page === 1"
+              @click="changePage(pagination.page - 1)"
+            >
+              Previous
+            </button>
+            <div class="px-3 py-1 border-t border-b border-gray-300 text-sm">
+              {{ pagination.page }} / {{ pagination.totalPages }}
+            </div>
+            <button
+              class="px-3 py-1 border border-gray-300 rounded-r-md disabled:opacity-50"
+              :disabled="pagination.page === pagination.totalPages"
+              @click="changePage(pagination.page + 1)"
+            >
+              Next
+            </button>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Queue Monitor",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Queue",
+      path: "/notification/queue",
+    },
+    {
+      name: "Monitor",
+      path: "/notification/queue/monitor",
+    },
+  ],
+});
+
+// Loading and error state
+const isLoading = ref(false);
+const isLoadingJobs = ref(false);
+const error = ref(null);
+const statusFilter = ref("");
+
+// Stats data
+const stats = ref({
+  pending: 0,
+  processing: 0,
+  completed: 0,
+  failed: 0,
+});
+
+// Jobs data with pagination
+const jobs = ref([]);
+const pagination = ref({
+  page: 1,
+  totalPages: 1,
+  totalItems: 0,
+  hasMore: false,
+});
+
+// Fetch stats from API
+const fetchStats = async () => {
+  try {
+    isLoading.value = true;
+    error.value = null;
+
+    const { data } = await useFetch("/api/notifications/queue/stats");
+
+    if (!data.value) throw new Error("Failed to fetch statistics");
+
+    if (data.value?.success) {
+      stats.value = {
+        pending: data.value.data.pending || 0,
+        processing: data.value.data.processing || 0,
+        completed: data.value.data.completed || 0,
+        failed: data.value.data.failed || 0,
+      };
+    } else {
+      throw new Error(data.value.statusMessage || "Failed to fetch statistics");
+    }
+  } catch (error) {
+    console.error("Error fetching stats:", error);
+    error.value = `Failed to load statistics: ${error.message}`;
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// Fetch jobs from API
+const fetchJobs = async () => {
+  try {
+    isLoadingJobs.value = true;
+
+    const params = {
+      page: pagination.value.page,
+      limit: 10,
+    };
+
+    if (statusFilter.value) {
+      params.status = statusFilter.value;
+    }
+
+    const { data } = await useFetch("/api/notifications/queue/jobs", {
+      query: params,
+    });
+
+    if (!data.value) throw new Error("Failed to fetch jobs");
+
+    if (data.value?.success) {
+      jobs.value = data.value.data.jobs;
+      pagination.value = data.value.data.pagination;
+    } else {
+      throw new Error(data.value.statusMessage || "Failed to fetch jobs");
+    }
+  } catch (error) {
+    console.error("Error fetching jobs:", error);
+    error.value = `Failed to load jobs: ${error.message}`;
+    jobs.value = [];
+  } finally {
+    isLoadingJobs.value = false;
+  }
+};
+
+// Change page
+const changePage = (page) => {
+  pagination.value.page = page;
+  fetchJobs();
+};
+
+// Status color mapping
+const getStatusColor = (status) => {
+  const colors = {
+    queued: "bg-blue-500",
+    pending: "bg-blue-500",
+    processing: "bg-yellow-500",
+    completed: "bg-green-500",
+    sent: "bg-green-500",
+    failed: "bg-red-500",
+  };
+  return colors[status] || "bg-gray-500";
+};
+
+// Format time for display
+const formatTime = (timestamp) => {
+  if (!timestamp) return "Unknown";
+
+  try {
+    const date = new Date(timestamp);
+    const now = new Date();
+    const diffMs = now - date;
+    const diffMins = Math.floor(diffMs / 60000);
+
+    if (isNaN(diffMins)) return "Unknown";
+
+    if (diffMins < 1) return "Just now";
+    if (diffMins < 60) return `${diffMins} min ago`;
+    if (diffMins < 1440) {
+      const hours = Math.floor(diffMins / 60);
+      return `${hours} hour${hours > 1 ? "s" : ""} ago`;
+    }
+
+    return date.toLocaleString();
+  } catch (e) {
+    console.error("Error formatting time:", e);
+    return "Unknown";
+  }
+};
+
+// Truncate long IDs
+const truncateId = (id) => {
+  if (!id) return "Unknown";
+  if (id.length > 8) {
+    return id.substring(0, 8) + "...";
+  }
+  return id;
+};
+
+// Refresh data
+const refreshData = async () => {
+  await Promise.all([fetchStats(), fetchJobs()]);
+};
+
+// Auto-refresh every 30 seconds
+let refreshInterval;
+onMounted(() => {
+  refreshData();
+  refreshInterval = setInterval(refreshData, 30000);
+});
+
+onUnmounted(() => {
+  if (refreshInterval) {
+    clearInterval(refreshInterval);
+  }
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/notification/queue/performance.vue b/pages/notification/queue/performance.vue
new file mode 100644
index 0000000..2993706
--- /dev/null
+++ b/pages/notification/queue/performance.vue
@@ -0,0 +1,548 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Header Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-speed"></Icon>
+            <h1 class="text-xl font-bold text-primary">Performance</h1>
+          </div>
+          <rs-button
+            variant="outline"
+            size="sm"
+            @click="refreshMetrics"
+            :loading="isLoading"
+            :disabled="isLoading"
+          >
+            <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+            Refresh
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">Monitor system performance and queue processing metrics.</p>
+      </template>
+    </rs-card>
+
+    <!-- Error Alert -->
+    <rs-alert v-if="error" variant="danger" class="mb-6">
+      {{ error }}
+    </rs-alert>
+
+    <!-- Loading State -->
+    <div v-if="isLoading" class="flex justify-center items-center py-12 text-gray-600">
+      <div class="inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-primary"></div>
+      <span class="ml-2">Loading metrics...</span>
+    </div>
+
+    <div v-else>
+      <!-- Key Metrics -->
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
+        <rs-card>
+          <div class="p-4 text-center">
+            <h3 class="text-2xl font-bold text-blue-600">
+              {{ metrics.throughput }}
+            </h3>
+            <p class="text-sm text-gray-600">Messages/min</p>
+          </div>
+        </rs-card>
+        <rs-card>
+          <div class="p-4 text-center">
+            <h3 class="text-2xl font-bold text-green-600">{{ metrics.uptime }}%</h3>
+            <p class="text-sm text-gray-600">System Uptime</p>
+          </div>
+        </rs-card>
+        <rs-card>
+          <div class="p-4 text-center">
+            <h3 class="text-2xl font-bold text-purple-600">
+              {{ metrics.workers }}
+            </h3>
+            <p class="text-sm text-gray-600">Active Workers</p>
+          </div>
+        </rs-card>
+        <rs-card>
+          <div class="p-4 text-center">
+            <h3 class="text-2xl font-bold text-orange-600">{{ metrics.queueLoad }}%</h3>
+            <p class="text-sm text-gray-600">Queue Load</p>
+          </div>
+        </rs-card>
+      </div>
+
+      <!-- Performance Summary -->
+      <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        <!-- Throughput Summary -->
+        <rs-card>
+          <template #header>
+            <h3 class="text-lg font-semibold text-primary">Throughput Summary</h3>
+          </template>
+          <template #body>
+            <div class="space-y-4">
+              <div class="flex justify-between items-center p-3 bg-gray-50 rounded">
+                <span class="text-gray-600">Current Rate</span>
+                <span class="font-bold">{{ throughput.current }}/min</span>
+              </div>
+              <div class="flex justify-between items-center p-3 bg-gray-50 rounded">
+                <span class="text-gray-600">Peak Today</span>
+                <span class="font-bold">{{ throughput.peak }}/min</span>
+              </div>
+              <div class="flex justify-between items-center p-3 bg-gray-50 rounded">
+                <span class="text-gray-600">Average</span>
+                <span class="font-bold">{{ throughput.average }}/min</span>
+              </div>
+            </div>
+          </template>
+        </rs-card>
+
+        <!-- System Status -->
+        <rs-card>
+          <template #header>
+            <h3 class="text-lg font-semibold text-primary">System Status</h3>
+          </template>
+          <template #body>
+            <div class="space-y-4">
+              <div class="flex justify-between items-center p-3 bg-gray-50 rounded">
+                <span class="text-gray-600">Uptime Today</span>
+                <span class="font-bold text-green-600">
+                  {{ systemStatus.uptimeToday }}%
+                </span>
+              </div>
+              <div class="flex justify-between items-center p-3 bg-gray-50 rounded">
+                <span class="text-gray-600">Response Time</span>
+                <span class="font-bold">{{ systemStatus.responseTime }}ms</span>
+              </div>
+              <div class="flex justify-between items-center p-3 bg-gray-50 rounded">
+                <span class="text-gray-600">Error Rate</span>
+                <span class="font-bold text-red-600">{{ systemStatus.errorRate }}%</span>
+              </div>
+            </div>
+          </template>
+        </rs-card>
+      </div>
+      
+      <!-- Historical Performance Chart -->
+      <rs-card class="mt-6">
+        <template #header>
+          <div class="flex items-center justify-between">
+            <h3 class="text-lg font-semibold text-primary">Historical Performance</h3>
+            <div class="flex items-center space-x-2">
+              <select 
+                v-model="historyFilter.metric" 
+                class="px-2 py-1 text-sm border border-gray-300 rounded"
+                @change="fetchHistoricalData"
+              >
+                <option value="throughput">Throughput</option>
+                <option value="error_rate">Error Rate</option>
+                <option value="response_time">Response Time</option>
+              </select>
+              <select 
+                v-model="historyFilter.period" 
+                class="px-2 py-1 text-sm border border-gray-300 rounded"
+                @change="fetchHistoricalData"
+              >
+                <option value="hour">Last Hour</option>
+                <option value="day">Last 24 Hours</option>
+                <option value="week">Last Week</option>
+                <option value="month">Last Month</option>
+              </select>
+            </div>
+          </div>
+        </template>
+        <template #body>
+          <div v-if="isLoadingHistory" class="flex flex-col items-center justify-center h-64 bg-gray-50">
+            <div class="inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-primary"></div>
+            <p class="mt-4 text-gray-500">Loading historical data...</p>
+          </div>
+          <div v-else-if="historyError" class="flex flex-col items-center justify-center h-64 bg-red-50">
+            <Icon name="ic:outline-error" class="text-6xl text-red-300" />
+            <p class="mt-4 text-red-500">{{ historyError }}</p>
+            <rs-button variant="outline" size="sm" class="mt-4" @click="fetchHistoricalData">
+              <Icon name="ic:outline-refresh" class="mr-1" />
+              Retry
+            </rs-button>
+          </div>
+          <div v-else-if="!historicalData.dataPoints || historicalData.dataPoints.length === 0" class="flex flex-col items-center justify-center h-64 bg-gray-50">
+            <Icon name="ic:outline-insert-chart" class="text-6xl text-gray-300" />
+            <p class="mt-4 text-gray-500">No historical data available for the selected period</p>
+          </div>
+          <div v-else>
+            <!-- Chart Summary -->
+            <div class="grid grid-cols-3 gap-4 mb-4">
+              <div class="bg-green-50 p-2 rounded text-center">
+                <p class="text-sm text-green-700">Maximum</p>
+                <p class="text-lg font-bold text-green-600">{{ historicalData.summary.max }}{{ getMetricUnit() }}</p>
+              </div>
+              <div class="bg-blue-50 p-2 rounded text-center">
+                <p class="text-sm text-blue-700">Average</p>
+                <p class="text-lg font-bold text-blue-600">{{ historicalData.summary.avg }}{{ getMetricUnit() }}</p>
+              </div>
+              <div class="bg-purple-50 p-2 rounded text-center">
+                <p class="text-sm text-purple-700">Trend</p>
+                <p class="text-lg font-bold text-purple-600">
+                  <Icon 
+                    :name="historicalData.summary.trend === 'increasing' ? 'ic:outline-trending-up' : 'ic:outline-trending-down'" 
+                    class="inline-block mr-1" 
+                  />
+                  {{ historicalData.summary.trend }}
+                </p>
+              </div>
+            </div>
+
+            <!-- Simple Line Chart -->
+            <div class="h-64 w-full relative">
+              <!-- Y-axis labels -->
+              <div class="absolute top-0 left-0 h-full flex flex-col justify-between text-xs text-gray-500">
+                <div>{{ Math.ceil(historicalData.summary.max * 1.1) }}{{ getMetricUnit() }}</div>
+                <div>{{ Math.ceil(historicalData.summary.max * 0.75) }}{{ getMetricUnit() }}</div>
+                <div>{{ Math.ceil(historicalData.summary.max * 0.5) }}{{ getMetricUnit() }}</div>
+                <div>{{ Math.ceil(historicalData.summary.max * 0.25) }}{{ getMetricUnit() }}</div>
+                <div>0{{ getMetricUnit() }}</div>
+              </div>
+              
+              <!-- Chart area -->
+              <div class="ml-10 h-full relative">
+                <!-- Horizontal grid lines -->
+                <div class="absolute top-0 left-0 w-full h-full border-b border-gray-200">
+                  <div class="border-t border-gray-200 h-1/4"></div>
+                  <div class="border-t border-gray-200 h-1/4"></div>
+                  <div class="border-t border-gray-200 h-1/4"></div>
+                  <div class="border-t border-gray-200 h-1/4"></div>
+                </div>
+                
+                <!-- Line chart -->
+                <svg class="absolute top-0 left-0 w-full h-full overflow-visible">
+                  <path 
+                    :d="getChartPath()" 
+                    fill="none" 
+                    stroke="#3b82f6" 
+                    stroke-width="2"
+                  ></path>
+                  
+                  <!-- Data points -->
+                  <circle 
+                    v-for="(point, i) in chartPoints" 
+                    :key="i"
+                    :cx="point.x" 
+                    :cy="point.y" 
+                    r="3" 
+                    fill="#3b82f6"
+                  ></circle>
+                </svg>
+              </div>
+            </div>
+            
+            <!-- X-axis labels (show some key timestamps) -->
+            <div class="mt-2 ml-10 flex justify-between text-xs text-gray-500">
+              <div v-for="(label, i) in getXAxisLabels()" :key="i">
+                {{ label }}
+              </div>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted } from "vue";
+
+definePageMeta({
+  title: "Performance",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Queue",
+      path: "/notification/queue",
+    },
+    {
+      name: "Performance",
+      path: "/notification/queue/performance",
+    },
+  ],
+});
+
+// Reactive state
+const isLoading = ref(true);
+const error = ref(null);
+const metrics = ref({
+  throughput: "0",
+  uptime: "0",
+  workers: "0",
+  queueLoad: "0",
+});
+
+const throughput = ref({
+  current: "0",
+  peak: "0",
+  average: "0",
+});
+
+const systemStatus = ref({
+  uptimeToday: "0",
+  responseTime: "0",
+  errorRate: "0",
+});
+
+// Historical data state
+const isLoadingHistory = ref(true);
+const historyError = ref(null);
+const historicalData = ref({
+  dataPoints: [],
+  summary: {
+    max: "0",
+    avg: "0",
+    trend: "stable", // 'increasing', 'decreasing', or 'stable'
+  },
+});
+
+const historyFilter = ref({
+  metric: "throughput",
+  period: "hour",
+});
+
+// Fetch metrics from API
+const fetchMetrics = async () => {
+  try {
+    isLoading.value = true;
+    error.value = null;
+
+    const { data } = await useFetch("/api/notifications/queue/performance", {
+      method: "GET",
+    });
+
+    if (!data.value) {
+      throw new Error("Failed to fetch metrics data");
+    }
+
+    if (data.value?.success) {
+      const performanceData = data.value.data;
+      
+      // Update metrics with fetched data
+      metrics.value = performanceData.metrics || {
+        throughput: "0",
+        uptime: "0",
+        workers: "0",
+        queueLoad: "0",
+      };
+
+      // Update throughput data
+      throughput.value = performanceData.throughput || {
+        current: "0",
+        peak: "0",
+        average: "0",
+      };
+
+      // Update system status
+      systemStatus.value = performanceData.systemStatus || {
+        uptimeToday: "0",
+        responseTime: "0",
+        errorRate: "0",
+      };
+    } else {
+      throw new Error(data.value?.statusMessage || "Failed to fetch metrics");
+    }
+  } catch (err) {
+    console.error("Error fetching metrics:", err);
+    error.value = err.message || "Failed to load performance metrics";
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// Refresh metrics
+const refreshMetrics = () => {
+  fetchMetrics();
+};
+
+// Fetch historical data
+const fetchHistoricalData = async () => {
+  isLoadingHistory.value = true;
+  historyError.value = null;
+  try {
+    const { data } = await useFetch("/api/notifications/queue/history", {
+      method: "GET",
+      query: {
+        metric: historyFilter.value.metric,
+        period: historyFilter.value.period,
+      },
+    });
+
+    if (!data.value) {
+      throw new Error("Failed to fetch historical data");
+    }
+
+    if (data.value?.success) {
+      historicalData.value = data.value.data;
+    } else {
+      throw new Error(data.value?.statusMessage || "Failed to fetch historical data");
+    }
+  } catch (err) {
+    console.error("Error fetching historical data:", err);
+    historyError.value = err.message || "Failed to load historical data";
+  } finally {
+    isLoadingHistory.value = false;
+  }
+};
+
+// Get chart path for the selected metric
+const getChartPath = () => {
+  if (!historicalData.value.dataPoints || historicalData.value.dataPoints.length < 2) {
+    return "M 0 0"; // Return an empty path if no data points
+  }
+
+  const points = historicalData.value.dataPoints;
+  const maxVal = historicalData.value.summary.max || 1;
+  const width = 100 * (points.length - 1); // Total width based on points
+  
+  const path = [];
+  points.forEach((point, i) => {
+    // Calculate x position (evenly spaced)
+    const x = (i / (points.length - 1)) * width;
+    
+    // Calculate y position (inverted, as SVG y=0 is top)
+    // Scale value to fit in the chart height (0-100%)
+    const y = 100 - ((point.value / maxVal) * 100);
+    
+    if (i === 0) {
+      path.push(`M ${x} ${y}`);
+    } else {
+      path.push(`L ${x} ${y}`);
+    }
+  });
+  
+  return path.join(" ");
+};
+
+// Get data points for the chart
+const chartPoints = computed(() => {
+  if (!historicalData.value.dataPoints) {
+    return [];
+  }
+  
+  const points = historicalData.value.dataPoints;
+  const maxVal = historicalData.value.summary.max || 1;
+  const width = 100 * (points.length - 1); // Total width based on points
+  
+  return points.map((point, i) => ({
+    x: (i / (points.length - 1)) * width,
+    y: 100 - ((point.value / maxVal) * 100),
+  }));
+});
+
+// Get Y-axis labels
+const getYAxisLabels = () => {
+  if (!historicalData.value.dataPoints) {
+    return [];
+  }
+  const minY = Math.min(...historicalData.value.dataPoints.map(p => p.y));
+  const maxY = Math.max(...historicalData.value.dataPoints.map(p => p.y));
+  const yRange = maxY - minY;
+  const labels = [];
+  if (yRange > 0) {
+    const step = yRange / 4;
+    for (let i = 0; i <= 4; i++) {
+      labels.push(Math.ceil(minY + i * step));
+    }
+  } else {
+    labels.push(minY);
+    labels.push(0);
+  }
+  return labels;
+};
+
+// Get X-axis labels
+const getXAxisLabels = () => {
+  if (!historicalData.value.dataPoints || historicalData.value.dataPoints.length === 0) {
+    return [];
+  }
+  
+  const points = historicalData.value.dataPoints;
+  const numLabels = 5; // Number of labels to show
+  const step = Math.max(1, Math.floor(points.length / (numLabels - 1)));
+  const labels = [];
+  
+  for (let i = 0; i < points.length; i += step) {
+    if (labels.length < numLabels) {
+      const date = new Date(points[i].timestamp);
+      
+      // Format based on the period
+      let label;
+      switch (historyFilter.value.period) {
+        case 'hour':
+          label = date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+          break;
+        case 'day':
+          label = date.toLocaleTimeString([], { hour: '2-digit' }) + 'h';
+          break;
+        case 'week':
+        case 'month':
+          label = date.toLocaleDateString([], { day: 'numeric', month: 'short' });
+          break;
+      }
+      
+      labels.push(label);
+    }
+  }
+  
+  // Make sure we add the last point
+  if (labels.length < numLabels) {
+    const date = new Date(points[points.length - 1].timestamp);
+    let label;
+    switch (historyFilter.value.period) {
+      case 'hour':
+        label = date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+        break;
+      case 'day':
+        label = date.toLocaleTimeString([], { hour: '2-digit' }) + 'h';
+        break;
+      case 'week':
+      case 'month':
+        label = date.toLocaleDateString([], { day: 'numeric', month: 'short' });
+        break;
+    }
+    labels.push(label);
+  }
+  
+  return labels;
+};
+
+// Get metric unit based on selected metric
+const getMetricUnit = () => {
+  if (historyFilter.value.metric === "throughput") {
+    return "/min";
+  } else if (historyFilter.value.metric === "error_rate") {
+    return "%";
+  } else if (historyFilter.value.metric === "response_time") {
+    return "ms";
+  }
+  return "";
+};
+
+// Fetch metrics on component mount
+onMounted(() => {
+  fetchMetrics();
+  fetchHistoricalData(); // Fetch initial historical data
+});
+
+// Auto-refresh every 60 seconds
+let refreshInterval;
+onMounted(() => {
+  refreshInterval = setInterval(fetchMetrics, 60000);
+});
+
+onUnmounted(() => {
+  if (refreshInterval) {
+    clearInterval(refreshInterval);
+  }
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/notification/queue/persistence.vue b/pages/notification/queue/persistence.vue
new file mode 100644
index 0000000..a91d62f
--- /dev/null
+++ b/pages/notification/queue/persistence.vue
@@ -0,0 +1,803 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Header Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-storage"></Icon>
+            <h1 class="text-xl font-bold text-primary">Queue Persistence Configuration</h1>
+          </div>
+          <div class="flex items-center gap-3">
+            <div class="flex items-center">
+              <div class="w-2 h-2 bg-green-500 rounded-full mr-2 animate-pulse"></div>
+              <span class="text-sm text-gray-600">Persistence Active</span>
+            </div>
+            <rs-button variant="outline" size="sm" @click="testPersistence">
+              <Icon class="mr-1" name="ic:outline-bug-report"></Icon>
+              Test Recovery
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Configure queue data persistence to ensure notifications survive system restarts and failures.
+          Critical for maintaining queue integrity and preventing message loss during system maintenance.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Persistence Status Overview -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(metric, index) in persistenceMetrics"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-4 flex justify-center items-center rounded-2xl"
+            :class="metric.bgColor"
+          >
+            <Icon class="text-2xl" :class="metric.iconColor" :name="metric.icon"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight" :class="metric.valueColor">
+              {{ metric.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ metric.title }}
+            </span>
+            <div class="flex items-center mt-1" v-if="metric.status">
+              <div 
+                class="w-2 h-2 rounded-full mr-1"
+                :class="{
+                  'bg-green-500': metric.status === 'healthy',
+                  'bg-yellow-500': metric.status === 'warning',
+                  'bg-red-500': metric.status === 'error'
+                }"
+              ></div>
+              <span class="text-xs capitalize" :class="{
+                'text-green-600': metric.status === 'healthy',
+                'text-yellow-600': metric.status === 'warning',
+                'text-red-600': metric.status === 'error'
+              }">
+                {{ metric.status }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Storage Configuration -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+      <!-- Primary Storage -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-database"></Icon>
+              <h3 class="text-lg font-semibold text-primary">Primary Storage Configuration</h3>
+            </div>
+            <rs-button variant="outline" size="sm" @click="showStorageModal = true">
+              <Icon class="mr-1" name="ic:outline-settings"></Icon>
+              Configure
+            </rs-button>
+          </div>
+        </template>
+        <template #body>
+          <div class="space-y-4">
+            <!-- Storage Type -->
+            <div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
+              <div>
+                <p class="font-medium">Storage Type</p>
+                <p class="text-sm text-gray-600">{{ storageConfig.type }}</p>
+              </div>
+              <div class="text-right">
+                <span 
+                  class="inline-flex px-2 py-1 text-xs font-semibold rounded-full"
+                  :class="{
+                    'bg-green-100 text-green-800': storageConfig.status === 'connected',
+                    'bg-red-100 text-red-800': storageConfig.status === 'disconnected',
+                    'bg-yellow-100 text-yellow-800': storageConfig.status === 'reconnecting'
+                  }"
+                >
+                  {{ storageConfig.status }}
+                </span>
+              </div>
+            </div>
+
+            <!-- Connection Details -->
+            <div class="grid grid-cols-2 gap-4">
+              <div class="text-center p-3 bg-blue-50 rounded-lg">
+                <p class="text-sm text-gray-600">Connection Pool</p>
+                <p class="font-bold text-blue-600">{{ storageConfig.connectionPool }}/{{ storageConfig.maxConnections }}</p>
+              </div>
+              <div class="text-center p-3 bg-green-50 rounded-lg">
+                <p class="text-sm text-gray-600">Response Time</p>
+                <p class="font-bold text-green-600">{{ storageConfig.responseTime }}ms</p>
+              </div>
+            </div>
+
+            <!-- Storage Metrics -->
+            <div class="space-y-2">
+              <div class="flex justify-between">
+                <span class="text-sm text-gray-600">Used Space</span>
+                <span class="text-sm font-medium">{{ storageConfig.usedSpace }} / {{ storageConfig.totalSpace }}</span>
+              </div>
+              <div class="w-full bg-gray-200 rounded-full h-2">
+                <div 
+                  class="bg-blue-600 h-2 rounded-full" 
+                  :style="{ width: storageConfig.usagePercentage + '%' }"
+                ></div>
+              </div>
+            </div>
+
+            <!-- Last Backup -->
+            <div class="flex items-center justify-between p-3 bg-green-50 rounded-lg">
+              <div>
+                <p class="font-medium text-green-800">Last Backup</p>
+                <p class="text-sm text-green-600">{{ storageConfig.lastBackup }}</p>
+              </div>
+              <Icon class="text-green-600" name="ic:outline-backup"></Icon>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Backup & Recovery -->
+      <rs-card>
+        <template #header>
+          <div class="flex items-center justify-between">
+            <div class="flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-backup"></Icon>
+              <h3 class="text-lg font-semibold text-primary">Backup & Recovery</h3>
+            </div>
+            <rs-button variant="outline" size="sm" @click="createBackup">
+              <Icon class="mr-1" name="ic:outline-backup"></Icon>
+              Create Backup
+            </rs-button>
+          </div>
+        </template>
+        <template #body>
+          <div class="space-y-4">
+            <!-- Backup Schedule -->
+            <div class="p-3 bg-gray-50 rounded-lg">
+              <div class="flex items-center justify-between mb-2">
+                <p class="font-medium">Automatic Backups</p>
+                <div class="flex items-center">
+                  <input 
+                    type="checkbox" 
+                    v-model="backupConfig.autoBackupEnabled" 
+                    class="mr-2"
+                    @change="updateBackupConfig"
+                  >
+                  <span class="text-sm">{{ backupConfig.autoBackupEnabled ? 'Enabled' : 'Disabled' }}</span>
+                </div>
+              </div>
+              <p class="text-sm text-gray-600">
+                Frequency: {{ backupConfig.frequency }} | 
+                Retention: {{ backupConfig.retention }} days
+              </p>
+            </div>
+
+            <!-- Recent Backups -->
+            <div>
+              <h4 class="font-medium text-gray-700 mb-2">Recent Backups</h4>
+              <div class="space-y-2">
+                <div 
+                  v-for="(backup, index) in recentBackups" 
+                  :key="index"
+                  class="flex items-center justify-between p-2 bg-gray-50 rounded"
+                >
+                  <div class="flex items-center">
+                    <Icon 
+                      class="mr-2 text-sm"
+                      :class="{
+                        'text-green-500': backup.status === 'completed',
+                        'text-yellow-500': backup.status === 'in-progress',
+                        'text-red-500': backup.status === 'failed'
+                      }"
+                      :name="backup.status === 'completed' ? 'ic:outline-check-circle' : 
+                            backup.status === 'in-progress' ? 'ic:outline-hourglass-empty' : 
+                            'ic:outline-error'"
+                    ></Icon>
+                    <div>
+                      <p class="text-sm font-medium">{{ backup.name }}</p>
+                      <p class="text-xs text-gray-500">{{ backup.size }} • {{ backup.timestamp }}</p>
+                    </div>
+                  </div>
+                  <div class="flex items-center gap-1">
+                    <rs-button 
+                      variant="outline" 
+                      size="xs"
+                      @click="downloadBackup(backup)"
+                      :disabled="backup.status !== 'completed'"
+                    >
+                      <Icon class="text-xs" name="ic:outline-download"></Icon>
+                    </rs-button>
+                    <rs-button 
+                      variant="outline" 
+                      size="xs"
+                      @click="restoreBackup(backup)"
+                      :disabled="backup.status !== 'completed'"
+                    >
+                      <Icon class="text-xs" name="ic:outline-restore"></Icon>
+                    </rs-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Recovery Test -->
+            <div class="p-3 bg-yellow-50 rounded-lg">
+              <div class="flex items-center justify-between">
+                <div>
+                  <p class="font-medium text-yellow-800">Recovery Test</p>
+                  <p class="text-sm text-yellow-600">Last test: {{ recoveryTest.lastTest }}</p>
+                </div>
+                <rs-button 
+                  variant="outline" 
+                  size="sm"
+                  @click="runRecoveryTest"
+                >
+                  Run Test
+                </rs-button>
+              </div>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+    </div>
+
+    <!-- Queue Recovery Status -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-restore"></Icon>
+            <h3 class="text-lg font-semibold text-primary">Queue Recovery Status</h3>
+          </div>
+          <div class="flex items-center gap-3">
+            <span class="text-sm text-gray-600">Last System Restart: {{ lastSystemRestart }}</span>
+            <rs-button variant="outline" size="sm" @click="showRecoveryDetails = true">
+              <Icon class="mr-1" name="ic:outline-info"></Icon>
+              View Details
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+          <!-- Recovery Statistics -->
+          <div class="space-y-4">
+            <h4 class="font-medium text-gray-700">Recovery Statistics</h4>
+            <div class="space-y-3">
+              <div class="flex justify-between">
+                <span class="text-sm text-gray-600">Jobs Recovered</span>
+                <span class="font-medium text-green-600">{{ recoveryStats.jobsRecovered.toLocaleString() }}</span>
+              </div>
+              <div class="flex justify-between">
+                <span class="text-sm text-gray-600">Jobs Lost</span>
+                <span class="font-medium text-red-600">{{ recoveryStats.jobsLost }}</span>
+              </div>
+              <div class="flex justify-between">
+                <span class="text-sm text-gray-600">Recovery Time</span>
+                <span class="font-medium">{{ recoveryStats.recoveryTime }}</span>
+              </div>
+              <div class="flex justify-between">
+                <span class="text-sm text-gray-600">Success Rate</span>
+                <span class="font-medium text-blue-600">{{ recoveryStats.successRate }}%</span>
+              </div>
+            </div>
+          </div>
+
+          <!-- Recovery Timeline -->
+          <div class="space-y-4">
+            <h4 class="font-medium text-gray-700">Recovery Timeline</h4>
+            <div class="space-y-3">
+              <div 
+                v-for="(event, index) in recoveryTimeline" 
+                :key="index"
+                class="flex items-start"
+              >
+                <div 
+                  class="w-3 h-3 rounded-full mt-1 mr-3"
+                  :class="{
+                    'bg-green-500': event.status === 'completed',
+                    'bg-yellow-500': event.status === 'in-progress',
+                    'bg-red-500': event.status === 'failed'
+                  }"
+                ></div>
+                <div>
+                  <p class="text-sm font-medium">{{ event.action }}</p>
+                  <p class="text-xs text-gray-500">{{ event.timestamp }}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Queue State -->
+          <div class="space-y-4">
+            <h4 class="font-medium text-gray-700">Current Queue State</h4>
+            <div class="space-y-3">
+              <div 
+                v-for="(queue, index) in queueStates" 
+                :key="index"
+                class="p-3 bg-gray-50 rounded-lg"
+              >
+                <div class="flex items-center justify-between mb-1">
+                  <span class="text-sm font-medium">{{ queue.name }}</span>
+                  <span 
+                    class="text-xs px-2 py-1 rounded-full"
+                    :class="{
+                      'bg-green-100 text-green-800': queue.status === 'healthy',
+                      'bg-yellow-100 text-yellow-800': queue.status === 'recovering',
+                      'bg-red-100 text-red-800': queue.status === 'error'
+                    }"
+                  >
+                    {{ queue.status }}
+                  </span>
+                </div>
+                <div class="flex justify-between text-xs text-gray-600">
+                  <span>{{ queue.count }} jobs</span>
+                  <span>{{ queue.lastProcessed }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Persistence Configuration -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-settings"></Icon>
+            <h3 class="text-lg font-semibold text-primary">Persistence Settings</h3>
+          </div>
+          <rs-button @click="savePersistenceConfig">
+            <Icon class="mr-1" name="ic:outline-save"></Icon>
+            Save Configuration
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <!-- General Settings -->
+          <div class="space-y-4">
+            <h4 class="font-medium text-gray-700">General Settings</h4>
+            
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-2">Persistence Mode</label>
+              <select v-model="persistenceConfig.mode" class="w-full p-2 border border-gray-300 rounded-md">
+                <option value="immediate">Immediate (Every job)</option>
+                <option value="batch">Batch (Every N jobs)</option>
+                <option value="interval">Interval (Every N seconds)</option>
+                <option value="hybrid">Hybrid (Immediate + Batch)</option>
+              </select>
+            </div>
+
+            <div v-if="persistenceConfig.mode === 'batch'">
+              <label class="block text-sm font-medium text-gray-700 mb-2">Batch Size</label>
+              <input 
+                type="number" 
+                v-model="persistenceConfig.batchSize" 
+                class="w-full p-2 border border-gray-300 rounded-md"
+                min="1"
+              >
+            </div>
+
+            <div v-if="persistenceConfig.mode === 'interval'">
+              <label class="block text-sm font-medium text-gray-700 mb-2">Interval (seconds)</label>
+              <input 
+                type="number" 
+                v-model="persistenceConfig.interval" 
+                class="w-full p-2 border border-gray-300 rounded-md"
+                min="1"
+              >
+            </div>
+
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-2">Data Retention (days)</label>
+              <input 
+                type="number" 
+                v-model="persistenceConfig.retentionDays" 
+                class="w-full p-2 border border-gray-300 rounded-md"
+                min="1"
+              >
+              <p class="text-xs text-gray-500 mt-1">How long to keep completed job data</p>
+            </div>
+
+            <div class="flex items-center">
+              <input 
+                type="checkbox" 
+                v-model="persistenceConfig.compressData" 
+                class="mr-2"
+              >
+              <span class="text-sm text-gray-700">Enable data compression</span>
+            </div>
+          </div>
+
+          <!-- Recovery Settings -->
+          <div class="space-y-4">
+            <h4 class="font-medium text-gray-700">Recovery Settings</h4>
+            
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-2">Recovery Strategy</label>
+              <select v-model="persistenceConfig.recoveryStrategy" class="w-full p-2 border border-gray-300 rounded-md">
+                <option value="full">Full Recovery (All jobs)</option>
+                <option value="priority">Priority Recovery (High priority first)</option>
+                <option value="recent">Recent Recovery (Last N hours)</option>
+                <option value="selective">Selective Recovery (Manual selection)</option>
+              </select>
+            </div>
+
+            <div v-if="persistenceConfig.recoveryStrategy === 'recent'">
+              <label class="block text-sm font-medium text-gray-700 mb-2">Recovery Window (hours)</label>
+              <input 
+                type="number" 
+                v-model="persistenceConfig.recoveryWindow" 
+                class="w-full p-2 border border-gray-300 rounded-md"
+                min="1"
+              >
+            </div>
+
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-2">Max Recovery Time (seconds)</label>
+              <input 
+                type="number" 
+                v-model="persistenceConfig.maxRecoveryTime" 
+                class="w-full p-2 border border-gray-300 rounded-md"
+                min="1"
+              >
+              <p class="text-xs text-gray-500 mt-1">Maximum time allowed for recovery process</p>
+            </div>
+
+            <div class="flex items-center">
+              <input 
+                type="checkbox" 
+                v-model="persistenceConfig.autoRecovery" 
+                class="mr-2"
+              >
+              <span class="text-sm text-gray-700">Enable automatic recovery on startup</span>
+            </div>
+
+            <div class="flex items-center">
+              <input 
+                type="checkbox" 
+                v-model="persistenceConfig.validateRecovery" 
+                class="mr-2"
+              >
+              <span class="text-sm text-gray-700">Validate recovered jobs before processing</span>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Storage Configuration Modal -->
+    <rs-modal v-model="showStorageModal" title="Storage Configuration">
+      <div class="space-y-6">
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Storage Type</label>
+          <select v-model="storageConfig.type" class="w-full p-2 border border-gray-300 rounded-md">
+            <option value="Redis">Redis</option>
+            <option value="PostgreSQL">PostgreSQL</option>
+            <option value="MongoDB">MongoDB</option>
+            <option value="MySQL">MySQL</option>
+          </select>
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Connection String</label>
+          <input 
+            type="text" 
+            v-model="storageConfig.connectionString" 
+            class="w-full p-2 border border-gray-300 rounded-md"
+            placeholder="redis://localhost:6379"
+          >
+        </div>
+
+        <div class="grid grid-cols-2 gap-4">
+          <div>
+            <label class="block text-sm font-medium text-gray-700 mb-2">Max Connections</label>
+            <input 
+              type="number" 
+              v-model="storageConfig.maxConnections" 
+              class="w-full p-2 border border-gray-300 rounded-md"
+              min="1"
+            >
+          </div>
+          <div>
+            <label class="block text-sm font-medium text-gray-700 mb-2">Connection Timeout (ms)</label>
+            <input 
+              type="number" 
+              v-model="storageConfig.connectionTimeout" 
+              class="w-full p-2 border border-gray-300 rounded-md"
+              min="100"
+            >
+          </div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="flex justify-end gap-3">
+          <rs-button variant="outline" @click="showStorageModal = false">
+            Cancel
+          </rs-button>
+          <rs-button @click="saveStorageConfig">
+            Save Configuration
+          </rs-button>
+        </div>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Queue Persistence",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Queue & Scheduler",
+      path: "/notification/queue-scheduler",
+    },
+    {
+      name: "Persistence",
+      path: "/notification/queue-scheduler/persistence",
+    },
+  ],
+});
+
+// Reactive data
+const showStorageModal = ref(false);
+const showRecoveryDetails = ref(false);
+
+// Persistence metrics
+const persistenceMetrics = ref([
+  {
+    title: "Storage Health",
+    value: "Healthy",
+    icon: "ic:outline-health-and-safety",
+    bgColor: "bg-green-100",
+    iconColor: "text-green-600",
+    valueColor: "text-green-600",
+    status: "healthy"
+  },
+  {
+    title: "Persisted Jobs",
+    value: "847,293",
+    icon: "ic:outline-storage",
+    bgColor: "bg-blue-100",
+    iconColor: "text-blue-600",
+    valueColor: "text-blue-600"
+  },
+  {
+    title: "Recovery Rate",
+    value: "99.97%",
+    icon: "ic:outline-restore",
+    bgColor: "bg-purple-100",
+    iconColor: "text-purple-600",
+    valueColor: "text-purple-600",
+    status: "healthy"
+  },
+  {
+    title: "Storage Usage",
+    value: "67%",
+    icon: "ic:outline-pie-chart",
+    bgColor: "bg-yellow-100",
+    iconColor: "text-yellow-600",
+    valueColor: "text-yellow-600",
+    status: "warning"
+  }
+]);
+
+// Storage configuration
+const storageConfig = ref({
+  type: "Redis",
+  status: "connected",
+  connectionPool: 8,
+  maxConnections: 20,
+  responseTime: 2.3,
+  usedSpace: "2.4 GB",
+  totalSpace: "10 GB",
+  usagePercentage: 67,
+  lastBackup: "2 hours ago",
+  connectionString: "redis://localhost:6379",
+  connectionTimeout: 5000
+});
+
+// Backup configuration
+const backupConfig = ref({
+  autoBackupEnabled: true,
+  frequency: "Every 6 hours",
+  retention: 30
+});
+
+// Recent backups
+const recentBackups = ref([
+  {
+    name: "queue-backup-2024-01-15-14-30",
+    size: "1.2 GB",
+    timestamp: "2 hours ago",
+    status: "completed"
+  },
+  {
+    name: "queue-backup-2024-01-15-08-30",
+    size: "1.1 GB",
+    timestamp: "8 hours ago",
+    status: "completed"
+  },
+  {
+    name: "queue-backup-2024-01-15-02-30",
+    size: "1.0 GB",
+    timestamp: "14 hours ago",
+    status: "completed"
+  },
+  {
+    name: "queue-backup-2024-01-14-20-30",
+    size: "987 MB",
+    timestamp: "20 hours ago",
+    status: "completed"
+  }
+]);
+
+// Recovery test
+const recoveryTest = ref({
+  lastTest: "3 days ago",
+  status: "passed"
+});
+
+// System restart info
+const lastSystemRestart = ref("5 days ago");
+
+// Recovery statistics
+const recoveryStats = ref({
+  jobsRecovered: 15847,
+  jobsLost: 3,
+  recoveryTime: "2.3 seconds",
+  successRate: 99.97
+});
+
+// Recovery timeline
+const recoveryTimeline = ref([
+  {
+    action: "System startup detected",
+    timestamp: "5 days ago, 09:15:23",
+    status: "completed"
+  },
+  {
+    action: "Storage connection established",
+    timestamp: "5 days ago, 09:15:24",
+    status: "completed"
+  },
+  {
+    action: "Queue data recovery initiated",
+    timestamp: "5 days ago, 09:15:25",
+    status: "completed"
+  },
+  {
+    action: "15,847 jobs recovered successfully",
+    timestamp: "5 days ago, 09:15:27",
+    status: "completed"
+  },
+  {
+    action: "Queue processing resumed",
+    timestamp: "5 days ago, 09:15:28",
+    status: "completed"
+  }
+]);
+
+// Queue states
+const queueStates = ref([
+  {
+    name: "High Priority",
+    count: 234,
+    status: "healthy",
+    lastProcessed: "2 seconds ago"
+  },
+  {
+    name: "Medium Priority",
+    count: 1847,
+    status: "healthy",
+    lastProcessed: "1 second ago"
+  },
+  {
+    name: "Low Priority",
+    count: 3421,
+    status: "healthy",
+    lastProcessed: "5 seconds ago"
+  },
+  {
+    name: "Bulk Operations",
+    count: 2502,
+    status: "recovering",
+    lastProcessed: "30 seconds ago"
+  }
+]);
+
+// Persistence configuration
+const persistenceConfig = ref({
+  mode: "hybrid",
+  batchSize: 100,
+  interval: 30,
+  retentionDays: 30,
+  compressData: true,
+  recoveryStrategy: "priority",
+  recoveryWindow: 24,
+  maxRecoveryTime: 300,
+  autoRecovery: true,
+  validateRecovery: true
+});
+
+// Methods
+const testPersistence = () => {
+  console.log('Running persistence test...');
+  // Simulate persistence test
+};
+
+const createBackup = () => {
+  console.log('Creating backup...');
+  // Add new backup to the list
+  const now = new Date();
+  const timestamp = now.toISOString().slice(0, 19).replace(/:/g, '-');
+  recentBackups.value.unshift({
+    name: `queue-backup-${timestamp}`,
+    size: "1.3 GB",
+    timestamp: "Just now",
+    status: "in-progress"
+  });
+  
+  // Simulate completion after 3 seconds
+  setTimeout(() => {
+    recentBackups.value[0].status = "completed";
+  }, 3000);
+};
+
+const downloadBackup = (backup) => {
+  console.log('Downloading backup:', backup.name);
+  // Simulate download
+};
+
+const restoreBackup = (backup) => {
+  console.log('Restoring backup:', backup.name);
+  // Simulate restore
+};
+
+const runRecoveryTest = () => {
+  console.log('Running recovery test...');
+  recoveryTest.value.lastTest = "Just now";
+  // Simulate test
+};
+
+const updateBackupConfig = () => {
+  console.log('Updating backup configuration:', backupConfig.value);
+  // Save backup config
+};
+
+const savePersistenceConfig = () => {
+  console.log('Saving persistence configuration:', persistenceConfig.value);
+  // Save persistence config
+};
+
+const saveStorageConfig = () => {
+  console.log('Saving storage configuration:', storageConfig.value);
+  showStorageModal.value = false;
+  // Save storage config
+};
+</script>
+
+<style lang="scss" scoped></style> 
\ No newline at end of file
diff --git a/pages/notification/queue/priority.vue b/pages/notification/queue/priority.vue
new file mode 100644
index 0000000..f255585
--- /dev/null
+++ b/pages/notification/queue/priority.vue
@@ -0,0 +1,665 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Header Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-priority-high"></Icon>
+            <h1 class="text-xl font-bold text-primary">Priority Queue Management</h1>
+          </div>
+          <rs-button @click="showCreatePriorityModal = true">
+            <Icon class="mr-1" name="ic:outline-add"></Icon>
+            Create Priority Level
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Manage different priority levels for notifications to ensure critical messages are processed first.
+          Higher priority notifications will be processed before lower priority ones in the queue.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Priority Level Statistics -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(stat, index) in priorityStats"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-4 flex justify-center items-center rounded-2xl"
+            :class="stat.bgColor"
+          >
+            <Icon class="text-2xl" :class="stat.iconColor" :name="stat.icon"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-2xl leading-tight" :class="stat.valueColor">
+              {{ stat.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ stat.title }}
+            </span>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Priority Levels Configuration -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-settings"></Icon>
+            <h3 class="text-lg font-semibold text-primary">Priority Levels</h3>
+          </div>
+          <div class="flex items-center gap-3">
+            <rs-button variant="outline" size="sm" @click="refreshPriorityLevels">
+              <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+              Refresh
+            </rs-button>
+            <rs-button variant="outline" size="sm" @click="showBulkEditModal = true">
+              <Icon class="mr-1" name="ic:outline-edit"></Icon>
+              Bulk Edit
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div class="space-y-4">
+          <div
+            v-for="(priority, index) in priorityLevels"
+            :key="index"
+            class="flex items-center justify-between p-4 border rounded-lg"
+            :class="{
+              'border-red-200 bg-red-50': priority.level === 'critical',
+              'border-orange-200 bg-orange-50': priority.level === 'high',
+              'border-yellow-200 bg-yellow-50': priority.level === 'medium',
+              'border-blue-200 bg-blue-50': priority.level === 'low',
+              'border-gray-200 bg-gray-50': priority.level === 'bulk'
+            }"
+          >
+            <div class="flex items-center gap-4">
+              <div class="flex items-center gap-2">
+                <div
+                  class="w-4 h-4 rounded-full"
+                  :class="{
+                    'bg-red-500': priority.level === 'critical',
+                    'bg-orange-500': priority.level === 'high',
+                    'bg-yellow-500': priority.level === 'medium',
+                    'bg-blue-500': priority.level === 'low',
+                    'bg-gray-500': priority.level === 'bulk'
+                  }"
+                ></div>
+                <span class="font-medium text-lg">{{ priority.name }}</span>
+                <span class="text-sm text-gray-500">({{ priority.level }})</span>
+              </div>
+              <div class="flex items-center gap-6">
+                <div class="text-center">
+                  <p class="text-sm text-gray-600">Weight</p>
+                  <p class="font-bold">{{ priority.weight }}</p>
+                </div>
+                <div class="text-center">
+                  <p class="text-sm text-gray-600">Queue Count</p>
+                  <p class="font-bold">{{ priority.queueCount.toLocaleString() }}</p>
+                </div>
+                <div class="text-center">
+                  <p class="text-sm text-gray-600">Avg Processing</p>
+                  <p class="font-bold">{{ priority.avgProcessingTime }}</p>
+                </div>
+                <div class="text-center">
+                  <p class="text-sm text-gray-600">Status</p>
+                  <span 
+                    class="inline-flex px-2 py-1 text-xs font-semibold rounded-full"
+                    :class="{
+                      'bg-green-100 text-green-800': priority.status === 'active',
+                      'bg-red-100 text-red-800': priority.status === 'paused',
+                      'bg-yellow-100 text-yellow-800': priority.status === 'throttled'
+                    }"
+                  >
+                    {{ priority.status }}
+                  </span>
+                </div>
+              </div>
+            </div>
+            <div class="flex items-center gap-2">
+              <rs-button 
+                variant="outline" 
+                size="sm" 
+                @click="editPriority(priority)"
+              >
+                <Icon class="mr-1" name="ic:outline-edit"></Icon>
+                Edit
+              </rs-button>
+              <rs-button 
+                variant="outline" 
+                size="sm" 
+                :class="priority.status === 'active' ? 'text-red-600' : 'text-green-600'"
+                @click="togglePriorityStatus(priority)"
+              >
+                <Icon 
+                  class="mr-1" 
+                  :name="priority.status === 'active' ? 'ic:outline-pause' : 'ic:outline-play-arrow'"
+                ></Icon>
+                {{ priority.status === 'active' ? 'Pause' : 'Resume' }}
+              </rs-button>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Queue Processing Order -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-sort"></Icon>
+          <h3 class="text-lg font-semibold text-primary">Processing Order Visualization</h3>
+        </div>
+      </template>
+      <template #body>
+        <div class="space-y-4">
+          <p class="text-gray-600 mb-4">
+            Notifications are processed in the following order based on priority weights:
+          </p>
+          
+          <!-- Processing Flow -->
+          <div class="flex items-center justify-between bg-gray-50 p-4 rounded-lg">
+            <div 
+              v-for="(level, index) in sortedPriorityLevels" 
+              :key="index"
+              class="flex flex-col items-center"
+            >
+              <div
+                class="w-16 h-16 rounded-full flex items-center justify-center text-white font-bold text-lg mb-2"
+                :class="{
+                  'bg-red-500': level.level === 'critical',
+                  'bg-orange-500': level.level === 'high',
+                  'bg-yellow-500': level.level === 'medium',
+                  'bg-blue-500': level.level === 'low',
+                  'bg-gray-500': level.level === 'bulk'
+                }"
+              >
+                {{ level.weight }}
+              </div>
+              <span class="text-sm font-medium">{{ level.name }}</span>
+              <span class="text-xs text-gray-500">{{ level.queueCount }} jobs</span>
+              
+              <!-- Arrow -->
+              <Icon 
+                v-if="index < sortedPriorityLevels.length - 1"
+                class="text-gray-400 mt-2" 
+                name="ic:outline-arrow-forward"
+              ></Icon>
+            </div>
+          </div>
+
+          <!-- Processing Rules -->
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6">
+            <div class="bg-blue-50 p-4 rounded-lg">
+              <h4 class="font-medium text-blue-800 mb-2">Processing Rules</h4>
+              <ul class="text-sm text-blue-700 space-y-1">
+                <li>• Higher weight = Higher priority</li>
+                <li>• Critical jobs always processed first</li>
+                <li>• Same priority jobs use FIFO order</li>
+                <li>• Bulk jobs processed during low traffic</li>
+              </ul>
+            </div>
+            <div class="bg-green-50 p-4 rounded-lg">
+              <h4 class="font-medium text-green-800 mb-2">Performance Impact</h4>
+              <ul class="text-sm text-green-700 space-y-1">
+                <li>• Critical: &lt; 1 second processing</li>
+                <li>• High: &lt; 5 seconds processing</li>
+                <li>• Medium: &lt; 30 seconds processing</li>
+                <li>• Low/Bulk: Best effort processing</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Recent Priority Queue Activity -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-history"></Icon>
+            <h3 class="text-lg font-semibold text-primary">Recent Priority Queue Activity</h3>
+          </div>
+          <rs-button variant="outline" size="sm" @click="navigateTo('/notification/queue-scheduler/monitor')">
+            View Full Monitor
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div class="overflow-x-auto">
+          <table class="min-w-full divide-y divide-gray-200">
+            <thead class="bg-gray-50">
+              <tr>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                  Job ID
+                </th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                  Priority
+                </th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                  Type
+                </th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                  Status
+                </th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                  Queue Time
+                </th>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                  Processing Time
+                </th>
+              </tr>
+            </thead>
+            <tbody class="bg-white divide-y divide-gray-200">
+              <tr v-for="(job, index) in recentJobs" :key="index">
+                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
+                  {{ job.id }}
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap">
+                  <span 
+                    class="inline-flex px-2 py-1 text-xs font-semibold rounded-full"
+                    :class="{
+                      'bg-red-100 text-red-800': job.priority === 'critical',
+                      'bg-orange-100 text-orange-800': job.priority === 'high',
+                      'bg-yellow-100 text-yellow-800': job.priority === 'medium',
+                      'bg-blue-100 text-blue-800': job.priority === 'low',
+                      'bg-gray-100 text-gray-800': job.priority === 'bulk'
+                    }"
+                  >
+                    {{ job.priority }}
+                  </span>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+                  {{ job.type }}
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap">
+                  <span 
+                    class="inline-flex px-2 py-1 text-xs font-semibold rounded-full"
+                    :class="{
+                      'bg-green-100 text-green-800': job.status === 'completed',
+                      'bg-yellow-100 text-yellow-800': job.status === 'processing',
+                      'bg-red-100 text-red-800': job.status === 'failed',
+                      'bg-blue-100 text-blue-800': job.status === 'queued'
+                    }"
+                  >
+                    {{ job.status }}
+                  </span>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                  {{ job.queueTime }}
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                  {{ job.processingTime }}
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Create Priority Level Modal -->
+    <rs-modal v-model="showCreatePriorityModal" title="Create Priority Level">
+      <div class="space-y-6">
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Priority Name</label>
+          <input 
+            type="text" 
+            v-model="newPriority.name" 
+            class="w-full p-2 border border-gray-300 rounded-md"
+            placeholder="e.g., Emergency Alerts"
+          >
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Priority Level</label>
+          <select v-model="newPriority.level" class="w-full p-2 border border-gray-300 rounded-md">
+            <option value="critical">Critical</option>
+            <option value="high">High</option>
+            <option value="medium">Medium</option>
+            <option value="low">Low</option>
+            <option value="bulk">Bulk</option>
+          </select>
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Weight (1-100)</label>
+          <input 
+            type="number" 
+            v-model="newPriority.weight" 
+            class="w-full p-2 border border-gray-300 rounded-md"
+            min="1" 
+            max="100"
+          >
+          <p class="text-xs text-gray-500 mt-1">Higher weight = Higher priority</p>
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Description</label>
+          <textarea 
+            v-model="newPriority.description" 
+            class="w-full p-2 border border-gray-300 rounded-md"
+            rows="3"
+            placeholder="Describe when this priority level should be used..."
+          ></textarea>
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Max Processing Time (seconds)</label>
+          <input 
+            type="number" 
+            v-model="newPriority.maxProcessingTime" 
+            class="w-full p-2 border border-gray-300 rounded-md"
+            min="1"
+          >
+          <p class="text-xs text-gray-500 mt-1">Maximum time allowed for processing jobs of this priority</p>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="flex justify-end gap-3">
+          <rs-button variant="outline" @click="showCreatePriorityModal = false">
+            Cancel
+          </rs-button>
+          <rs-button @click="createPriorityLevel">
+            Create Priority Level
+          </rs-button>
+        </div>
+      </template>
+    </rs-modal>
+
+    <!-- Edit Priority Modal -->
+    <rs-modal v-model="showEditPriorityModal" title="Edit Priority Level">
+      <div class="space-y-6" v-if="editingPriority">
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Priority Name</label>
+          <input 
+            type="text" 
+            v-model="editingPriority.name" 
+            class="w-full p-2 border border-gray-300 rounded-md"
+          >
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Weight (1-100)</label>
+          <input 
+            type="number" 
+            v-model="editingPriority.weight" 
+            class="w-full p-2 border border-gray-300 rounded-md"
+            min="1" 
+            max="100"
+          >
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Max Processing Time (seconds)</label>
+          <input 
+            type="number" 
+            v-model="editingPriority.maxProcessingTime" 
+            class="w-full p-2 border border-gray-300 rounded-md"
+            min="1"
+          >
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2">Status</label>
+          <select v-model="editingPriority.status" class="w-full p-2 border border-gray-300 rounded-md">
+            <option value="active">Active</option>
+            <option value="paused">Paused</option>
+            <option value="throttled">Throttled</option>
+          </select>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="flex justify-end gap-3">
+          <rs-button variant="outline" @click="showEditPriorityModal = false">
+            Cancel
+          </rs-button>
+          <rs-button @click="savePriorityChanges">
+            Save Changes
+          </rs-button>
+        </div>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Priority Queue Management",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Queue & Scheduler",
+      path: "/notification/queue-scheduler",
+    },
+    {
+      name: "Priority Management",
+      path: "/notification/queue-scheduler/priority",
+    },
+  ],
+});
+
+// Reactive data
+const showCreatePriorityModal = ref(false);
+const showEditPriorityModal = ref(false);
+const showBulkEditModal = ref(false);
+const editingPriority = ref(null);
+
+// Priority statistics
+const priorityStats = ref([
+  {
+    title: "Critical Jobs",
+    value: "47",
+    icon: "ic:outline-priority-high",
+    bgColor: "bg-red-100",
+    iconColor: "text-red-600",
+    valueColor: "text-red-600"
+  },
+  {
+    title: "High Priority",
+    value: "234",
+    icon: "ic:outline-trending-up",
+    bgColor: "bg-orange-100",
+    iconColor: "text-orange-600",
+    valueColor: "text-orange-600"
+  },
+  {
+    title: "Medium Priority",
+    value: "1,847",
+    icon: "ic:outline-remove",
+    bgColor: "bg-yellow-100",
+    iconColor: "text-yellow-600",
+    valueColor: "text-yellow-600"
+  },
+  {
+    title: "Low/Bulk Priority",
+    value: "5,923",
+    icon: "ic:outline-trending-down",
+    bgColor: "bg-blue-100",
+    iconColor: "text-blue-600",
+    valueColor: "text-blue-600"
+  }
+]);
+
+// Priority levels configuration
+const priorityLevels = ref([
+  {
+    name: "Emergency Alerts",
+    level: "critical",
+    weight: 100,
+    queueCount: 47,
+    avgProcessingTime: "0.8s",
+    status: "active",
+    maxProcessingTime: 5,
+    description: "System emergencies and critical security alerts"
+  },
+  {
+    name: "Real-time Notifications",
+    level: "high",
+    weight: 80,
+    queueCount: 234,
+    avgProcessingTime: "2.1s",
+    status: "active",
+    maxProcessingTime: 10,
+    description: "Time-sensitive notifications like OTP, payment confirmations"
+  },
+  {
+    name: "Standard Notifications",
+    level: "medium",
+    weight: 50,
+    queueCount: 1847,
+    avgProcessingTime: "5.3s",
+    status: "active",
+    maxProcessingTime: 30,
+    description: "Regular app notifications and updates"
+  },
+  {
+    name: "Marketing Messages",
+    level: "low",
+    weight: 30,
+    queueCount: 3421,
+    avgProcessingTime: "12.7s",
+    status: "active",
+    maxProcessingTime: 60,
+    description: "Promotional content and marketing campaigns"
+  },
+  {
+    name: "Bulk Operations",
+    level: "bulk",
+    weight: 10,
+    queueCount: 2502,
+    avgProcessingTime: "45.2s",
+    status: "throttled",
+    maxProcessingTime: 300,
+    description: "Large batch operations and system maintenance"
+  }
+]);
+
+// New priority form
+const newPriority = ref({
+  name: "",
+  level: "medium",
+  weight: 50,
+  description: "",
+  maxProcessingTime: 30
+});
+
+// Computed sorted priority levels
+const sortedPriorityLevels = computed(() => {
+  return [...priorityLevels.value].sort((a, b) => b.weight - a.weight);
+});
+
+// Recent jobs data
+const recentJobs = ref([
+  {
+    id: "job-001",
+    priority: "critical",
+    type: "Security Alert",
+    status: "completed",
+    queueTime: "0.1s",
+    processingTime: "0.8s"
+  },
+  {
+    id: "job-002",
+    priority: "high",
+    type: "OTP SMS",
+    status: "completed",
+    queueTime: "0.3s",
+    processingTime: "1.2s"
+  },
+  {
+    id: "job-003",
+    priority: "medium",
+    type: "App Notification",
+    status: "processing",
+    queueTime: "2.1s",
+    processingTime: "3.4s"
+  },
+  {
+    id: "job-004",
+    priority: "low",
+    type: "Newsletter",
+    status: "queued",
+    queueTime: "15.2s",
+    processingTime: "-"
+  },
+  {
+    id: "job-005",
+    priority: "bulk",
+    type: "Data Export",
+    status: "queued",
+    queueTime: "45.7s",
+    processingTime: "-"
+  }
+]);
+
+// Methods
+const refreshPriorityLevels = () => {
+  console.log('Refreshing priority levels...');
+  // Simulate data refresh
+};
+
+const createPriorityLevel = () => {
+  console.log('Creating priority level:', newPriority.value);
+  
+  // Add to priority levels
+  priorityLevels.value.push({
+    ...newPriority.value,
+    queueCount: 0,
+    avgProcessingTime: "0s",
+    status: "active"
+  });
+  
+  // Reset form
+  newPriority.value = {
+    name: "",
+    level: "medium",
+    weight: 50,
+    description: "",
+    maxProcessingTime: 30
+  };
+  
+  showCreatePriorityModal.value = false;
+};
+
+const editPriority = (priority) => {
+  editingPriority.value = { ...priority };
+  showEditPriorityModal.value = true;
+};
+
+const savePriorityChanges = () => {
+  const index = priorityLevels.value.findIndex(p => p.name === editingPriority.value.name);
+  if (index !== -1) {
+    priorityLevels.value[index] = { ...editingPriority.value };
+  }
+  showEditPriorityModal.value = false;
+  editingPriority.value = null;
+};
+
+const togglePriorityStatus = (priority) => {
+  const newStatus = priority.status === 'active' ? 'paused' : 'active';
+  priority.status = newStatus;
+  console.log(`Priority ${priority.name} status changed to ${newStatus}`);
+};
+</script>
+
+<style lang="scss" scoped></style> 
\ No newline at end of file
diff --git a/pages/notification/queue/rate-limit.vue b/pages/notification/queue/rate-limit.vue
new file mode 100644
index 0000000..6451a07
--- /dev/null
+++ b/pages/notification/queue/rate-limit.vue
@@ -0,0 +1,768 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    
+    <!-- Header Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-speed"></Icon>
+          <h1 class="text-xl font-bold text-primary">Rate Limiting</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Throttles how many messages/jobs can be processed per second/minute/hour. 
+          Avoid hitting API limits (Twilio, SendGrid) and prevent spammy behavior that can trigger blacklisting.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Rate Limit Statistics -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(stat, index) in rateLimitStats"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-4 flex justify-center items-center rounded-2xl"
+            :class="stat.bgColor"
+          >
+            <Icon class="text-2xl" :class="stat.iconColor" :name="stat.icon"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-xl leading-tight" :class="stat.textColor">
+              {{ stat.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ stat.title }}
+            </span>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Current Usage Overview -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h3 class="text-lg font-semibold text-primary">Current Usage Overview</h3>
+          <div class="flex items-center gap-2">
+            <div class="flex items-center">
+              <div class="w-2 h-2 bg-green-500 rounded-full mr-2 animate-pulse"></div>
+              <span class="text-sm text-gray-600">Live Updates</span>
+            </div>
+            <rs-button variant="outline" size="sm" @click="refreshUsage">
+              <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+              Refresh
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          <div
+            v-for="(usage, index) in currentUsage"
+            :key="index"
+            class="border border-gray-200 rounded-lg p-4"
+          >
+            <div class="flex items-center justify-between mb-3">
+              <div class="flex items-center">
+                <Icon class="mr-2 text-primary" :name="usage.icon"></Icon>
+                <h4 class="font-semibold">{{ usage.service }}</h4>
+              </div>
+              <rs-badge :variant="getUsageVariant(usage.percentage)">
+                {{ usage.percentage }}%
+              </rs-badge>
+            </div>
+            
+            <div class="space-y-2">
+              <div class="flex justify-between text-sm">
+                <span class="text-gray-600">Current Rate:</span>
+                <span class="font-medium">{{ usage.currentRate }}</span>
+              </div>
+              <div class="flex justify-between text-sm">
+                <span class="text-gray-600">Limit:</span>
+                <span class="font-medium">{{ usage.limit }}</span>
+              </div>
+              <div class="flex justify-between text-sm">
+                <span class="text-gray-600">Window:</span>
+                <span class="font-medium">{{ usage.window }}</span>
+              </div>
+            </div>
+
+            <div class="mt-3">
+              <rs-progress-bar 
+                :value="usage.percentage"
+                :variant="usage.percentage > 80 ? 'danger' : usage.percentage > 60 ? 'warning' : 'success'"
+              />
+            </div>
+
+            <div class="mt-2 text-xs text-gray-500">
+              Resets in {{ usage.resetTime }}
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Rate Limit Configuration -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h3 class="text-lg font-semibold text-primary">Rate Limit Configuration</h3>
+          <rs-button variant="outline" size="sm" @click="showConfigModal = true">
+            <Icon class="mr-1" name="ic:outline-settings"></Icon>
+            Configure Limits
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <rs-table
+          :field="configTableFields"
+          :data="rateLimitConfigs"
+          :options="{ striped: true, hover: true }"
+          :optionsAdvanced="{ sortable: true, filterable: false }"
+          advanced
+        />
+      </template>
+    </rs-card>
+
+    <!-- Rate Limit Violations -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h3 class="text-lg font-semibold text-primary">Recent Rate Limit Violations</h3>
+          <div class="flex items-center gap-2">
+            <select v-model="violationFilter" class="p-2 border border-gray-300 rounded-md text-sm">
+              <option value="">All Services</option>
+              <option value="email">Email</option>
+              <option value="sms">SMS</option>
+              <option value="push">Push</option>
+              <option value="webhook">Webhook</option>
+            </select>
+            <rs-button variant="outline" size="sm" @click="refreshViolations">
+              <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+              Refresh
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div v-if="filteredViolations.length === 0" class="text-center py-8 text-gray-500">
+          <Icon class="text-4xl mb-2" name="ic:outline-check-circle"></Icon>
+          <p>No rate limit violations in the selected timeframe</p>
+        </div>
+        <div v-else class="space-y-3">
+          <div
+            v-for="(violation, index) in filteredViolations"
+            :key="index"
+            class="border border-red-200 bg-red-50 rounded-lg p-4"
+          >
+            <div class="flex items-center justify-between mb-2">
+              <div class="flex items-center">
+                <Icon class="mr-2 text-red-600" name="ic:outline-warning"></Icon>
+                <span class="font-semibold text-red-800">{{ violation.service }} Rate Limit Exceeded</span>
+              </div>
+              <span class="text-sm text-red-600">{{ violation.timestamp }}</span>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-sm">
+              <div>
+                <span class="text-red-700">Attempted Rate:</span>
+                <span class="ml-1 font-medium">{{ violation.attemptedRate }}</span>
+              </div>
+              <div>
+                <span class="text-red-700">Limit:</span>
+                <span class="ml-1 font-medium">{{ violation.limit }}</span>
+              </div>
+              <div>
+                <span class="text-red-700">Messages Dropped:</span>
+                <span class="ml-1 font-medium">{{ violation.droppedMessages }}</span>
+              </div>
+            </div>
+            <p class="text-sm text-red-700 mt-2">{{ violation.description }}</p>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Rate Limit Analytics -->
+    <rs-card class="mb-6">
+      <template #header>
+        <h3 class="text-lg font-semibold text-primary">Rate Limit Analytics</h3>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <!-- Usage Trends -->
+          <div>
+            <h4 class="font-semibold mb-4">Usage Trends (Last 24 Hours)</h4>
+            <div class="space-y-3">
+              <div
+                v-for="(trend, index) in usageTrends"
+                :key="index"
+                class="flex items-center justify-between p-3 bg-gray-50 rounded-lg"
+              >
+                <div class="flex items-center">
+                  <Icon class="mr-2 text-primary" :name="trend.icon"></Icon>
+                  <div>
+                    <p class="font-medium">{{ trend.service }}</p>
+                    <p class="text-sm text-gray-600">Peak: {{ trend.peak }}</p>
+                  </div>
+                </div>
+                <div class="text-right">
+                  <p class="font-medium">{{ trend.average }}</p>
+                  <p class="text-sm text-gray-600">Average</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Efficiency Metrics -->
+          <div>
+            <h4 class="font-semibold mb-4">Efficiency Metrics</h4>
+            <div class="space-y-4">
+              <div class="bg-green-50 border border-green-200 rounded p-3">
+                <div class="flex items-center mb-2">
+                  <Icon class="mr-2 text-green-600" name="ic:outline-trending-up"></Icon>
+                  <span class="font-medium text-green-800">Throughput Optimization</span>
+                </div>
+                <p class="text-sm text-green-700">
+                  Current efficiency: {{ efficiencyMetrics.throughputOptimization }}%
+                </p>
+              </div>
+              
+              <div class="bg-blue-50 border border-blue-200 rounded p-3">
+                <div class="flex items-center mb-2">
+                  <Icon class="mr-2 text-blue-600" name="ic:outline-schedule"></Icon>
+                  <span class="font-medium text-blue-800">Queue Utilization</span>
+                </div>
+                <p class="text-sm text-blue-700">
+                  Average queue utilization: {{ efficiencyMetrics.queueUtilization }}%
+                </p>
+              </div>
+
+              <div class="bg-purple-50 border border-purple-200 rounded p-3">
+                <div class="flex items-center mb-2">
+                  <Icon class="mr-2 text-purple-600" name="ic:outline-timer"></Icon>
+                  <span class="font-medium text-purple-800">Response Time</span>
+                </div>
+                <p class="text-sm text-purple-700">
+                  Average response time: {{ efficiencyMetrics.responseTime }}ms
+                </p>
+              </div>
+
+              <div class="bg-orange-50 border border-orange-200 rounded p-3">
+                <div class="flex items-center mb-2">
+                  <Icon class="mr-2 text-orange-600" name="ic:outline-error"></Icon>
+                  <span class="font-medium text-orange-800">Error Rate</span>
+                </div>
+                <p class="text-sm text-orange-700">
+                  Rate limit errors: {{ efficiencyMetrics.errorRate }}%
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Rate Limit Testing -->
+    <rs-card>
+      <template #header>
+        <h3 class="text-lg font-semibold text-primary">Rate Limit Testing</h3>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <div class="space-y-4">
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-2">Service to Test</label>
+              <select v-model="testConfig.service" class="w-full p-2 border border-gray-300 rounded-md">
+                <option value="">Select service</option>
+                <option value="email">Email (SendGrid)</option>
+                <option value="sms">SMS (Twilio)</option>
+                <option value="push">Push (Firebase)</option>
+                <option value="webhook">Webhook</option>
+              </select>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Messages per Second</label>
+                <input
+                  v-model.number="testConfig.rate"
+                  type="number"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                  placeholder="10"
+                  min="1"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Duration (seconds)</label>
+                <input
+                  v-model.number="testConfig.duration"
+                  type="number"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                  placeholder="60"
+                  min="1"
+                  max="300"
+                />
+              </div>
+            </div>
+
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-2">Test Message</label>
+              <textarea
+                v-model="testConfig.message"
+                class="w-full p-2 border border-gray-300 rounded-md"
+                rows="3"
+                placeholder="Test message content"
+              ></textarea>
+            </div>
+
+            <rs-button 
+              @click="startRateLimitTest" 
+              variant="primary" 
+              class="w-full"
+              :disabled="testRunning"
+            >
+              <Icon class="mr-1" :name="testRunning ? 'ic:outline-stop' : 'ic:outline-play-arrow'"></Icon>
+              {{ testRunning ? 'Test Running...' : 'Start Rate Limit Test' }}
+            </rs-button>
+          </div>
+
+          <div class="space-y-4">
+            <h4 class="font-semibold">Test Results</h4>
+            <div v-if="testResults.length === 0" class="text-center text-gray-500 py-8">
+              <Icon class="text-4xl mb-2" name="ic:outline-science"></Icon>
+              <p>Run a test to see results</p>
+            </div>
+            <div v-else class="space-y-3 max-h-60 overflow-y-auto">
+              <div
+                v-for="(result, index) in testResults"
+                :key="index"
+                class="border border-gray-200 rounded p-3"
+              >
+                <div class="flex justify-between items-start mb-2">
+                  <span class="font-medium">{{ result.service }}</span>
+                  <span :class="{
+                    'text-green-600': result.status === 'success',
+                    'text-red-600': result.status === 'rate_limited',
+                    'text-yellow-600': result.status === 'warning'
+                  }" class="text-sm font-medium">{{ result.status }}</span>
+                </div>
+                <div class="text-sm space-y-1">
+                  <div class="flex justify-between">
+                    <span class="text-gray-600">Messages Sent:</span>
+                    <span>{{ result.messagesSent }}</span>
+                  </div>
+                  <div class="flex justify-between">
+                    <span class="text-gray-600">Rate Achieved:</span>
+                    <span>{{ result.rateAchieved }}/sec</span>
+                  </div>
+                  <div class="flex justify-between">
+                    <span class="text-gray-600">Errors:</span>
+                    <span>{{ result.errors }}</span>
+                  </div>
+                </div>
+                <p class="text-xs text-gray-500 mt-2">{{ result.timestamp }}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Configuration Modal -->
+    <rs-modal v-model="showConfigModal" size="lg">
+      <template #header>
+        <h3 class="text-lg font-semibold">Rate Limit Configuration</h3>
+      </template>
+      <template #body>
+        <div class="space-y-6">
+          <div
+            v-for="(config, index) in editableConfigs"
+            :key="index"
+            class="border border-gray-200 rounded-lg p-4"
+          >
+            <div class="flex items-center mb-4">
+              <Icon class="mr-2 text-primary" :name="config.icon"></Icon>
+              <h4 class="font-semibold">{{ config.service }} Configuration</h4>
+            </div>
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Messages per Second</label>
+                <input
+                  v-model.number="config.perSecond"
+                  type="number"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                  min="1"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Messages per Minute</label>
+                <input
+                  v-model.number="config.perMinute"
+                  type="number"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                  min="1"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Messages per Hour</label>
+                <input
+                  v-model.number="config.perHour"
+                  type="number"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                  min="1"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Burst Limit</label>
+                <input
+                  v-model.number="config.burstLimit"
+                  type="number"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                  min="1"
+                />
+              </div>
+            </div>
+
+            <div class="mt-4">
+              <label class="flex items-center">
+                <input
+                  v-model="config.enabled"
+                  type="checkbox"
+                  class="mr-2"
+                />
+                <span class="text-sm font-medium text-gray-700">Enable rate limiting for this service</span>
+              </label>
+            </div>
+          </div>
+        </div>
+      </template>
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <rs-button variant="outline" @click="showConfigModal = false">Cancel</rs-button>
+          <rs-button @click="saveRateLimitConfig" variant="primary">Save Configuration</rs-button>
+        </div>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Rate Limiting",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Queue & Scheduler",
+      path: "/notification/queue-scheduler",
+    },
+    {
+      name: "Rate Limiting",
+      path: "/notification/queue-scheduler/rate-limit",
+    },
+  ],
+});
+
+// Reactive data
+const showConfigModal = ref(false);
+const violationFilter = ref('');
+const testRunning = ref(false);
+const testResults = ref([]);
+
+// Statistics
+const rateLimitStats = ref([
+  {
+    title: "Active Limits",
+    value: "12",
+    icon: "ic:outline-speed",
+    bgColor: "bg-blue-100",
+    iconColor: "text-blue-600",
+    textColor: "text-blue-600"
+  },
+  {
+    title: "Messages/Hour",
+    value: "45.2K",
+    icon: "ic:outline-trending-up",
+    bgColor: "bg-green-100",
+    iconColor: "text-green-600",
+    textColor: "text-green-600"
+  },
+  {
+    title: "Violations Today",
+    value: "3",
+    icon: "ic:outline-warning",
+    bgColor: "bg-red-100",
+    iconColor: "text-red-600",
+    textColor: "text-red-600"
+  },
+  {
+    title: "Efficiency",
+    value: "96.8%",
+    icon: "ic:outline-check-circle",
+    bgColor: "bg-purple-100",
+    iconColor: "text-purple-600",
+    textColor: "text-purple-600"
+  }
+]);
+
+// Current usage
+const currentUsage = ref([
+  {
+    service: 'Email (SendGrid)',
+    icon: 'ic:outline-email',
+    currentRate: '850/hour',
+    limit: '1000/hour',
+    percentage: 85,
+    window: '1 hour',
+    resetTime: '23 minutes'
+  },
+  {
+    service: 'SMS (Twilio)',
+    icon: 'ic:outline-sms',
+    currentRate: '45/minute',
+    limit: '100/minute',
+    percentage: 45,
+    window: '1 minute',
+    resetTime: '32 seconds'
+  },
+  {
+    service: 'Push (Firebase)',
+    icon: 'ic:outline-notifications',
+    currentRate: '1200/hour',
+    limit: '5000/hour',
+    percentage: 24,
+    window: '1 hour',
+    resetTime: '45 minutes'
+  },
+  {
+    service: 'Webhook',
+    icon: 'ic:outline-webhook',
+    currentRate: '15/second',
+    limit: '20/second',
+    percentage: 75,
+    window: '1 second',
+    resetTime: '0.5 seconds'
+  }
+]);
+
+// Configuration table fields
+const configTableFields = ref([
+  { key: 'service', label: 'Service', sortable: true },
+  { key: 'perSecond', label: 'Per Second', sortable: true },
+  { key: 'perMinute', label: 'Per Minute', sortable: true },
+  { key: 'perHour', label: 'Per Hour', sortable: true },
+  { key: 'burstLimit', label: 'Burst Limit', sortable: true },
+  { key: 'status', label: 'Status', sortable: true },
+  { key: 'actions', label: 'Actions', sortable: false }
+]);
+
+// Rate limit configurations
+const rateLimitConfigs = ref([
+  {
+    service: 'Email (SendGrid)',
+    icon: 'ic:outline-email',
+    perSecond: 10,
+    perMinute: 600,
+    perHour: 1000,
+    burstLimit: 50,
+    enabled: true
+  },
+  {
+    service: 'SMS (Twilio)',
+    icon: 'ic:outline-sms',
+    perSecond: 5,
+    perMinute: 100,
+    perHour: 2000,
+    burstLimit: 20,
+    enabled: true
+  },
+  {
+    service: 'Push (Firebase)',
+    icon: 'ic:outline-notifications',
+    perSecond: 50,
+    perMinute: 1000,
+    perHour: 5000,
+    burstLimit: 200,
+    enabled: true
+  },
+  {
+    service: 'Webhook',
+    icon: 'ic:outline-webhook',
+    perSecond: 20,
+    perMinute: 500,
+    perHour: 10000,
+    burstLimit: 100,
+    enabled: true
+  }
+].map(config => ({
+  ...config,
+  status: h('span', {
+    class: `px-2 py-1 rounded text-xs font-medium ${
+      config.enabled ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'
+    }`
+  }, config.enabled ? 'Active' : 'Disabled'),
+  actions: h('button', {
+    class: 'text-blue-600 hover:text-blue-800 text-sm',
+    onClick: () => editRateLimit(config)
+  }, 'Edit')
+})));
+
+// Editable configs for modal
+const editableConfigs = ref(JSON.parse(JSON.stringify(rateLimitConfigs.value.map(c => ({
+  service: c.service,
+  icon: c.icon,
+  perSecond: c.perSecond,
+  perMinute: c.perMinute,
+  perHour: c.perHour,
+  burstLimit: c.burstLimit,
+  enabled: c.enabled
+})))));
+
+// Rate limit violations
+const violations = ref([
+  {
+    service: 'Email',
+    timestamp: '2024-01-15 14:30:00',
+    attemptedRate: '1200/hour',
+    limit: '1000/hour',
+    droppedMessages: 45,
+    description: 'Newsletter campaign exceeded hourly limit during peak hours'
+  },
+  {
+    service: 'SMS',
+    timestamp: '2024-01-15 12:15:00',
+    attemptedRate: '150/minute',
+    limit: '100/minute',
+    droppedMessages: 23,
+    description: 'OTP verification burst exceeded per-minute limit'
+  },
+  {
+    service: 'Webhook',
+    timestamp: '2024-01-15 10:45:00',
+    attemptedRate: '25/second',
+    limit: '20/second',
+    droppedMessages: 12,
+    description: 'Order webhook notifications exceeded per-second limit'
+  }
+]);
+
+// Usage trends
+const usageTrends = ref([
+  {
+    service: 'Email',
+    icon: 'ic:outline-email',
+    peak: '950/hour',
+    average: '650/hour'
+  },
+  {
+    service: 'SMS',
+    icon: 'ic:outline-sms',
+    peak: '85/minute',
+    average: '45/minute'
+  },
+  {
+    service: 'Push',
+    icon: 'ic:outline-notifications',
+    peak: '2100/hour',
+    average: '1200/hour'
+  },
+  {
+    service: 'Webhook',
+    icon: 'ic:outline-webhook',
+    peak: '18/second',
+    average: '12/second'
+  }
+]);
+
+// Efficiency metrics
+const efficiencyMetrics = ref({
+  throughputOptimization: 96.8,
+  queueUtilization: 78.5,
+  responseTime: 245,
+  errorRate: 0.3
+});
+
+// Test configuration
+const testConfig = ref({
+  service: '',
+  rate: 10,
+  duration: 60,
+  message: 'This is a rate limit test message'
+});
+
+// Computed filtered violations
+const filteredViolations = computed(() => {
+  if (!violationFilter.value) {
+    return violations.value;
+  }
+  return violations.value.filter(v => v.service.toLowerCase() === violationFilter.value);
+});
+
+// Methods
+function getUsageVariant(percentage) {
+  if (percentage > 80) return 'danger';
+  if (percentage > 60) return 'warning';
+  return 'success';
+}
+
+function refreshUsage() {
+  // Mock refresh
+  console.log('Refreshing usage data...');
+}
+
+function refreshViolations() {
+  // Mock refresh
+  console.log('Refreshing violations...');
+}
+
+function editRateLimit(config) {
+  // Find and update the editable config
+  const editableConfig = editableConfigs.value.find(c => c.service === config.service);
+  if (editableConfig) {
+    Object.assign(editableConfig, config);
+  }
+  showConfigModal.value = true;
+}
+
+function saveRateLimitConfig() {
+  // Mock save
+  console.log('Saving rate limit configuration...', editableConfigs.value);
+  showConfigModal.value = false;
+}
+
+function startRateLimitTest() {
+  if (!testConfig.value.service) {
+    return;
+  }
+
+  testRunning.value = true;
+
+  // Mock test execution
+  setTimeout(() => {
+    const result = {
+      service: testConfig.value.service,
+      messagesSent: Math.floor(testConfig.value.rate * testConfig.value.duration * 0.9),
+      rateAchieved: Math.floor(testConfig.value.rate * 0.9),
+      errors: Math.floor(Math.random() * 5),
+      status: Math.random() > 0.7 ? 'rate_limited' : 'success',
+      timestamp: new Date().toLocaleString()
+    };
+
+    testResults.value.unshift(result);
+    testRunning.value = false;
+  }, 3000);
+}
+</script>
+
+<style lang="scss" scoped></style> 
\ No newline at end of file
diff --git a/pages/notification/queue/retry.vue b/pages/notification/queue/retry.vue
new file mode 100644
index 0000000..3e7a309
--- /dev/null
+++ b/pages/notification/queue/retry.vue
@@ -0,0 +1,563 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Header Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <div class="flex items-center">
+            <Icon class="mr-2 text-primary" name="ic:outline-refresh"></Icon>
+            <h1 class="text-xl font-bold text-primary">Failed Jobs</h1>
+          </div>
+          <rs-button
+            variant="outline"
+            size="sm"
+            @click="refreshJobs"
+            :loading="isLoading"
+            :disabled="isLoading"
+          >
+            <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+            Refresh
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">Handle and retry failed notification jobs.</p>
+      </template>
+    </rs-card>
+
+    <!-- Error Alert -->
+    <rs-alert v-if="error" variant="danger" class="mb-6">
+      {{ error }}
+    </rs-alert>
+
+    <!-- Basic Statistics -->
+    <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
+      <rs-card>
+        <div class="p-4 text-center">
+          <div v-if="isLoading" class="animate-pulse">
+            <div class="h-8 bg-gray-200 rounded w-24 mx-auto mb-2"></div>
+            <div class="h-4 bg-gray-200 rounded w-32 mx-auto"></div>
+          </div>
+          <template v-else>
+            <h3 class="text-2xl font-bold text-red-600">{{ stats.failed }}</h3>
+            <p class="text-sm text-gray-600">Failed Jobs</p>
+          </template>
+        </div>
+      </rs-card>
+      <rs-card>
+        <div class="p-4 text-center">
+          <div v-if="isLoading" class="animate-pulse">
+            <div class="h-8 bg-gray-200 rounded w-24 mx-auto mb-2"></div>
+            <div class="h-4 bg-gray-200 rounded w-32 mx-auto"></div>
+          </div>
+          <template v-else>
+            <h3 class="text-2xl font-bold text-yellow-600">
+              {{ stats.retrying }}
+            </h3>
+            <p class="text-sm text-gray-600">Retrying</p>
+          </template>
+        </div>
+      </rs-card>
+      <rs-card>
+        <div class="p-4 text-center">
+          <div v-if="isLoading" class="animate-pulse">
+            <div class="h-8 bg-gray-200 rounded w-24 mx-auto mb-2"></div>
+            <div class="h-4 bg-gray-200 rounded w-32 mx-auto"></div>
+          </div>
+          <template v-else>
+            <h3 class="text-2xl font-bold text-green-600">
+              {{ stats.recovered }}
+            </h3>
+            <p class="text-sm text-gray-600">Recovered</p>
+          </template>
+        </div>
+      </rs-card>
+      <rs-card>
+        <div class="p-4 text-center">
+          <div v-if="isLoading" class="animate-pulse">
+            <div class="h-8 bg-gray-200 rounded w-24 mx-auto mb-2"></div>
+            <div class="h-4 bg-gray-200 rounded w-32 mx-auto"></div>
+          </div>
+          <template v-else>
+            <h3 class="text-2xl font-bold text-gray-600">
+              {{ stats.deadLetter }}
+            </h3>
+            <p class="text-sm text-gray-600">Dead Letter</p>
+          </template>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Failed Jobs -->
+    <rs-card>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h3 class="text-lg font-semibold text-primary">Failed Jobs</h3>
+          <div class="flex items-center gap-2">
+            <rs-button
+              variant="outline"
+              size="sm"
+              @click="confirmRetryAll"
+              :loading="isRetryingAll"
+              :disabled="isRetryingAll || failedJobs.length === 0"
+            >
+              <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+              Retry All
+            </rs-button>
+            <rs-button
+              variant="outline"
+              size="sm"
+              @click="refreshJobs"
+              :loading="isLoading"
+              :disabled="isLoading"
+            >
+              <Icon class="mr-1" name="ic:outline-sync"></Icon>
+              Refresh
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div v-if="isLoading" class="flex justify-center py-8">
+          <div class="inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-primary"></div>
+          <span class="ml-2">Loading...</span>
+        </div>
+        <div v-else-if="failedJobs.length === 0" class="text-center py-8 text-gray-500">
+          <Icon name="ic:outline-check-circle" class="text-3xl text-gray-400 mb-2" />
+          <p>No failed jobs found</p>
+        </div>
+        <div v-else class="space-y-3">
+          <div
+            v-for="(job, index) in failedJobs"
+            :key="index"
+            class="border border-gray-200 rounded-lg p-4"
+          >
+            <div class="flex items-center justify-between mb-3">
+              <div class="flex items-center">
+                <div class="w-3 h-3 rounded-full mr-3 bg-red-500"></div>
+                <div>
+                  <h4 class="font-semibold">{{ job.type }} - {{ truncateId(job.id) }}</h4>
+                  <p class="text-sm text-gray-600">{{ job.description }}</p>
+                </div>
+              </div>
+              <div class="flex items-center gap-2">
+                <rs-button
+                  variant="outline"
+                  size="sm"
+                  @click="confirmRetryJob(job)"
+                  :loading="retryingJobs[job.id]"
+                  :disabled="retryingJobs[job.id]"
+                >
+                  <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+                  Retry
+                </rs-button>
+                <rs-button variant="outline" size="sm" @click="viewError(job)">
+                  <Icon class="mr-1" name="ic:outline-visibility"></Icon>
+                  View
+                </rs-button>
+              </div>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-4 text-sm text-gray-600">
+              <div>
+                <span class="font-medium">Attempts:</span> {{ job.attempts }}/{{
+                  job.maxAttempts
+                }}
+              </div>
+              <div><span class="font-medium">Error Type:</span> {{ job.errorType }}</div>
+              <div>
+                <span class="font-medium">Failed At:</span> 
+                {{ formatDateTime(job.failedAt) }}
+              </div>
+              <div><span class="font-medium">Next Retry:</span> {{ job.nextRetry }}</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Pagination -->
+        <div v-if="failedJobs.length > 0" class="mt-4 flex justify-center">
+          <button
+            class="px-3 py-1 border border-gray-300 rounded-l-md disabled:opacity-50"
+            :disabled="pagination.page === 1"
+            @click="changePage(pagination.page - 1)"
+          >
+            Previous
+          </button>
+          <div class="px-3 py-1 border-t border-b border-gray-300">
+            {{ pagination.page }} / {{ pagination.totalPages }}
+          </div>
+          <button
+            class="px-3 py-1 border border-gray-300 rounded-r-md disabled:opacity-50"
+            :disabled="pagination.page === pagination.totalPages || !pagination.hasMore"
+            @click="changePage(pagination.page + 1)"
+          >
+            Next
+          </button>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Error Details Modal -->
+    <rs-modal v-model="showErrorModal" title="Job Error Details">
+      <div v-if="selectedJob" class="space-y-4">
+        <div class="grid grid-cols-2 gap-4">
+          <div>
+            <label class="block text-sm font-medium text-gray-700">Job ID</label>
+            <p class="text-sm text-gray-900">{{ selectedJob.id }}</p>
+          </div>
+          <div>
+            <label class="block text-sm font-medium text-gray-700">Type</label>
+            <p class="text-sm text-gray-900">{{ selectedJob.type }}</p>
+          </div>
+        </div>
+
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-2"
+            >Error Message</label
+          >
+          <div class="bg-red-50 border border-red-200 rounded p-3 max-h-48 overflow-y-auto">
+            <pre class="text-sm text-red-800 whitespace-pre-wrap">{{ selectedJob.errorMessage }}</pre>
+          </div>
+        </div>
+        
+        <div v-if="selectedJob.attempts && selectedJob.maxAttempts">
+          <label class="block text-sm font-medium text-gray-700 mb-2">Retry Attempts</label>
+          <div class="bg-gray-50 p-3 rounded">
+            <div class="relative h-2 bg-gray-200 rounded-full">
+              <div 
+                class="absolute top-0 left-0 h-2 rounded-full"
+                :class="selectedJob.attempts >= selectedJob.maxAttempts ? 'bg-red-500' : 'bg-yellow-500'"
+                :style="{width: `${(selectedJob.attempts / selectedJob.maxAttempts) * 100}%`}"
+              ></div>
+            </div>
+            <p class="text-sm mt-1 text-gray-600">
+              {{ selectedJob.attempts }} of {{ selectedJob.maxAttempts }} attempts used
+              ({{ selectedJob.attempts >= selectedJob.maxAttempts ? 'Max attempts reached' : `${selectedJob.maxAttempts - selectedJob.attempts} remaining` }})
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <rs-button variant="outline" @click="showErrorModal = false">Close</rs-button>
+          <rs-button
+            @click="confirmRetrySelectedJob"
+            :loading="retryingJobs[selectedJob?.id]"
+            :disabled="retryingJobs[selectedJob?.id]"
+          >
+            <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+            Retry Job
+          </rs-button>
+        </div>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Failed Jobs",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Queue",
+      path: "/notification/queue",
+    },
+    {
+      name: "Failed Jobs",
+      path: "/notification/queue/retry",
+    },
+  ],
+});
+
+// Basic stats
+const stats = ref({
+  failed: 0,
+  retrying: 0,
+  recovered: 0,
+  deadLetter: 0,
+});
+
+// Modal state
+const showErrorModal = ref(false);
+const selectedJob = ref(null);
+
+// Loading states
+const isLoading = ref(false);
+const isRetrying = ref(false);
+const isRetryingAll = ref(false);
+const retryingJobs = ref({});
+
+// Error state
+const error = ref(null);
+
+// Failed jobs with pagination
+const failedJobs = ref([]);
+const pagination = ref({
+  page: 1,
+  totalPages: 1,
+  totalItems: 0,
+  hasMore: false,
+});
+
+// Fetch stats from API
+const fetchStats = async () => {
+  try {
+    isLoading.value = true;
+    error.value = null;
+
+    const response = await useFetch("/api/notifications/queue/retry/stats");
+    
+    if (!response.data.value) {
+      throw new Error("Failed to fetch statistics");
+    }
+    
+    if (response.data.value?.success) {
+      stats.value = response.data.value.data;
+    } else {
+      throw new Error(response.data.value.statusMessage || "Failed to fetch statistics");
+    }
+  } catch (err) {
+    console.error("Error fetching stats:", err);
+    error.value = "Failed to load statistics";
+  }
+};
+
+// Fetch jobs from API
+const fetchJobs = async () => {
+  try {
+    isLoading.value = true;
+    error.value = null;
+
+    const response = await useFetch("/api/notifications/queue/retry/jobs", {
+      query: {
+        page: pagination.value.page,
+        limit: 10,
+      },
+    });
+    
+    if (!response.data.value) {
+      throw new Error("Failed to fetch jobs");
+    }
+
+    if (response.data.value?.success) {
+      failedJobs.value = response.data.value.data.jobs;
+      pagination.value = response.data.value.data.pagination;
+    } else {
+      throw new Error(response.data.value.statusMessage || "Failed to fetch jobs");
+    }
+  } catch (err) {
+    console.error("Error fetching jobs:", err);
+    error.value = "Failed to load failed jobs";
+    failedJobs.value = [];
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// Change pagination page
+const changePage = (page) => {
+  pagination.value.page = page;
+  fetchJobs();
+};
+
+// Refresh jobs and stats
+const refreshJobs = async () => {
+  await Promise.all([fetchStats(), fetchJobs()]);
+};
+
+// Format date/time
+const formatDateTime = (timestamp) => {
+  if (!timestamp) return "N/A";
+  
+  try {
+    const date = new Date(timestamp);
+    if (isNaN(date.getTime())) return "Invalid Date";
+    
+    const now = new Date();
+    const diffMs = now - date;
+    const diffMins = Math.floor(diffMs / 60000);
+    
+    if (diffMins < 60) {
+      return `${diffMins} minutes ago`;
+    } else if (diffMins < 1440) {
+      return `${Math.floor(diffMins / 60)} hours ago`;
+    } else {
+      return date.toLocaleString();
+    }
+  } catch (err) {
+    console.error("Error formatting date:", err);
+    return "N/A";
+  }
+};
+
+// Truncate long IDs
+const truncateId = (id) => {
+  if (!id) return "Unknown";
+  if (id.length > 8) {
+    return id.substring(0, 8) + '...';
+  }
+  return id;
+};
+
+// Show confirmation dialog for retry all
+const confirmRetryAll = async () => {
+  const { $swal } = useNuxtApp();
+  const result = await $swal.fire({
+    title: "Retry All Jobs",
+    text: `Are you sure you want to retry all ${stats.value.failed} failed jobs?`,
+    icon: "question",
+    showCancelButton: true,
+    confirmButtonText: "Yes, retry all",
+    cancelButtonText: "Cancel",
+  });
+
+  if (result.isConfirmed) {
+    retryAll();
+  }
+};
+
+// Show confirmation dialog for retry single job
+const confirmRetryJob = async (job) => {
+  const { $swal } = useNuxtApp();
+  const result = await $swal.fire({
+    title: "Retry Job",
+    text: `Are you sure you want to retry this job?`,
+    icon: "question",
+    showCancelButton: true,
+    confirmButtonText: "Yes, retry",
+    cancelButtonText: "Cancel",
+  });
+
+  if (result.isConfirmed) {
+    retryJob(job);
+  }
+};
+
+// Retry all failed jobs
+const retryAll = async () => {
+  try {
+    isRetryingAll.value = true;
+    error.value = null;
+
+    const { data } = await useFetch("/api/notifications/queue/retry/all", {
+      method: "POST",
+    });
+
+    if (!data.value?.success) {
+      throw new Error(data.value?.statusMessage || "Failed to retry all jobs");
+    }
+    
+    await refreshJobs();
+    
+    // Show success message
+    const { $swal } = useNuxtApp();
+    await $swal.fire({
+      title: "Success",
+      text: data.value.data.message || `${data.value.data.count} jobs queued for retry`,
+      icon: "success",
+    });
+  } catch (err) {
+    console.error("Error retrying all jobs:", err);
+    error.value = err.message || "Failed to retry all jobs";
+    
+    // Show error message
+    const { $swal } = useNuxtApp();
+    await $swal.fire({
+      title: "Error",
+      text: err.message || "Failed to retry all jobs. Please try again.",
+      icon: "error",
+    });
+  } finally {
+    isRetryingAll.value = false;
+  }
+};
+
+// Retry a specific job
+const retryJob = async (job) => {
+  try {
+    // Set loading state for this specific job
+    retryingJobs.value = {
+      ...retryingJobs.value,
+      [job.id]: true
+    };
+    
+    error.value = null;
+
+    const { data } = await useFetch(`/api/notifications/queue/retry/${job.id}`, {
+      method: "POST",
+    });
+
+    if (!data.value?.success) {
+      throw new Error(data.value?.statusMessage || "Failed to retry job");
+    }
+    
+    await refreshJobs();
+    
+    // Show success message
+    const { $swal } = useNuxtApp();
+    await $swal.fire({
+      title: "Success",
+      text: data.value.data?.message || "Job queued for retry",
+      icon: "success",
+    });
+  } catch (err) {
+    console.error("Error retrying job:", err);
+    error.value = err.message || "Failed to retry job";
+    
+    // Show error message
+    const { $swal } = useNuxtApp();
+    await $swal.fire({
+      title: "Error",
+      text: err.message || "Failed to retry job. Please try again.",
+      icon: "error",
+    });
+  } finally {
+    retryingJobs.value = {
+      ...retryingJobs.value,
+      [job.id]: false
+    };
+  }
+};
+
+// View error details for a job
+const viewError = (job) => {
+  selectedJob.value = job;
+  showErrorModal.value = true;
+};
+
+// Retry selected job from modal
+const confirmRetrySelectedJob = async () => {
+  if (selectedJob.value) {
+    await confirmRetryJob(selectedJob.value);
+  }
+  showErrorModal.value = false;
+};
+
+// Initialize data
+onMounted(async () => {
+  await refreshJobs();
+});
+
+// Auto-refresh every 30 seconds
+let refreshInterval;
+onMounted(() => {
+  refreshInterval = setInterval(refreshJobs, 30000);
+});
+
+onUnmounted(() => {
+  if (refreshInterval) {
+    clearInterval(refreshInterval);
+  }
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/pages/notification/queue/timezone.vue b/pages/notification/queue/timezone.vue
new file mode 100644
index 0000000..fb9083b
--- /dev/null
+++ b/pages/notification/queue/timezone.vue
@@ -0,0 +1,707 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    
+    <!-- Header Section -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center">
+          <Icon class="mr-2 text-primary" name="ic:outline-schedule"></Icon>
+          <h1 class="text-xl font-bold text-primary">Timezone Handling</h1>
+        </div>
+      </template>
+      <template #body>
+        <p class="text-gray-600">
+          Ensures messages are delivered at the right local time for each recipient. 
+          Schedule birthday messages at 9AM local time and avoid 2AM push alerts across timezones.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Current Time Display -->
+    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
+      <rs-card
+        v-for="(timezone, index) in majorTimezones"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 text-center">
+          <div class="mb-2">
+            <Icon class="text-primary text-2xl" name="ic:outline-access-time"></Icon>
+          </div>
+          <h3 class="font-semibold text-lg">{{ timezone.name }}</h3>
+          <p class="text-2xl font-bold text-primary">{{ timezone.time }}</p>
+          <p class="text-sm text-gray-600">{{ timezone.zone }}</p>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Timezone Statistics -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 mb-6">
+      <rs-card
+        v-for="(stat, index) in timezoneStats"
+        :key="index"
+        class="transition-all duration-300 hover:shadow-lg"
+      >
+        <div class="pt-5 pb-3 px-5 flex items-center gap-4">
+          <div
+            class="p-4 flex justify-center items-center rounded-2xl"
+            :class="stat.bgColor"
+          >
+            <Icon class="text-2xl" :class="stat.iconColor" :name="stat.icon"></Icon>
+          </div>
+          <div class="flex-1 truncate">
+            <span class="block font-bold text-xl leading-tight" :class="stat.textColor">
+              {{ stat.value }}
+            </span>
+            <span class="text-sm font-medium text-gray-600">
+              {{ stat.title }}
+            </span>
+          </div>
+        </div>
+      </rs-card>
+    </div>
+
+    <!-- Timezone Configuration -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h3 class="text-lg font-semibold text-primary">Timezone Configuration</h3>
+          <rs-button variant="outline" size="sm" @click="showConfigModal = true">
+            <Icon class="mr-1" name="ic:outline-settings"></Icon>
+            Configure
+          </rs-button>
+        </div>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          <div class="border border-gray-200 rounded-lg p-4">
+            <h4 class="font-semibold mb-3 flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-schedule"></Icon>
+              Default Delivery Times
+            </h4>
+            <div class="space-y-2 text-sm">
+              <div class="flex justify-between">
+                <span class="text-gray-600">Morning Messages:</span>
+                <span class="font-medium">{{ config.morningTime }}</span>
+              </div>
+              <div class="flex justify-between">
+                <span class="text-gray-600">Afternoon Messages:</span>
+                <span class="font-medium">{{ config.afternoonTime }}</span>
+              </div>
+              <div class="flex justify-between">
+                <span class="text-gray-600">Evening Messages:</span>
+                <span class="font-medium">{{ config.eveningTime }}</span>
+              </div>
+            </div>
+          </div>
+
+          <div class="border border-gray-200 rounded-lg p-4">
+            <h4 class="font-semibold mb-3 flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-block"></Icon>
+              Quiet Hours
+            </h4>
+            <div class="space-y-2 text-sm">
+              <div class="flex justify-between">
+                <span class="text-gray-600">Start Time:</span>
+                <span class="font-medium">{{ config.quietHours.start }}</span>
+              </div>
+              <div class="flex justify-between">
+                <span class="text-gray-600">End Time:</span>
+                <span class="font-medium">{{ config.quietHours.end }}</span>
+              </div>
+              <div class="flex justify-between">
+                <span class="text-gray-600">Emergency Override:</span>
+                <span class="font-medium">{{ config.quietHours.allowEmergency ? 'Enabled' : 'Disabled' }}</span>
+              </div>
+            </div>
+          </div>
+
+          <div class="border border-gray-200 rounded-lg p-4">
+            <h4 class="font-semibold mb-3 flex items-center">
+              <Icon class="mr-2 text-primary" name="ic:outline-public"></Icon>
+              Timezone Detection
+            </h4>
+            <div class="space-y-2 text-sm">
+              <div class="flex justify-between">
+                <span class="text-gray-600">Auto-detect:</span>
+                <span class="font-medium">{{ config.autoDetect ? 'Enabled' : 'Disabled' }}</span>
+              </div>
+              <div class="flex justify-between">
+                <span class="text-gray-600">Fallback Timezone:</span>
+                <span class="font-medium">{{ config.fallbackTimezone }}</span>
+              </div>
+              <div class="flex justify-between">
+                <span class="text-gray-600">Update Frequency:</span>
+                <span class="font-medium">{{ config.updateFrequency }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Scheduled Messages by Timezone -->
+    <rs-card class="mb-6">
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h3 class="text-lg font-semibold text-primary">Scheduled Messages by Timezone</h3>
+          <div class="flex items-center gap-2">
+            <select v-model="selectedTimezone" class="p-2 border border-gray-300 rounded-md text-sm">
+              <option value="">All Timezones</option>
+              <option v-for="tz in availableTimezones" :key="tz.value" :value="tz.value">
+                {{ tz.label }}
+              </option>
+            </select>
+            <rs-button variant="outline" size="sm" @click="refreshScheduledMessages">
+              <Icon class="mr-1" name="ic:outline-refresh"></Icon>
+              Refresh
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <rs-table
+          :field="scheduledMessagesFields"
+          :data="filteredScheduledMessages"
+          :options="{ striped: true, hover: true }"
+          :optionsAdvanced="{ sortable: true, filterable: false }"
+          advanced
+        />
+      </template>
+    </rs-card>
+
+    <!-- Timezone Distribution Chart -->
+    <rs-card class="mb-6">
+      <template #header>
+        <h3 class="text-lg font-semibold text-primary">User Distribution by Timezone</h3>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <!-- Chart would go here in a real implementation -->
+          <div class="space-y-3">
+            <div
+              v-for="(distribution, index) in timezoneDistribution"
+              :key="index"
+              class="flex items-center justify-between p-3 bg-gray-50 rounded-lg"
+            >
+              <div class="flex items-center">
+                <div class="w-4 h-4 rounded mr-3" :style="{ backgroundColor: distribution.color }"></div>
+                <div>
+                  <p class="font-medium">{{ distribution.timezone }}</p>
+                  <p class="text-sm text-gray-600">{{ distribution.users }} users</p>
+                </div>
+              </div>
+              <div class="text-right">
+                <p class="font-medium">{{ distribution.percentage }}%</p>
+                <p class="text-sm text-gray-600">{{ distribution.currentTime }}</p>
+              </div>
+            </div>
+          </div>
+
+          <div class="space-y-4">
+            <h4 class="font-semibold">Delivery Optimization</h4>
+            <div class="space-y-3">
+              <div class="bg-green-50 border border-green-200 rounded p-3">
+                <div class="flex items-center mb-2">
+                  <Icon class="mr-2 text-green-600" name="ic:outline-check-circle"></Icon>
+                  <span class="font-medium text-green-800">Optimal Delivery Windows</span>
+                </div>
+                <p class="text-sm text-green-700">
+                  {{ optimizationStats.optimalWindows }} messages scheduled during optimal hours
+                </p>
+              </div>
+              
+              <div class="bg-yellow-50 border border-yellow-200 rounded p-3">
+                <div class="flex items-center mb-2">
+                  <Icon class="mr-2 text-yellow-600" name="ic:outline-warning"></Icon>
+                  <span class="font-medium text-yellow-800">Quiet Hours Conflicts</span>
+                </div>
+                <p class="text-sm text-yellow-700">
+                  {{ optimizationStats.quietHoursConflicts }} messages would be sent during quiet hours
+                </p>
+              </div>
+
+              <div class="bg-blue-50 border border-blue-200 rounded p-3">
+                <div class="flex items-center mb-2">
+                  <Icon class="mr-2 text-blue-600" name="ic:outline-info"></Icon>
+                  <span class="font-medium text-blue-800">Timezone Coverage</span>
+                </div>
+                <p class="text-sm text-blue-700">
+                  Messages will be delivered across {{ optimizationStats.timezoneCoverage }} timezones
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Timezone Testing Tool -->
+    <rs-card>
+      <template #header>
+        <h3 class="text-lg font-semibold text-primary">Timezone Testing Tool</h3>
+      </template>
+      <template #body>
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          <div class="space-y-4">
+            <div>
+              <label class="block text-sm font-medium text-gray-700 mb-2">Test Message</label>
+              <textarea
+                v-model="testMessage.content"
+                class="w-full p-2 border border-gray-300 rounded-md"
+                rows="3"
+                placeholder="Enter test message content"
+              ></textarea>
+            </div>
+
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Scheduled Time (UTC)</label>
+                <input
+                  v-model="testMessage.scheduledTime"
+                  type="datetime-local"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Message Type</label>
+                <select v-model="testMessage.type" class="w-full p-2 border border-gray-300 rounded-md">
+                  <option value="email">Email</option>
+                  <option value="sms">SMS</option>
+                  <option value="push">Push Notification</option>
+                </select>
+              </div>
+            </div>
+
+            <rs-button @click="testTimezoneDelivery" variant="primary" class="w-full">
+              <Icon class="mr-1" name="ic:outline-play-arrow"></Icon>
+              Test Timezone Delivery
+            </rs-button>
+          </div>
+
+          <div class="space-y-4">
+            <h4 class="font-semibold">Delivery Preview</h4>
+            <div v-if="deliveryPreview.length > 0" class="space-y-2 max-h-60 overflow-y-auto">
+              <div
+                v-for="(preview, index) in deliveryPreview"
+                :key="index"
+                class="border border-gray-200 rounded p-3"
+              >
+                <div class="flex justify-between items-start mb-1">
+                  <span class="font-medium">{{ preview.timezone }}</span>
+                  <span class="text-sm text-gray-600">{{ preview.users }} users</span>
+                </div>
+                <div class="text-sm">
+                  <p class="text-gray-600">Local delivery time: <span class="font-medium">{{ preview.localTime }}</span></p>
+                  <p class="text-gray-600">Status: 
+                    <span :class="{
+                      'text-green-600': preview.status === 'optimal',
+                      'text-yellow-600': preview.status === 'suboptimal',
+                      'text-red-600': preview.status === 'blocked'
+                    }" class="font-medium">{{ preview.status }}</span>
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div v-else class="text-center text-gray-500 py-8">
+              <Icon class="text-4xl mb-2" name="ic:outline-schedule"></Icon>
+              <p>Run a test to see delivery preview</p>
+            </div>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Configuration Modal -->
+    <rs-modal v-model="showConfigModal" size="lg">
+      <template #header>
+        <h3 class="text-lg font-semibold">Timezone Configuration</h3>
+      </template>
+      <template #body>
+        <div class="space-y-6">
+          <div>
+            <h4 class="font-semibold mb-3">Default Delivery Times</h4>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Morning Messages</label>
+                <input
+                  v-model="config.morningTime"
+                  type="time"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Afternoon Messages</label>
+                <input
+                  v-model="config.afternoonTime"
+                  type="time"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Evening Messages</label>
+                <input
+                  v-model="config.eveningTime"
+                  type="time"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div>
+            <h4 class="font-semibold mb-3">Quiet Hours</h4>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">Start Time</label>
+                <input
+                  v-model="config.quietHours.start"
+                  type="time"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-2">End Time</label>
+                <input
+                  v-model="config.quietHours.end"
+                  type="time"
+                  class="w-full p-2 border border-gray-300 rounded-md"
+                />
+              </div>
+            </div>
+            <div class="mt-4">
+              <label class="flex items-center">
+                <input
+                  v-model="config.quietHours.allowEmergency"
+                  type="checkbox"
+                  class="mr-2"
+                />
+                <span class="text-sm font-medium text-gray-700">Allow emergency messages during quiet hours</span>
+              </label>
+            </div>
+          </div>
+
+          <div>
+            <h4 class="font-semibold mb-3">Timezone Detection</h4>
+            <div class="space-y-4">
+              <label class="flex items-center">
+                <input
+                  v-model="config.autoDetect"
+                  type="checkbox"
+                  class="mr-2"
+                />
+                <span class="text-sm font-medium text-gray-700">Auto-detect user timezones</span>
+              </label>
+              
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label class="block text-sm font-medium text-gray-700 mb-2">Fallback Timezone</label>
+                  <select v-model="config.fallbackTimezone" class="w-full p-2 border border-gray-300 rounded-md">
+                    <option value="UTC">UTC</option>
+                    <option value="America/New_York">America/New_York</option>
+                    <option value="Europe/London">Europe/London</option>
+                    <option value="Asia/Tokyo">Asia/Tokyo</option>
+                  </select>
+                </div>
+                <div>
+                  <label class="block text-sm font-medium text-gray-700 mb-2">Update Frequency</label>
+                  <select v-model="config.updateFrequency" class="w-full p-2 border border-gray-300 rounded-md">
+                    <option value="daily">Daily</option>
+                    <option value="weekly">Weekly</option>
+                    <option value="monthly">Monthly</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+      <template #footer>
+        <div class="flex justify-end gap-2">
+          <rs-button variant="outline" @click="showConfigModal = false">Cancel</rs-button>
+          <rs-button @click="saveConfiguration" variant="primary">Save Configuration</rs-button>
+        </div>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Timezone Handling",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Queue & Scheduler",
+      path: "/notification/queue-scheduler",
+    },
+    {
+      name: "Timezone Handling",
+      path: "/notification/queue-scheduler/timezone",
+    },
+  ],
+});
+
+// Reactive data
+const showConfigModal = ref(false);
+const selectedTimezone = ref('');
+const deliveryPreview = ref([]);
+
+// Current time for major timezones
+const majorTimezones = ref([
+  {
+    name: 'New York',
+    zone: 'America/New_York',
+    time: new Date().toLocaleTimeString('en-US', { timeZone: 'America/New_York' })
+  },
+  {
+    name: 'London',
+    zone: 'Europe/London',
+    time: new Date().toLocaleTimeString('en-US', { timeZone: 'Europe/London' })
+  },
+  {
+    name: 'Tokyo',
+    zone: 'Asia/Tokyo',
+    time: new Date().toLocaleTimeString('en-US', { timeZone: 'Asia/Tokyo' })
+  }
+]);
+
+// Update times every second
+setInterval(() => {
+  majorTimezones.value.forEach(tz => {
+    tz.time = new Date().toLocaleTimeString('en-US', { timeZone: tz.zone });
+  });
+}, 1000);
+
+// Statistics
+const timezoneStats = ref([
+  {
+    title: "Active Timezones",
+    value: "24",
+    icon: "ic:outline-public",
+    bgColor: "bg-blue-100",
+    iconColor: "text-blue-600",
+    textColor: "text-blue-600"
+  },
+  {
+    title: "Scheduled Messages",
+    value: "1,847",
+    icon: "ic:outline-schedule",
+    bgColor: "bg-green-100",
+    iconColor: "text-green-600",
+    textColor: "text-green-600"
+  },
+  {
+    title: "Optimal Deliveries",
+    value: "94.2%",
+    icon: "ic:outline-trending-up",
+    bgColor: "bg-purple-100",
+    iconColor: "text-purple-600",
+    textColor: "text-purple-600"
+  },
+  {
+    title: "Quiet Hours Respected",
+    value: "99.8%",
+    icon: "ic:outline-nights-stay",
+    bgColor: "bg-orange-100",
+    iconColor: "text-orange-600",
+    textColor: "text-orange-600"
+  }
+]);
+
+// Configuration
+const config = ref({
+  morningTime: '09:00',
+  afternoonTime: '14:00',
+  eveningTime: '18:00',
+  quietHours: {
+    start: '22:00',
+    end: '07:00',
+    allowEmergency: true
+  },
+  autoDetect: true,
+  fallbackTimezone: 'UTC',
+  updateFrequency: 'daily'
+});
+
+// Available timezones
+const availableTimezones = ref([
+  { value: 'America/New_York', label: 'America/New_York (EST/EDT)' },
+  { value: 'America/Los_Angeles', label: 'America/Los_Angeles (PST/PDT)' },
+  { value: 'Europe/London', label: 'Europe/London (GMT/BST)' },
+  { value: 'Europe/Paris', label: 'Europe/Paris (CET/CEST)' },
+  { value: 'Asia/Tokyo', label: 'Asia/Tokyo (JST)' },
+  { value: 'Asia/Shanghai', label: 'Asia/Shanghai (CST)' },
+  { value: 'Asia/Kolkata', label: 'Asia/Kolkata (IST)' },
+  { value: 'Australia/Sydney', label: 'Australia/Sydney (AEST/AEDT)' }
+]);
+
+// Table fields for scheduled messages
+const scheduledMessagesFields = ref([
+  { key: 'id', label: 'Message ID', sortable: true },
+  { key: 'type', label: 'Type', sortable: true },
+  { key: 'timezone', label: 'Timezone', sortable: true },
+  { key: 'scheduledUTC', label: 'Scheduled (UTC)', sortable: true },
+  { key: 'localTime', label: 'Local Time', sortable: true },
+  { key: 'recipients', label: 'Recipients', sortable: true },
+  { key: 'status', label: 'Status', sortable: true }
+]);
+
+// Mock scheduled messages data
+const scheduledMessages = ref([
+  {
+    id: 'msg_001',
+    type: 'email',
+    timezone: 'America/New_York',
+    scheduledUTC: '2024-01-15 14:00:00',
+    localTime: '2024-01-15 09:00:00',
+    recipients: 1250,
+    status: 'scheduled'
+  },
+  {
+    id: 'msg_002',
+    type: 'push',
+    timezone: 'Europe/London',
+    scheduledUTC: '2024-01-15 09:00:00',
+    localTime: '2024-01-15 09:00:00',
+    recipients: 890,
+    status: 'scheduled'
+  },
+  {
+    id: 'msg_003',
+    type: 'sms',
+    timezone: 'Asia/Tokyo',
+    scheduledUTC: '2024-01-15 00:00:00',
+    localTime: '2024-01-15 09:00:00',
+    recipients: 2100,
+    status: 'scheduled'
+  }
+]);
+
+// Timezone distribution
+const timezoneDistribution = ref([
+  {
+    timezone: 'America/New_York',
+    users: 15420,
+    percentage: 32.5,
+    color: '#3B82F6',
+    currentTime: new Date().toLocaleTimeString('en-US', { timeZone: 'America/New_York' })
+  },
+  {
+    timezone: 'Europe/London',
+    users: 12890,
+    percentage: 27.2,
+    color: '#10B981',
+    currentTime: new Date().toLocaleTimeString('en-US', { timeZone: 'Europe/London' })
+  },
+  {
+    timezone: 'Asia/Tokyo',
+    users: 9650,
+    percentage: 20.3,
+    color: '#F59E0B',
+    currentTime: new Date().toLocaleTimeString('en-US', { timeZone: 'Asia/Tokyo' })
+  },
+  {
+    timezone: 'Australia/Sydney',
+    users: 5840,
+    percentage: 12.3,
+    color: '#EF4444',
+    currentTime: new Date().toLocaleTimeString('en-US', { timeZone: 'Australia/Sydney' })
+  },
+  {
+    timezone: 'Others',
+    users: 3700,
+    percentage: 7.7,
+    color: '#8B5CF6',
+    currentTime: '-'
+  }
+]);
+
+// Optimization stats
+const optimizationStats = ref({
+  optimalWindows: 1654,
+  quietHoursConflicts: 23,
+  timezoneCoverage: 18
+});
+
+// Test message
+const testMessage = ref({
+  content: '',
+  scheduledTime: '',
+  type: 'email'
+});
+
+// Computed filtered scheduled messages
+const filteredScheduledMessages = computed(() => {
+  let filtered = scheduledMessages.value;
+  
+  if (selectedTimezone.value) {
+    filtered = filtered.filter(msg => msg.timezone === selectedTimezone.value);
+  }
+  
+  return filtered.map(msg => ({
+    ...msg,
+    status: h('span', {
+      class: `px-2 py-1 rounded text-xs font-medium ${
+        msg.status === 'scheduled' ? 'bg-blue-100 text-blue-800' :
+        msg.status === 'sent' ? 'bg-green-100 text-green-800' :
+        'bg-gray-100 text-gray-800'
+      }`
+    }, msg.status)
+  }));
+});
+
+// Methods
+function refreshScheduledMessages() {
+  // Mock refresh
+  console.log('Refreshing scheduled messages...');
+}
+
+function testTimezoneDelivery() {
+  if (!testMessage.value.content || !testMessage.value.scheduledTime) {
+    return;
+  }
+
+  // Mock delivery preview generation
+  deliveryPreview.value = [
+    {
+      timezone: 'America/New_York',
+      users: 1250,
+      localTime: '09:00 AM',
+      status: 'optimal'
+    },
+    {
+      timezone: 'Europe/London',
+      localTime: '02:00 AM',
+      users: 890,
+      status: 'blocked'
+    },
+    {
+      timezone: 'Asia/Tokyo',
+      localTime: '11:00 AM',
+      users: 2100,
+      status: 'optimal'
+    },
+    {
+      timezone: 'Australia/Sydney',
+      localTime: '01:00 AM',
+      users: 580,
+      status: 'blocked'
+    }
+  ];
+}
+
+function saveConfiguration() {
+  // Mock save
+  console.log('Saving timezone configuration...');
+  showConfigModal.value = false;
+}
+</script>
+
+<style lang="scss" scoped></style> 
\ No newline at end of file
diff --git a/pages/notification/templates/create_template/index.vue b/pages/notification/templates/create_template/index.vue
new file mode 100644
index 0000000..f2cb167
--- /dev/null
+++ b/pages/notification/templates/create_template/index.vue
@@ -0,0 +1,1357 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Info Card -->
+    <rs-card class="mb-5">
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon>
+          {{ isEditing ? "Edit Template" : "Create Template" }}
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          {{
+            isEditing
+              ? "Edit and update your notification template. Modify content, settings, and channel configurations to improve effectiveness."
+              : "Create a new notification template for multiple channels. Design reusable templates with dynamic content and variable placeholders for personalized communications."
+          }}
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Loading State -->
+    <div v-if="isLoading" class="text-center py-12">
+      <div class="flex justify-center mb-4">
+        <Icon name="ic:outline-refresh" size="2rem" class="text-primary animate-spin" />
+      </div>
+      <p class="text-gray-600">
+        {{
+          isEditing ? "Loading template details..." : "Initializing template creator..."
+        }}
+      </p>
+    </div>
+
+    <!-- Main Form Card -->
+    <rs-card v-else>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h2 class="text-xl font-semibold">
+            {{ isEditing ? "Edit" : "Create" }} Notification Template
+          </h2>
+          <div class="flex gap-3">
+            <rs-button @click="$router.push('/notification/templates')" variant="outline">
+              <Icon name="ic:outline-arrow-back" class="mr-1"></Icon>
+              Back to Templates
+            </rs-button>
+            <rs-button
+              @click="previewTemplate"
+              variant="info-outline"
+              :disabled="!templateForm.content || isSubmitting"
+            >
+              <Icon name="material-symbols:preview-outline" class="mr-1"></Icon>
+              Preview
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div class="pt-2">
+          <FormKit
+            type="form"
+            @submit="submitTemplate"
+            :actions="false"
+            class="w-full max-w-6xl mx-auto"
+          >
+            <!-- Basic Information Section -->
+            <div class="space-y-6 mb-8">
+              <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-1">
+                  Basic Information
+                </h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">
+                  Configure the basic template settings and metadata
+                </p>
+              </div>
+
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Left Column -->
+                <div class="space-y-4">
+                  <FormKit
+                    type="text"
+                    name="title"
+                    label="Template Name"
+                    placeholder="e.g., Welcome Email Template"
+                    validation="required"
+                    v-model="templateForm.title"
+                    help="Internal name for identifying this template"
+                  />
+
+                  <FormKit
+                    type="textarea"
+                    name="description"
+                    label="Description"
+                    placeholder="Brief description of template purpose and usage"
+                    v-model="templateForm.description"
+                    rows="3"
+                    help="Optional description to help team members understand the template's use"
+                  />
+
+                  <FormKit
+                    type="select"
+                    name="category"
+                    label="Category"
+                    placeholder="Select category"
+                    :options="categoryOptions"
+                    validation="required"
+                    v-model="templateForm.category"
+                    help="Organize templates by category for better management"
+                  />
+                </div>
+
+                <!-- Right Column -->
+                <div class="space-y-4">
+                  <FormKit
+                    type="checkbox"
+                    name="channels"
+                    label="Supported Channels"
+                    :options="channelOptions"
+                    validation="required|min:1"
+                    v-model="templateForm.channels"
+                    decorator-icon="material-symbols:check"
+                    options-class="grid grid-cols-2 gap-x-3 gap-y-2 pt-2"
+                    help="Select which channels this template supports"
+                  />
+
+                  <div class="grid grid-cols-2 gap-4">
+                    <FormKit
+                      type="select"
+                      name="status"
+                      label="Status"
+                      placeholder="Select status"
+                      :options="statusOptions"
+                      validation="required"
+                      v-model="templateForm.status"
+                      help="Template status - only active templates can be used"
+                      outer-class="mb-0"
+                    />
+
+                    <FormKit
+                      type="text"
+                      name="version"
+                      label="Version"
+                      placeholder="1.0"
+                      v-model="templateForm.version"
+                      help="Version number for tracking template changes"
+                      outer-class="mb-0"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Content Configuration Section -->
+            <div class="space-y-6 mb-8">
+              <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-1">
+                  Content Configuration
+                </h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">
+                  Define subject lines and content for different channels
+                </p>
+              </div>
+
+              <!-- Subject/Title Section -->
+              <div class="space-y-4">
+                <FormKit
+                  type="text"
+                  name="subject"
+                  label="Subject Line / Notification Title"
+                  placeholder="e.g., Welcome to {{company_name}}, {{first_name}}!"
+                  validation="required"
+                  v-model="templateForm.subject"
+                  help="Subject for emails or title for push notifications. Use {{variable}} for dynamic content"
+                />
+
+                <FormKit
+                  type="text"
+                  name="preheader"
+                  label="Email Preheader Text (Optional)"
+                  placeholder="Additional preview text for emails"
+                  v-model="templateForm.preheader"
+                  help="Preview text shown in email clients alongside the subject line"
+                />
+              </div>
+
+              <!-- Content Editor Section -->
+              <div class="space-y-4">
+                <FormKit
+                  type="textarea"
+                  name="content"
+                  label="Template Content"
+                  validation="required"
+                  v-model="templateForm.content"
+                  help="Main content body. Use HTML for rich formatting and {{variable}} for dynamic content"
+                >
+                  <template #input="{ value, onChange }">
+                    <div
+                      class="editor-wrapper border border-gray-300 dark:border-gray-600 rounded-lg overflow-hidden"
+                    >
+                      <!-- Editor Toolbar -->
+                      <div
+                        class="menubar bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600"
+                      >
+                        <div class="flex items-center justify-between p-3">
+                          <div class="flex items-center gap-1 flex-wrap">
+                            <!-- Text Formatting -->
+                            <div class="flex items-center gap-1 mr-4">
+                              <button
+                                type="button"
+                                class="menu-button"
+                                :class="{ 'is-active': editor?.isActive('bold') }"
+                                @click="editor?.chain().focus().toggleBold().run()"
+                                title="Bold"
+                              >
+                                <Icon
+                                  name="material-symbols:format-bold"
+                                  class="w-4 h-4"
+                                />
+                              </button>
+                              <button
+                                type="button"
+                                class="menu-button"
+                                :class="{ 'is-active': editor?.isActive('italic') }"
+                                @click="editor?.chain().focus().toggleItalic().run()"
+                                title="Italic"
+                              >
+                                <Icon
+                                  name="material-symbols:format-italic"
+                                  class="w-4 h-4"
+                                />
+                              </button>
+                              <button
+                                type="button"
+                                class="menu-button"
+                                :class="{ 'is-active': editor?.isActive('underline') }"
+                                @click="editor?.chain().focus().toggleUnderline().run()"
+                                title="Underline"
+                              >
+                                <Icon
+                                  name="material-symbols:format-underlined"
+                                  class="w-4 h-4"
+                                />
+                              </button>
+                            </div>
+
+                            <div class="w-px h-6 bg-gray-300 dark:bg-gray-600 mx-2"></div>
+
+                            <!-- Headings -->
+                            <div class="flex items-center gap-1 mr-4">
+                              <button
+                                type="button"
+                                class="menu-button"
+                                :class="{
+                                  'is-active': editor?.isActive('heading', { level: 1 }),
+                                }"
+                                @click="
+                                  editor
+                                    ?.chain()
+                                    .focus()
+                                    .toggleHeading({ level: 1 })
+                                    .run()
+                                "
+                                title="Heading 1"
+                              >
+                                <Icon name="material-symbols:format-h1" class="w-4 h-4" />
+                              </button>
+                              <button
+                                type="button"
+                                class="menu-button"
+                                :class="{
+                                  'is-active': editor?.isActive('heading', { level: 2 }),
+                                }"
+                                @click="
+                                  editor
+                                    ?.chain()
+                                    .focus()
+                                    .toggleHeading({ level: 2 })
+                                    .run()
+                                "
+                                title="Heading 2"
+                              >
+                                <Icon name="material-symbols:format-h2" class="w-4 h-4" />
+                              </button>
+                              <button
+                                type="button"
+                                class="menu-button"
+                                :class="{ 'is-active': editor?.isActive('paragraph') }"
+                                @click="editor?.chain().focus().setParagraph().run()"
+                                title="Paragraph"
+                              >
+                                <Icon
+                                  name="material-symbols:format-paragraph"
+                                  class="w-4 h-4"
+                                />
+                              </button>
+                            </div>
+
+                            <div class="w-px h-6 bg-gray-300 dark:bg-gray-600 mx-2"></div>
+
+                            <!-- Lists -->
+                            <div class="flex items-center gap-1 mr-4">
+                              <button
+                                type="button"
+                                class="menu-button"
+                                :class="{ 'is-active': editor?.isActive('bulletList') }"
+                                @click="editor?.chain().focus().toggleBulletList().run()"
+                                title="Bullet List"
+                              >
+                                <Icon
+                                  name="material-symbols:format-list-bulleted"
+                                  class="w-4 h-4"
+                                />
+                              </button>
+                              <button
+                                type="button"
+                                class="menu-button"
+                                :class="{ 'is-active': editor?.isActive('orderedList') }"
+                                @click="editor?.chain().focus().toggleOrderedList().run()"
+                                title="Numbered List"
+                              >
+                                <Icon
+                                  name="material-symbols:format-list-numbered"
+                                  class="w-4 h-4"
+                                />
+                              </button>
+                            </div>
+
+                            <div class="w-px h-6 bg-gray-300 dark:bg-gray-600 mx-2"></div>
+
+                            <!-- Additional Tools -->
+                            <div class="flex items-center gap-1">
+                              <button
+                                type="button"
+                                class="menu-button"
+                                @click="addLink"
+                                title="Add Link"
+                              >
+                                <Icon name="material-symbols:link" class="w-4 h-4" />
+                              </button>
+                              <button
+                                type="button"
+                                class="menu-button"
+                                @click="editor?.chain().focus().setHorizontalRule().run()"
+                                title="Horizontal Line"
+                              >
+                                <Icon
+                                  name="material-symbols:horizontal-rule"
+                                  class="w-4 h-4"
+                                />
+                              </button>
+                            </div>
+                          </div>
+
+                          <!-- Variables Button -->
+                          <div class="flex items-center gap-2">
+                            <button
+                              type="button"
+                              class="flex items-center gap-2 px-3 py-1.5 rounded text-sm bg-primary/10 text-primary hover:bg-primary/20 transition-colors font-medium"
+                              @click="showVariableHelper = true"
+                              title="Insert Variable"
+                            >
+                              <Icon name="material-symbols:code" class="w-4 h-4" />
+                              <span class="hidden sm:inline">Insert Variable</span>
+                              <span class="sm:hidden">Vars</span>
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+
+                      <!-- Editor Content -->
+                      <editor-content
+                        :editor="editor"
+                        class="editor-content min-h-[300px] max-h-[500px] overflow-y-auto p-4 bg-white dark:bg-gray-800 prose prose-sm max-w-none dark:prose-invert focus-within:ring-2 focus-within:ring-primary/20 transition-all"
+                        @update:model-value="
+                          (val) => {
+                            templateForm.content = val;
+                            onChange(val);
+                          }
+                        "
+                      />
+                    </div>
+                  </template>
+                </FormKit>
+              </div>
+            </div>
+
+            <!-- Channel-Specific Settings -->
+            <div class="space-y-6 mb-8" v-if="templateForm.channels.length > 0">
+              <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-1">
+                  Channel-Specific Settings
+                </h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">
+                  Configure settings specific to each selected channel
+                </p>
+              </div>
+
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Email Settings -->
+                <div v-if="templateForm.channels.includes('email')" class="space-y-4">
+                  <div class="bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg">
+                    <h4
+                      class="font-semibold text-blue-800 dark:text-blue-200 mb-3 flex items-center"
+                    >
+                      <Icon name="material-symbols:mail-outline" class="mr-2" />
+                      Email Settings
+                    </h4>
+                    <div class="space-y-3">
+                      <FormKit
+                        type="text"
+                        name="fromName"
+                        label="From Name"
+                        placeholder="Your Company Name"
+                        v-model="templateForm.fromName"
+                        outer-class="mb-2"
+                      />
+                      <FormKit
+                        type="text"
+                        name="replyTo"
+                        label="Reply-To Email"
+                        placeholder="noreply@yourcompany.com"
+                        v-model="templateForm.replyTo"
+                        outer-class="mb-2"
+                      />
+                      <FormKit
+                        type="checkbox"
+                        name="trackOpens"
+                        label="Track Email Opens"
+                        v-model="templateForm.trackOpens"
+                      />
+                    </div>
+                  </div>
+                </div>
+
+                <!-- Push Notification Settings -->
+                <div v-if="templateForm.channels.includes('push')" class="space-y-4">
+                  <div class="bg-green-50 dark:bg-green-900/20 p-4 rounded-lg">
+                    <h4
+                      class="font-semibold text-green-800 dark:text-green-200 mb-3 flex items-center"
+                    >
+                      <Icon name="material-symbols:notifications-outline" class="mr-2" />
+                      Push Notification Settings
+                    </h4>
+                    <div class="space-y-3">
+                      <FormKit
+                        type="text"
+                        name="pushTitle"
+                        label="Push Title"
+                        placeholder="Custom title for push notifications"
+                        v-model="templateForm.pushTitle"
+                        outer-class="mb-2"
+                      />
+                      <FormKit
+                        type="text"
+                        name="pushIcon"
+                        label="Push Icon URL"
+                        placeholder="https://example.com/icon.png"
+                        v-model="templateForm.pushIcon"
+                        outer-class="mb-2"
+                      />
+                      <FormKit
+                        type="text"
+                        name="pushUrl"
+                        label="Click Action URL"
+                        placeholder="https://example.com/action"
+                        v-model="templateForm.pushUrl"
+                        outer-class="mb-2"
+                      />
+                    </div>
+                  </div>
+                </div>
+
+                <!-- SMS Settings -->
+                <div v-if="templateForm.channels.includes('sms')" class="space-y-4">
+                  <div class="bg-purple-50 dark:bg-purple-900/20 p-4 rounded-lg">
+                    <h4
+                      class="font-semibold text-purple-800 dark:text-purple-200 mb-3 flex items-center"
+                    >
+                      <Icon name="material-symbols:sms-outline" class="mr-2" />
+                      SMS Settings
+                    </h4>
+                    <div class="space-y-3">
+                      <FormKit
+                        type="textarea"
+                        name="smsContent"
+                        label="SMS Content"
+                        placeholder="SMS version of your message (160 characters max)"
+                        v-model="templateForm.smsContent"
+                        rows="3"
+                        outer-class="mb-2"
+                      />
+                      <div class="text-sm text-gray-600 dark:text-gray-400">
+                        Characters: {{ (templateForm.smsContent || "").length }}/160
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Advanced Settings -->
+            <div class="space-y-6 mb-8">
+              <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-1">
+                  Advanced Settings
+                </h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">
+                  Additional configuration options and metadata
+                </p>
+              </div>
+
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <div class="space-y-4">
+                  <FormKit
+                    type="text"
+                    name="tags"
+                    label="Tags (Optional)"
+                    placeholder="welcome, onboarding, user-management"
+                    v-model="templateForm.tags"
+                    help="Comma-separated tags for better organization"
+                  />
+
+                  <FormKit
+                    type="checkbox"
+                    name="isPersonal"
+                    label="Contains Personal Information"
+                    v-model="templateForm.isPersonal"
+                    help="Mark if template contains sensitive personal data"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <!-- Action Buttons -->
+            <div
+              class="flex justify-end items-center gap-4 pt-6 border-t border-gray-200 dark:border-gray-700"
+            >
+              <rs-button
+                type="button"
+                variant="outline"
+                @click="saveDraft"
+                :disabled="!templateForm.title || isSubmitting"
+              >
+                <Icon
+                  :name="
+                    isSubmitting ? 'ic:outline-refresh' : 'material-symbols:save-outline'
+                  "
+                  class="mr-1"
+                  :class="{ 'animate-spin': isSubmitting }"
+                />
+                {{ isSubmitting ? "Saving..." : "Save as Draft" }}
+              </rs-button>
+              <rs-button
+                type="button"
+                variant="info-outline"
+                @click="previewTemplate"
+                :disabled="!templateForm.content || isSubmitting"
+              >
+                <Icon name="material-symbols:preview-outline" class="mr-1" />
+                Preview
+              </rs-button>
+              <button
+                type="submit"
+                @click="handleCreateClick"
+                :disabled="!isFormValid || isSubmitting"
+                class="inline-flex items-center px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-dark transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+              >
+                <Icon
+                  :name="
+                    isSubmitting
+                      ? 'ic:outline-refresh'
+                      : 'material-symbols:check-circle-outline'
+                  "
+                  class="mr-1"
+                  :class="{ 'animate-spin': isSubmitting }"
+                />
+                {{
+                  isSubmitting
+                    ? isEditing
+                      ? "Updating..."
+                      : "Creating..."
+                    : isEditing
+                    ? "Update Template"
+                    : "Create Template"
+                }}
+              </button>
+            </div>
+          </FormKit>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Preview Modal -->
+    <rs-modal v-model="showPreviewModal" title="Template Preview" size="lg">
+      <div class="space-y-6">
+        <!-- Preview Options -->
+        <div class="flex gap-4 pb-4 border-b border-gray-200 dark:border-gray-700">
+          <FormKit
+            type="select"
+            name="previewChannel"
+            label="Channel"
+            :options="
+              channelOptions.filter((c) => templateForm.channels.includes(c.value))
+            "
+            v-model="previewChannel"
+            outer-class="flex-1 mb-0"
+          />
+          <FormKit
+            type="select"
+            name="previewDevice"
+            label="Device"
+            :options="deviceOptions"
+            v-model="previewDevice"
+            outer-class="flex-1 mb-0"
+          />
+        </div>
+
+        <!-- Preview Content -->
+        <div class="preview-container">
+          <div
+            v-if="previewChannel === 'email'"
+            class="email-preview border rounded-lg p-4 bg-white dark:bg-gray-800"
+          >
+            <div
+              class="email-header mb-4 pb-3 border-b border-gray-200 dark:border-gray-700"
+            >
+              <div class="text-sm text-gray-600 dark:text-gray-400 mb-1">
+                From: {{ templateForm.fromName || "Your Company" }}
+              </div>
+              <div class="font-semibold text-lg">
+                {{ processTemplate(templateForm.subject) }}
+              </div>
+              <div
+                v-if="templateForm.preheader"
+                class="text-sm text-gray-500 dark:text-gray-400"
+              >
+                {{ processTemplate(templateForm.preheader) }}
+              </div>
+            </div>
+            <div
+              class="prose prose-sm max-w-none dark:prose-invert"
+              v-html="processTemplate(templateForm.content)"
+            ></div>
+          </div>
+
+          <div v-else-if="previewChannel === 'push'" class="push-preview">
+            <div
+              class="bg-white dark:bg-gray-800 border rounded-lg p-4 max-w-sm mx-auto shadow-lg"
+            >
+              <div class="flex items-start gap-3">
+                <div
+                  class="w-10 h-10 bg-primary rounded-lg flex items-center justify-center flex-shrink-0"
+                >
+                  <Icon name="material-symbols:notifications" class="text-white" />
+                </div>
+                <div class="flex-1 min-w-0">
+                  <div class="font-semibold text-sm truncate">
+                    {{ processTemplate(templateForm.pushTitle || templateForm.subject) }}
+                  </div>
+                  <div class="text-xs text-gray-600 dark:text-gray-400 mt-1">
+                    {{ processTemplate(stripHtml(templateForm.content)) }}
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div v-else-if="previewChannel === 'sms'" class="sms-preview">
+            <div class="bg-white dark:bg-gray-800 border rounded-lg p-4 max-w-sm mx-auto">
+              <div class="text-sm">
+                {{
+                  processTemplate(
+                    templateForm.smsContent || stripHtml(templateForm.content)
+                  )
+                }}
+              </div>
+              <div class="text-xs text-gray-500 dark:text-gray-400 mt-2">
+                SMS •
+                {{
+                  (templateForm.smsContent || stripHtml(templateForm.content)).length
+                }}/160 chars
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Sample Variables -->
+        <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-4">
+          <h4 class="font-semibold text-sm text-gray-700 dark:text-gray-300 mb-2">
+            Sample Variables Used:
+          </h4>
+          <div class="grid grid-cols-2 gap-2 text-xs">
+            <div>{{ first_name }}: John</div>
+            <div>{{ last_name }}: Doe</div>
+            <div>{{ company_name }}: Acme Corp</div>
+            <div>{{ email }}: john@example.com</div>
+          </div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="flex justify-end gap-3">
+          <rs-button @click="showPreviewModal = false" variant="outline">Close</rs-button>
+          <rs-button @click="sendTestNotification" variant="info">
+            <Icon name="material-symbols:send" class="mr-1" />
+            Send Test
+          </rs-button>
+        </div>
+      </template>
+    </rs-modal>
+
+    <!-- Variable Helper Modal -->
+    <rs-modal v-model="showVariableHelper" title="Insert Variable" size="md">
+      <div class="space-y-4">
+        <div class="grid grid-cols-1 gap-2">
+          <div
+            v-for="variable in commonVariables"
+            :key="variable.key"
+            class="flex items-center justify-between p-3 border rounded-lg cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800"
+            @click="insertVariable(variable.key)"
+          >
+            <div>
+              <div class="font-medium">{{ variable.name }}</div>
+              <div class="text-sm text-gray-600 dark:text-gray-400">
+                {{ variable.description }}
+              </div>
+            </div>
+            <code class="text-xs bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded">
+              {{ formatVariable(variable.key) }}
+            </code>
+          </div>
+        </div>
+      </div>
+      <template #footer>
+        <rs-button @click="showVariableHelper = false">Close</rs-button>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+import { useEditor, EditorContent } from "@tiptap/vue-3";
+import StarterKit from "@tiptap/starter-kit";
+import Underline from "@tiptap/extension-underline";
+import { ref, computed, onMounted, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+
+definePageMeta({
+  title: "Create Template",
+  middleware: ["auth"],
+  requiresAuth: true,
+  breadcrumb: [
+    {
+      name: "Dashboard",
+      path: "/dashboard",
+    },
+    {
+      name: "Notification",
+      path: "/notification",
+    },
+    {
+      name: "Templates",
+      path: "/notification/templates",
+    },
+    {
+      name: "Create",
+      path: "/notification/templates/create_template",
+      type: "current",
+    },
+  ],
+});
+
+const route = useRoute();
+const router = useRouter();
+const { $swal } = useNuxtApp();
+
+const isEditing = computed(() => !!route.query.id);
+const templateId = computed(() => (route.query.id ? parseInt(route.query.id) : null));
+const isLoading = ref(false);
+const isSubmitting = ref(false);
+const showPreviewModal = ref(false);
+const showVariableHelper = ref(false);
+const previewChannel = ref("email");
+const previewDevice = ref("desktop");
+
+const templateForm = ref({
+  title: "",
+  description: "",
+  subject: "",
+  preheader: "",
+  category: "",
+  channels: [],
+  status: "Draft",
+  version: "1.0",
+  content: "",
+  tags: "",
+  isPersonal: false,
+  // Channel-specific settings
+  fromName: "",
+  replyTo: "",
+  trackOpens: true,
+  pushTitle: "",
+  pushIcon: "",
+  pushUrl: "",
+  smsContent: "",
+});
+
+// Form validation
+const isFormValid = computed(() => {
+  const valid =
+    templateForm.value.title &&
+    templateForm.value.subject &&
+    templateForm.value.content &&
+    templateForm.value.category &&
+    templateForm.value.channels.length > 0;
+
+  console.log("Form validation check:", {
+    title: !!templateForm.value.title,
+    subject: !!templateForm.value.subject,
+    content: !!templateForm.value.content,
+    category: !!templateForm.value.category,
+    channels: templateForm.value.channels.length,
+    isValid: valid,
+  });
+
+  return valid;
+});
+
+// Options for form fields
+const categoryOptions = [
+  { label: "User Management", value: "user_management" },
+  { label: "Orders & Transactions", value: "orders" },
+  { label: "Security & Authentication", value: "security" },
+  { label: "Marketing & Promotions", value: "marketing" },
+  { label: "System Updates", value: "system" },
+  { label: "General Information", value: "general" },
+];
+
+const channelOptions = [
+  { label: "Email", value: "email" },
+  { label: "SMS", value: "sms" },
+  { label: "Push Notification", value: "push" },
+];
+
+const statusOptions = [
+  { label: "Draft", value: "Draft" },
+  { label: "Active", value: "Active" },
+  { label: "Archived", value: "Archived" },
+];
+
+const deviceOptions = [
+  { label: "Desktop", value: "desktop" },
+  { label: "Mobile", value: "mobile" },
+  { label: "Tablet", value: "tablet" },
+];
+
+const commonVariables = [
+  { key: "first_name", name: "First Name", description: "User's first name" },
+  { key: "last_name", name: "Last Name", description: "User's last name" },
+  { key: "full_name", name: "Full Name", description: "User's full name" },
+  { key: "email", name: "Email", description: "User's email address" },
+  {
+    key: "company_name",
+    name: "Company Name",
+    description: "Company or organization name",
+  },
+  { key: "order_id", name: "Order ID", description: "Order number or identifier" },
+  { key: "reset_link", name: "Reset Link", description: "Password reset link" },
+  {
+    key: "verification_link",
+    name: "Verification Link",
+    description: "Email verification link",
+  },
+  { key: "current_date", name: "Current Date", description: "Today's date" },
+  { key: "current_time", name: "Current Time", description: "Current time" },
+];
+
+// TipTap Editor Setup
+const editor = useEditor({
+  content: templateForm.value.content,
+  extensions: [StarterKit, Underline],
+  editorProps: {
+    attributes: {
+      class: "prose prose-sm dark:prose-invert focus:outline-none max-w-none",
+      "data-placeholder":
+        "Start typing your template content here... Use {{variable_name}} for dynamic content.",
+    },
+  },
+  onUpdate: ({ editor: currentEditor }) => {
+    templateForm.value.content = currentEditor.getHTML();
+  },
+});
+
+// Helper functions
+const stripHtml = (html) => {
+  const tmp = document.createElement("div");
+  tmp.innerHTML = html;
+  return tmp.textContent || tmp.innerText || "";
+};
+
+const formatVariable = (variableKey) => {
+  return `{{${variableKey}}}`;
+};
+
+const processTemplate = (text) => {
+  if (!text) return "";
+  return text
+    .replace(/\{\{first_name\}\}/g, "John")
+    .replace(/\{\{last_name\}\}/g, "Doe")
+    .replace(/\{\{full_name\}\}/g, "John Doe")
+    .replace(/\{\{email\}\}/g, "john@example.com")
+    .replace(/\{\{company_name\}\}/g, "Acme Corp")
+    .replace(/\{\{order_id\}\}/g, "#12345")
+    .replace(/\{\{current_date\}\}/g, new Date().toLocaleDateString())
+    .replace(/\{\{current_time\}\}/g, new Date().toLocaleTimeString());
+};
+
+const insertVariable = (variable) => {
+  if (editor.value) {
+    editor.value.chain().focus().insertContent(`{{${variable}}}`).run();
+  }
+  showVariableHelper.value = false;
+};
+
+const addLink = () => {
+  const url = prompt("Enter the URL");
+  if (url && editor.value) {
+    editor.value.chain().focus().setLink({ href: url }).run();
+  }
+};
+
+// Button click handler for debugging
+const handleCreateClick = (event) => {
+  console.log("Create button clicked!", event);
+  console.log("Button disabled state:", !isFormValid.value || isSubmitting.value);
+
+  // If this is inside a form, prevent default form submission for testing
+  // event.preventDefault();
+
+  // Call submit function directly for testing
+  if (!(!isFormValid.value || isSubmitting.value)) {
+    console.log("Calling submitTemplate directly from button click");
+    event.preventDefault();
+    submitTemplate();
+  }
+};
+
+// Actions
+const previewTemplate = () => {
+  if (!templateForm.value.channels.length) {
+    $swal.fire("Error", "Please select at least one channel to preview", "error");
+    return;
+  }
+  previewChannel.value = templateForm.value.channels[0];
+  showPreviewModal.value = true;
+};
+
+const saveDraft = async () => {
+  if (!templateForm.value.title) {
+    $swal.fire("Error", "Please enter a template name", "error");
+    return;
+  }
+
+  templateForm.value.status = "Draft";
+  await submitTemplate();
+};
+
+const sendTestNotification = async () => {
+  // Validate required fields before sending test
+  if (
+    !templateForm.value.title ||
+    !templateForm.value.subject ||
+    !templateForm.value.content
+  ) {
+    $swal.fire({
+      title: "Missing Information",
+      text:
+        "Please fill in at least the title, subject, and content before sending a test notification.",
+      icon: "warning",
+    });
+    return;
+  }
+
+  if (!templateForm.value.channels.length) {
+    $swal.fire({
+      title: "No Channels Selected",
+      text: "Please select at least one notification channel before sending a test.",
+      icon: "warning",
+    });
+    return;
+  }
+
+  const { value: email } = await $swal.fire({
+    title: "Send Test Notification",
+    input: "email",
+    inputLabel: "Enter email address for test",
+    inputPlaceholder: "test@example.com",
+    showCancelButton: true,
+    inputValidator: (value) => {
+      if (!value) {
+        return "Please enter an email address";
+      }
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      if (!emailRegex.test(value)) {
+        return "Please enter a valid email address";
+      }
+    },
+  });
+
+  if (email) {
+    // Show loading state
+    const loadingSwal = $swal.fire({
+      title: "Sending Test...",
+      text: "Please wait while we send your test notification",
+      allowOutsideClick: false,
+      allowEscapeKey: false,
+      showConfirmButton: false,
+      didOpen: () => {
+        $swal.showLoading();
+      },
+    });
+
+    try {
+      // Prepare test data
+      const testData = {
+        title: templateForm.value.title,
+        channels: templateForm.value.channels,
+        emailSubject: templateForm.value.subject,
+        emailContent: templateForm.value.content,
+        pushTitle: templateForm.value.pushTitle || templateForm.value.subject,
+        pushBody: templateForm.value.content
+          ? templateForm.value.content.replace(/<[^>]*>/g, "").substring(0, 300)
+          : "",
+        callToActionText: "",
+        callToActionUrl: "",
+      };
+
+      console.log("Sending test notification with data:", testData);
+
+      // Call the test API
+      const response = await $fetch("/api/notifications/test-send", {
+        method: "POST",
+        body: {
+          email: email,
+          testData: testData,
+        },
+      });
+
+      console.log("Test API Response:", response);
+
+      // Close loading modal
+      loadingSwal.close();
+
+      // Show success message with results
+      let successMessage = `Test notification sent to ${email}`;
+      if (response.data?.results) {
+        const results = response.data.results;
+        const successfulChannels = results
+          .filter((r) => r.status === "sent")
+          .map((r) => r.channel);
+        const failedChannels = results.filter((r) => r.status === "failed");
+
+        if (successfulChannels.length > 0) {
+          successMessage += `\n\nSuccessfully sent via: ${successfulChannels.join(", ")}`;
+        }
+
+        if (failedChannels.length > 0) {
+          successMessage += `\n\nFailed channels: ${failedChannels
+            .map((f) => `${f.channel} (${f.message})`)
+            .join(", ")}`;
+        }
+      }
+
+      await $swal.fire({
+        title: "Test Sent!",
+        text: successMessage,
+        icon: "success",
+        timer: 4000,
+      });
+    } catch (error) {
+      console.error("Error sending test notification:", error);
+
+      // Close loading modal
+      loadingSwal.close();
+
+      // Handle errors
+      let errorMessage = "Failed to send test notification. Please try again.";
+      if (error.data?.error) {
+        errorMessage = error.data.error;
+      } else if (error.message) {
+        errorMessage = error.message;
+      }
+
+      await $swal.fire({
+        title: "Test Failed",
+        text: errorMessage,
+        icon: "error",
+        confirmButtonText: "OK",
+      });
+    }
+  }
+};
+
+const submitTemplate = async () => {
+  console.log("submitTemplate function called!");
+  console.log("Form validation status:", isFormValid.value);
+  console.log("Template form data:", templateForm.value);
+
+  if (!isFormValid.value) {
+    $swal.fire("Error", "Please fill in all required fields", "error");
+    return;
+  }
+
+  // Prevent double submission
+  if (isSubmitting.value) {
+    return;
+  }
+
+  isSubmitting.value = true;
+
+  // Show loading state
+  const loadingSwal = $swal.fire({
+    title: isEditing.value ? "Updating Template..." : "Creating Template...",
+    text: "Please wait while we process your request",
+    allowOutsideClick: false,
+    allowEscapeKey: false,
+    showConfirmButton: false,
+    didOpen: () => {
+      $swal.showLoading();
+    },
+  });
+
+  try {
+    // Prepare the data for API submission
+    const apiData = {
+      title: templateForm.value.title,
+      description: templateForm.value.description || "",
+      subject: templateForm.value.subject,
+      preheader: templateForm.value.preheader || "",
+      category: templateForm.value.category,
+      channels: templateForm.value.channels,
+      status: templateForm.value.status,
+      version: templateForm.value.version,
+      content: templateForm.value.content,
+      tags: templateForm.value.tags || "",
+      isPersonal: templateForm.value.isPersonal,
+      // Email specific settings
+      fromName: templateForm.value.fromName || "",
+      replyTo: templateForm.value.replyTo || "",
+      trackOpens: templateForm.value.trackOpens,
+      // Push notification specific settings
+      pushTitle: templateForm.value.pushTitle || "",
+      pushIcon: templateForm.value.pushIcon || "",
+      pushUrl: templateForm.value.pushUrl || "",
+      // SMS specific settings
+      smsContent: templateForm.value.smsContent || "",
+    };
+
+    console.log("Submitting Template Data:", apiData);
+
+    let response;
+    if (isEditing.value) {
+      // TODO: Implement update API call when needed
+      response = await $fetch(`/api/notifications/templates/${templateId.value}`, {
+        method: "PUT",
+        body: apiData,
+      });
+    } else {
+      // Create new template
+      response = await $fetch("/api/notifications/templates/create", {
+        method: "POST",
+        body: apiData,
+      });
+    }
+
+    console.log("API Response:", response);
+
+    // Close loading modal
+    loadingSwal.close();
+    isSubmitting.value = false;
+
+    // Show success message
+    await $swal.fire({
+      title: isEditing.value ? "Template Updated!" : "Template Created!",
+      text: `Template "${templateForm.value.title}" has been successfully ${
+        isEditing.value ? "updated" : "created"
+      }.`,
+      icon: "success",
+      timer: 3000,
+      showConfirmButton: false,
+    });
+
+    // Navigate back to templates list
+    // router.push("/notification/templates");
+  } catch (error) {
+    console.error("Error submitting template:", error);
+
+    // Close loading modal
+    loadingSwal.close();
+    isSubmitting.value = false;
+
+    // Handle different types of errors
+    let errorMessage = "Failed to save template. Please try again.";
+    let errorDetails = "";
+
+    if (error.data) {
+      if (error.data.errors && Array.isArray(error.data.errors)) {
+        // Validation errors
+        errorMessage = "Please fix the following errors:";
+        errorDetails = error.data.errors.join("\n• ");
+      } else if (error.data.error) {
+        // Single error message
+        errorMessage = error.data.error;
+      }
+    } else if (error.message) {
+      errorMessage = error.message;
+    }
+
+    // Show error message
+    await $swal.fire({
+      title: "Error",
+      text: errorMessage,
+      html: errorDetails
+        ? `<p>${errorMessage}</p><ul style="text-align: left; margin-top: 10px;"><li>${errorDetails.replace(
+            /\n• /g,
+            "</li><li>"
+          )}</li></ul>`
+        : errorMessage,
+      icon: "error",
+      confirmButtonText: "OK",
+    });
+  }
+};
+
+// Load template data if editing
+onMounted(async () => {
+  if (isEditing.value && templateId.value) {
+    isLoading.value = true;
+    try {
+      console.log("Loading template for editing:", templateId.value);
+
+      const response = await $fetch(`/api/notifications/templates/${templateId.value}`);
+
+      if (response.success) {
+        const template = response.data.template;
+        console.log("Template loaded:", template);
+
+        // Map API response to form data
+        Object.assign(templateForm.value, {
+          title: template.title,
+          description: template.description,
+          subject: template.subject,
+          preheader: template.preheader,
+          category: template.category,
+          channels: template.channels || [],
+          status: template.status,
+          version: template.version,
+          content: template.content,
+          tags: template.tags,
+          isPersonal: template.isPersonal,
+          fromName: template.fromName,
+          replyTo: template.replyTo,
+          trackOpens: template.trackOpens,
+          pushTitle: template.pushTitle,
+          pushIcon: template.pushIcon,
+          pushUrl: template.pushUrl,
+          smsContent: template.smsContent,
+        });
+
+        // Update editor content
+        if (editor.value && template.content) {
+          editor.value.commands.setContent(template.content);
+        }
+      }
+    } catch (error) {
+      console.error("Error loading template:", error);
+
+      let errorMessage = "Failed to load template data";
+      if (error.data?.error) {
+        errorMessage = error.data.error;
+      }
+
+      $swal.fire("Error", errorMessage, "error").then(() => {
+        // Redirect back to templates list on error
+        router.push("/notification/templates");
+      });
+    } finally {
+      isLoading.value = false;
+    }
+  }
+});
+
+// Watch for content changes
+watch(
+  () => templateForm.value.content,
+  (newContent) => {
+    if (editor.value && editor.value.getHTML() !== newContent) {
+      editor.value.commands.setContent(newContent, false);
+    }
+  }
+);
+</script>
+
+<style scoped lang="scss">
+.editor-wrapper {
+  .menu-button {
+    @apply flex items-center justify-center w-8 h-8 p-1.5 rounded text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-all duration-200;
+
+    &:hover {
+      @apply bg-gray-200 dark:bg-gray-600 shadow-sm;
+    }
+
+    &.is-active {
+      @apply bg-primary/10 text-primary dark:bg-primary/20 dark:text-primary shadow-sm;
+    }
+  }
+
+  .menubar {
+    @apply sticky top-0 z-10 backdrop-blur-sm;
+  }
+}
+
+.preview-container {
+  @apply max-h-96 overflow-y-auto;
+}
+
+.email-preview {
+  @apply max-w-2xl mx-auto;
+}
+
+:deep(.ProseMirror) {
+  &:focus {
+    outline: none;
+  }
+
+  p.is-editor-empty:first-child::before {
+    color: #adb5bd;
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+    font-style: italic;
+  }
+}
+
+// Responsive adjustments
+@media (max-width: 768px) {
+  .editor-wrapper .menubar {
+    @apply flex-wrap;
+  }
+
+  .preview-container {
+    @apply max-h-80;
+  }
+}
+</style>
diff --git a/pages/notification/templates/edit/[id].vue b/pages/notification/templates/edit/[id].vue
new file mode 100644
index 0000000..6799601
--- /dev/null
+++ b/pages/notification/templates/edit/[id].vue
@@ -0,0 +1,764 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Info Card -->
+    <rs-card class="mb-5">
+      <template #header>
+        <div class="flex">
+          <Icon
+            class="mr-2 flex justify-center"
+            name="material-symbols:edit-outline"
+          ></Icon>
+          Edit Template
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          Edit and update your notification template. Modify content, settings, and
+          channel configurations to improve effectiveness.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Loading State -->
+    <div v-if="isLoading" class="text-center py-12">
+      <div class="flex justify-center mb-4">
+        <Icon name="ic:outline-refresh" size="2rem" class="text-primary animate-spin" />
+      </div>
+      <p class="text-gray-600">Loading template details...</p>
+    </div>
+
+    <!-- Main Form Card -->
+    <rs-card v-else>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h2 class="text-xl font-semibold">Edit Notification Template</h2>
+          <div class="flex gap-3">
+            <rs-button @click="$router.push('/notification/templates')" variant="outline">
+              <Icon name="ic:outline-arrow-back" class="mr-1"></Icon>
+              Back to Templates
+            </rs-button>
+            <rs-button
+              @click="previewTemplate"
+              variant="info-outline"
+              :disabled="!templateForm.content || isSubmitting"
+            >
+              <Icon name="material-symbols:preview-outline" class="mr-1"></Icon>
+              Preview
+            </rs-button>
+          </div>
+        </div>
+      </template>
+      <template #body>
+        <div class="pt-2">
+          <FormKit
+            type="form"
+            @submit="updateTemplate"
+            :actions="false"
+            class="w-full max-w-6xl mx-auto"
+          >
+            <!-- Basic Information Section -->
+            <div class="space-y-6 mb-8">
+              <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-1">
+                  Basic Information
+                </h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">
+                  Configure the basic template settings and metadata
+                </p>
+              </div>
+
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+                <!-- Left Column -->
+                <div class="space-y-4">
+                  <FormKit
+                    type="text"
+                    name="title"
+                    label="Template Name"
+                    placeholder="e.g., Welcome Email Template"
+                    validation="required"
+                    v-model="templateForm.title"
+                    help="Internal name for identifying this template"
+                  />
+
+                  <FormKit
+                    type="textarea"
+                    name="description"
+                    label="Description"
+                    placeholder="Brief description of template purpose and usage"
+                    v-model="templateForm.description"
+                    rows="3"
+                    help="Optional description to help team members understand the template's use"
+                  />
+
+                  <FormKit
+                    type="select"
+                    name="category"
+                    label="Category"
+                    placeholder="Select category"
+                    :options="categoryOptions"
+                    validation="required"
+                    v-model="templateForm.category"
+                    help="Organize templates by category for better management"
+                  />
+                </div>
+
+                <!-- Right Column -->
+                <div class="space-y-4">
+                  <FormKit
+                    type="checkbox"
+                    name="channels"
+                    label="Supported Channels"
+                    :options="channelOptions"
+                    validation="required|min:1"
+                    v-model="templateForm.channels"
+                    decorator-icon="material-symbols:check"
+                    options-class="grid grid-cols-2 gap-x-3 gap-y-2 pt-2"
+                    help="Select which channels this template supports"
+                  />
+
+                  <div class="grid grid-cols-2 gap-4">
+                    <FormKit
+                      type="select"
+                      name="status"
+                      label="Status"
+                      placeholder="Select status"
+                      :options="statusOptions"
+                      validation="required"
+                      v-model="templateForm.status"
+                      help="Template status - only active templates can be used"
+                      outer-class="mb-0"
+                    />
+
+                    <FormKit
+                      type="text"
+                      name="version"
+                      label="Version"
+                      placeholder="1.0"
+                      v-model="templateForm.version"
+                      help="Version number for tracking template changes"
+                      outer-class="mb-0"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Content Configuration Section -->
+            <div class="space-y-6 mb-8">
+              <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-1">
+                  Content Configuration
+                </h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">
+                  Define subject lines and content for different channels
+                </p>
+              </div>
+
+              <!-- Subject/Title Section -->
+              <div class="space-y-4">
+                <FormKit
+                  type="text"
+                  name="subject"
+                  label="Subject Line / Notification Title"
+                  placeholder="e.g., Welcome to {{company_name}}, {{first_name}}!"
+                  validation="required"
+                  v-model="templateForm.subject"
+                  help="Subject for emails or title for push notifications. Use {{variable}} for dynamic content"
+                />
+
+                <FormKit
+                  type="text"
+                  name="preheader"
+                  label="Email Preheader Text (Optional)"
+                  placeholder="Additional preview text for emails"
+                  v-model="templateForm.preheader"
+                  help="Preview text shown in email clients alongside the subject line"
+                />
+              </div>
+
+              <!-- Content Editor Section -->
+              <div class="space-y-4">
+                <FormKit
+                  type="textarea"
+                  name="content"
+                  label="Template Content"
+                  validation="required"
+                  v-model="templateForm.content"
+                  help="Main content body. Use HTML for rich formatting and {{variable}} for dynamic content"
+                  rows="10"
+                />
+              </div>
+            </div>
+
+            <!-- Channel-Specific Settings -->
+            <div class="space-y-6 mb-8">
+              <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-1">
+                  Channel-Specific Settings
+                </h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">
+                  Configure settings specific to each channel
+                </p>
+              </div>
+
+              <rs-tab fill>
+                <!-- Email Settings Tab -->
+                <rs-tab-item
+                  title="Email Settings"
+                  v-if="templateForm.channels.includes('email')"
+                >
+                  <div class="space-y-4 pt-4">
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                      <FormKit
+                        type="text"
+                        name="fromName"
+                        label="From Name"
+                        placeholder="Your Company Name"
+                        v-model="templateForm.fromName"
+                        help="Name shown as sender in email clients"
+                      />
+
+                      <FormKit
+                        type="email"
+                        name="replyTo"
+                        label="Reply-To Email"
+                        placeholder="noreply@yourcompany.com"
+                        v-model="templateForm.replyTo"
+                        help="Email address for replies"
+                      />
+                    </div>
+
+                    <FormKit
+                      type="checkbox"
+                      name="trackOpens"
+                      label="Track Email Opens"
+                      v-model="templateForm.trackOpens"
+                      help="Enable tracking of email opens for analytics"
+                    />
+                  </div>
+                </rs-tab-item>
+
+                <!-- Push Notification Settings Tab -->
+                <rs-tab-item
+                  title="Push Settings"
+                  v-if="templateForm.channels.includes('push')"
+                >
+                  <div class="space-y-4 pt-4">
+                    <FormKit
+                      type="text"
+                      name="pushTitle"
+                      label="Push Notification Title"
+                      placeholder="Custom push title (optional)"
+                      v-model="templateForm.pushTitle"
+                      help="Leave empty to use the main subject line"
+                    />
+
+                    <FormKit
+                      type="url"
+                      name="pushIcon"
+                      label="Push Notification Icon URL"
+                      placeholder="https://yoursite.com/icon.png"
+                      v-model="templateForm.pushIcon"
+                      help="URL to icon for push notifications"
+                    />
+
+                    <FormKit
+                      type="url"
+                      name="pushUrl"
+                      label="Push Notification Action URL"
+                      placeholder="https://yoursite.com/action"
+                      v-model="templateForm.pushUrl"
+                      help="URL to open when push notification is clicked"
+                    />
+                  </div>
+                </rs-tab-item>
+
+                <!-- SMS Settings Tab -->
+                <rs-tab-item
+                  title="SMS Settings"
+                  v-if="templateForm.channels.includes('sms')"
+                >
+                  <div class="space-y-4 pt-4">
+                    <FormKit
+                      type="textarea"
+                      name="smsContent"
+                      label="SMS Content"
+                      placeholder="SMS version of your message (160 characters max)"
+                      v-model="templateForm.smsContent"
+                      help="Text-only version for SMS. Variables like {{name}} are supported"
+                      rows="4"
+                      maxlength="160"
+                    />
+                    <p class="text-sm text-gray-500">
+                      Characters: {{ templateForm.smsContent?.length || 0 }}/160
+                    </p>
+                  </div>
+                </rs-tab-item>
+              </rs-tab>
+            </div>
+
+            <!-- Additional Settings -->
+            <div class="space-y-6 mb-8">
+              <div class="border-b border-gray-200 dark:border-gray-700 pb-4">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-1">
+                  Additional Settings
+                </h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">
+                  Configure additional template options
+                </p>
+              </div>
+
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <FormKit
+                  type="text"
+                  name="tags"
+                  label="Tags (comma-separated)"
+                  placeholder="welcome, onboarding, email"
+                  v-model="templateForm.tags"
+                  help="Tags for organizing and filtering templates"
+                />
+
+                <div class="space-y-4">
+                  <FormKit
+                    type="checkbox"
+                    name="isPersonal"
+                    label="Personal Template"
+                    v-model="templateForm.isPersonal"
+                    help="Mark as personal template (visible only to you)"
+                  />
+                </div>
+              </div>
+            </div>
+
+            <!-- Action Buttons -->
+            <div
+              class="flex gap-3 justify-end pt-6 border-t border-gray-200 dark:border-gray-700"
+            >
+              <rs-button
+                @click="$router.push('/notification/templates')"
+                variant="outline"
+              >
+                Cancel
+              </rs-button>
+              <rs-button
+                @click="testTemplate"
+                variant="info-outline"
+                :disabled="!isFormValid || isSubmitting"
+              >
+                <Icon name="material-symbols:send" class="mr-1"></Icon>
+                Send Test
+              </rs-button>
+              <rs-button
+                @click="updateTemplate"
+                :disabled="!isFormValid || isSubmitting"
+                :loading="isSubmitting"
+              >
+                <Icon name="material-symbols:save" class="mr-1"></Icon>
+                {{ isSubmitting ? "Updating..." : "Update Template" }}
+              </rs-button>
+            </div>
+          </FormKit>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Preview Modal -->
+    <rs-modal v-model="showPreview" title="Template Preview" size="lg">
+      <div class="space-y-4 p-1">
+        <div class="flex gap-4 mb-4">
+          <FormKit
+            type="select"
+            name="previewChannel"
+            label="Preview Channel"
+            :options="
+              channelOptions.filter(
+                (c) => c.value !== '' && templateForm.channels.includes(c.value)
+              )
+            "
+            v-model="previewChannel"
+            outer-class="flex-1"
+          />
+        </div>
+        <div class="border rounded-lg p-4 bg-gray-50 dark:bg-gray-800">
+          <h3 class="font-semibold mb-2 text-gray-800 dark:text-gray-200">
+            {{ templateForm.subject }}
+          </h3>
+          <div
+            class="prose prose-sm max-w-none dark:prose-invert"
+            v-html="templateForm.content"
+          ></div>
+        </div>
+      </div>
+      <template #footer>
+        <rs-button @click="showPreview = false">Close</rs-button>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Edit Template",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal } = useNuxtApp();
+const router = useRouter();
+const route = useRoute();
+
+// Get template ID from route params
+const templateId = computed(() => route.params.id);
+
+// Reactive data
+const isLoading = ref(false);
+const isSubmitting = ref(false);
+const showPreview = ref(false);
+const previewChannel = ref("email");
+
+// Form data
+const templateForm = ref({
+  title: "",
+  description: "",
+  subject: "",
+  preheader: "",
+  category: "",
+  channels: [],
+  status: "Draft",
+  version: "1.0",
+  content: "",
+  tags: "",
+  isPersonal: false,
+  // Email settings
+  fromName: "",
+  replyTo: "",
+  trackOpens: true,
+  // Push settings
+  pushTitle: "",
+  pushIcon: "",
+  pushUrl: "",
+  // SMS settings
+  smsContent: "",
+});
+
+// Form options
+const categoryOptions = [
+  { label: "User Management", value: "user_management" },
+  { label: "Orders & Transactions", value: "orders" },
+  { label: "Security & Authentication", value: "security" },
+  { label: "Marketing & Promotions", value: "marketing" },
+  { label: "System Updates", value: "system" },
+  { label: "General Information", value: "general" },
+];
+
+const channelOptions = [
+  { label: "Email", value: "email" },
+  { label: "SMS", value: "sms" },
+  { label: "Push Notification", value: "push" },
+];
+
+const statusOptions = [
+  { label: "Draft", value: "Draft" },
+  { label: "Active", value: "Active" },
+  { label: "Archived", value: "Archived" },
+];
+
+// Computed properties
+const isFormValid = computed(() => {
+  return (
+    templateForm.value.title &&
+    templateForm.value.subject &&
+    templateForm.value.content &&
+    templateForm.value.category &&
+    templateForm.value.channels.length > 0
+  );
+});
+
+// Load template data
+const loadTemplate = async () => {
+  if (!templateId.value) return;
+
+  isLoading.value = true;
+  try {
+    console.log("Loading template for editing:", templateId.value);
+
+    const response = await $fetch(`/api/notifications/templates/${templateId.value}`);
+
+    if (response.success) {
+      const template = response.data.template;
+      console.log("Template loaded:", template);
+
+      // Map API response to form data
+      Object.assign(templateForm.value, {
+        title: template.title || "",
+        description: template.description || "",
+        subject: template.subject || "",
+        preheader: template.preheader || "",
+        category: template.category || "",
+        channels: template.channels || [],
+        status: template.status || "Draft",
+        version: template.version || "1.0",
+        content: template.content || "",
+        tags: template.tags || "",
+        isPersonal: template.isPersonal || false,
+        fromName: template.fromName || "",
+        replyTo: template.replyTo || "",
+        trackOpens: template.trackOpens !== false,
+        pushTitle: template.pushTitle || "",
+        pushIcon: template.pushIcon || "",
+        pushUrl: template.pushUrl || "",
+        smsContent: template.smsContent || "",
+      });
+    }
+  } catch (error) {
+    console.error("Error loading template:", error);
+
+    let errorMessage = "Failed to load template data";
+    if (error.data?.error) {
+      errorMessage = error.data.error;
+    }
+
+    await $swal.fire({
+      title: "Error",
+      text: errorMessage,
+      icon: "error",
+    });
+
+    // Navigate back to templates list
+    router.push("/notification/templates");
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// Preview template
+const previewTemplate = () => {
+  showPreview.value = true;
+};
+
+// Test template
+const testTemplate = async () => {
+  if (!isFormValid.value) {
+    $swal.fire("Error", "Please fill in all required fields", "error");
+    return;
+  }
+
+  const { value: email } = await $swal.fire({
+    title: "Send Test Notification",
+    text: "Enter email address to send test notification:",
+    input: "email",
+    inputPlaceholder: "your-email@example.com",
+    showCancelButton: true,
+    confirmButtonText: "Send Test",
+    cancelButtonText: "Cancel",
+    inputValidator: (value) => {
+      if (!value) {
+        return "Please enter a valid email address";
+      }
+      if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+        return "Please enter a valid email address";
+      }
+    },
+  });
+
+  if (email) {
+    // Show loading state
+    const loadingSwal = $swal.fire({
+      title: "Sending Test...",
+      text: "Please wait while we send your test notification",
+      allowOutsideClick: false,
+      allowEscapeKey: false,
+      showConfirmButton: false,
+      didOpen: () => {
+        $swal.showLoading();
+      },
+    });
+
+    try {
+      const testData = {
+        subject: templateForm.value.subject,
+        emailContent: templateForm.value.content,
+        pushTitle: templateForm.value.pushTitle || templateForm.value.subject,
+        pushBody: templateForm.value.content
+          ? templateForm.value.content.replace(/<[^>]*>/g, "").substring(0, 300)
+          : "",
+        callToActionText: "",
+        callToActionUrl: "",
+      };
+
+      console.log("Sending test notification with data:", testData);
+
+      const response = await $fetch("/api/notifications/test-send", {
+        method: "POST",
+        body: {
+          email: email,
+          testData: testData,
+        },
+      });
+
+      console.log("Test API Response:", response);
+
+      loadingSwal.close();
+
+      let successMessage = `Test notification sent to ${email}`;
+      if (response.data?.results) {
+        const results = response.data.results;
+        const successfulChannels = results
+          .filter((r) => r.status === "sent")
+          .map((r) => r.channel);
+        const failedChannels = results.filter((r) => r.status === "failed");
+
+        if (successfulChannels.length > 0) {
+          successMessage += `\n\nSuccessfully sent via: ${successfulChannels.join(", ")}`;
+        }
+
+        if (failedChannels.length > 0) {
+          successMessage += `\n\nFailed channels: ${failedChannels
+            .map((f) => `${f.channel} (${f.message})`)
+            .join(", ")}`;
+        }
+      }
+
+      await $swal.fire({
+        title: "Test Sent!",
+        text: successMessage,
+        icon: "success",
+        timer: 4000,
+      });
+    } catch (error) {
+      console.error("Error sending test notification:", error);
+
+      loadingSwal.close();
+
+      let errorMessage = "Failed to send test notification. Please try again.";
+      if (error.data?.error) {
+        errorMessage = error.data.error;
+      } else if (error.message) {
+        errorMessage = error.message;
+      }
+
+      await $swal.fire({
+        title: "Test Failed",
+        text: errorMessage,
+        icon: "error",
+        confirmButtonText: "OK",
+      });
+    }
+  }
+};
+
+// Update template
+const updateTemplate = async () => {
+  if (!isFormValid.value) {
+    $swal.fire("Error", "Please fill in all required fields", "error");
+    return;
+  }
+
+  if (isSubmitting.value) {
+    return;
+  }
+
+  isSubmitting.value = true;
+
+  // Show loading state
+  const loadingSwal = $swal.fire({
+    title: "Updating Template...",
+    text: "Please wait while we update your template",
+    allowOutsideClick: false,
+    allowEscapeKey: false,
+    showConfirmButton: false,
+    didOpen: () => {
+      $swal.showLoading();
+    },
+  });
+
+  try {
+    // Prepare the data for API submission
+    const apiData = {
+      title: templateForm.value.title,
+      description: templateForm.value.description || "",
+      subject: templateForm.value.subject,
+      preheader: templateForm.value.preheader || "",
+      category: templateForm.value.category,
+      channels: templateForm.value.channels,
+      status: templateForm.value.status,
+      version: templateForm.value.version,
+      content: templateForm.value.content,
+      tags: templateForm.value.tags || "",
+      isPersonal: templateForm.value.isPersonal,
+      // Email specific settings
+      fromName: templateForm.value.fromName || "",
+      replyTo: templateForm.value.replyTo || "",
+      trackOpens: templateForm.value.trackOpens,
+      // Push notification specific settings
+      pushTitle: templateForm.value.pushTitle || "",
+      pushIcon: templateForm.value.pushIcon || "",
+      pushUrl: templateForm.value.pushUrl || "",
+      // SMS specific settings
+      smsContent: templateForm.value.smsContent || "",
+    };
+
+    console.log("Updating Template Data:", apiData);
+
+    const response = await $fetch(`/api/notifications/templates/${templateId.value}`, {
+      method: "PUT",
+      body: apiData,
+    });
+
+    console.log("API Response:", response);
+
+    loadingSwal.close();
+    isSubmitting.value = false;
+
+    await $swal.fire({
+      title: "Template Updated!",
+      text: `Template "${templateForm.value.title}" has been successfully updated.`,
+      icon: "success",
+      timer: 3000,
+      showConfirmButton: false,
+    });
+
+    // Navigate back to templates list
+    router.push("/notification/templates");
+  } catch (error) {
+    console.error("Error updating template:", error);
+
+    loadingSwal.close();
+    isSubmitting.value = false;
+
+    let errorMessage = "Failed to update template. Please try again.";
+    let errorDetails = "";
+
+    if (error.data) {
+      if (error.data.errors && Array.isArray(error.data.errors)) {
+        errorMessage = "Please fix the following errors:";
+        errorDetails = error.data.errors.join("\n• ");
+      } else if (error.data.error) {
+        errorMessage = error.data.error;
+      }
+    } else if (error.message) {
+      errorMessage = error.message;
+    }
+
+    await $swal.fire({
+      title: "Error",
+      text: errorMessage,
+      html: errorDetails
+        ? `<p>${errorMessage}</p><ul style="text-align: left; margin-top: 10px;"><li>${errorDetails.replace(
+            /\n• /g,
+            "</li><li>"
+          )}</li></ul>`
+        : errorMessage,
+      icon: "error",
+      confirmButtonText: "OK",
+    });
+  }
+};
+
+// Load template when component mounts
+onMounted(async () => {
+  await loadTemplate();
+});
+</script>
diff --git a/pages/notification/templates/index.vue b/pages/notification/templates/index.vue
new file mode 100644
index 0000000..b06822d
--- /dev/null
+++ b/pages/notification/templates/index.vue
@@ -0,0 +1,749 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    <rs-card class="mb-5">
+      <template #header>
+        <div class="flex">
+          <span title="Info"
+            ><Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon
+          ></span>
+          Info
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          Manage your notification templates here. You can create, edit, preview, and
+          manage versions of templates for various channels like Email, SMS, Push, and
+          In-App messages.
+        </p>
+      </template>
+    </rs-card>
+
+    <rs-card>
+      <template #header>
+        <h2 class="text-xl font-semibold">Notification Templates</h2>
+      </template>
+      <template #body>
+        <div class="pt-2">
+          <rs-tab fill>
+            <rs-tab-item title="All Templates">
+              <div class="flex justify-between items-center mb-4">
+                <div class="flex items-center gap-4 flex-wrap">
+                  <FormKit
+                    type="select"
+                    name="category"
+                    placeholder="Filter by Category"
+                    :options="categories"
+                    v-model="filters.category"
+                    @input="filterByCategory"
+                    :disabled="isLoading"
+                    input-class="formkit-input appearance-none bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md py-2 px-3 text-base leading-normal focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-400 dark:focus:border-primary-400 disabled:opacity-50"
+                    outer-class="flex-grow sm:flex-grow-0 min-w-[180px] mb-0"
+                  />
+                  <FormKit
+                    type="select"
+                    name="status"
+                    placeholder="Filter by Status"
+                    :options="statusOptions"
+                    v-model="filters.status"
+                    @input="filterByStatus"
+                    :disabled="isLoading"
+                    input-class="formkit-input appearance-none bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md py-2 px-3 text-base leading-normal focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-400 dark:focus:border-primary-400 disabled:opacity-50"
+                    outer-class="flex-grow sm:flex-grow-0 min-w-[180px] mb-0"
+                  />
+                  <FormKit
+                    type="select"
+                    name="channel"
+                    placeholder="Filter by Channel"
+                    :options="channels"
+                    v-model="filters.channel"
+                    @input="filterByChannel"
+                    :disabled="isLoading"
+                    input-class="formkit-input appearance-none bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md py-2 px-3 text-base leading-normal focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-400 dark:focus:border-primary-400 disabled:opacity-50"
+                    outer-class="flex-grow sm:flex-grow-0 min-w-[180px] mb-0"
+                  />
+                </div>
+                <rs-button
+                  @click="$router.push('/notification/templates/create_template')"
+                  class="ml-auto"
+                >
+                  <Icon name="material-symbols:add" class="mr-1"></Icon>
+                  Create Template
+                </rs-button>
+              </div>
+              <!-- Loading State -->
+              <div v-if="isLoading" class="text-center py-12">
+                <div class="flex justify-center mb-4">
+                  <Icon
+                    name="ic:outline-refresh"
+                    size="2rem"
+                    class="text-primary animate-spin"
+                  />
+                </div>
+                <p class="text-gray-600 dark:text-gray-400">Loading templates...</p>
+              </div>
+
+              <!-- Empty State -->
+              <div
+                v-else-if="!templateList || templateList.length === 0"
+                class="text-center py-12"
+              >
+                <div class="flex justify-center mb-4">
+                  <Icon
+                    name="material-symbols:inbox-outline"
+                    size="3rem"
+                    class="text-gray-400"
+                  />
+                </div>
+                <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">
+                  No templates found
+                </h3>
+                <p class="text-gray-600 dark:text-gray-400 mb-4">
+                  {{
+                    filters.category ||
+                    filters.channel ||
+                    filters.status ||
+                    filters.search
+                      ? "No templates match your current filters."
+                      : "Get started by creating your first notification template."
+                  }}
+                </p>
+                <rs-button
+                  @click="$router.push('/notification/templates/create_template')"
+                >
+                  <Icon name="material-symbols:add" class="mr-1"></Icon>
+                  Create Your First Template
+                </rs-button>
+              </div>
+
+              <!-- Templates Table -->
+              <rs-table
+                v-else
+                :data="templateList"
+                :columns="columns"
+                :options="{
+                  variant: 'default',
+                  striped: true,
+                  borderless: true,
+                  class: 'align-middle',
+                }"
+                advanced
+              >
+                <template v-slot:channel="{ value }">
+                  <div
+                    class="flex items-center justify-start gap-1 flex-wrap"
+                    style="max-width: 100px"
+                  >
+                    <template v-if="value.channel && value.channel.length">
+                      <template v-for="channel_item in value.channel" :key="channel_item">
+                        <span :title="channel_item">
+                          <Icon
+                            :name="getChannelIcon(channel_item)"
+                            class="text-gray-700 dark:text-gray-300"
+                            size="18"
+                          />
+                        </span>
+                      </template>
+                    </template>
+                    <span v-else>-</span>
+                  </div>
+                </template>
+                <template v-slot:version="{ text }">
+                  <span class="text-sm text-gray-600 dark:text-gray-400"
+                    >v{{ text }}</span
+                  >
+                </template>
+                <template v-slot:status="{ text }">
+                  <span
+                    class="px-2 py-1 rounded-full text-xs font-medium"
+                    :class="getStatusClass(text)"
+                  >
+                    {{ text == 1 ? "Active" : text == 0 ? "Inactive" : "Draft" }}
+                  </span>
+                </template>
+                <template v-slot:action="data">
+                  <div class="flex justify-center items-center gap-3">
+                    <span title="Edit">
+                      <Icon
+                        name="material-symbols:edit-outline-rounded"
+                        class="text-primary hover:text-primary/90 cursor-pointer"
+                        size="20"
+                        @click="editTemplate(data.value)"
+                      />
+                    </span>
+                    <!-- <span title="Preview">
+                      <Icon
+                        name="material-symbols:preview-outline"
+                        class="text-blue-500 hover:text-blue-600 cursor-pointer"
+                        size="20"
+                        @click="previewTemplate(data.value)"
+                      />
+                    </span> -->
+                    <span title="Delete">
+                      <Icon
+                        name="material-symbols:delete-outline"
+                        class="text-red-500 hover:text-red-600 cursor-pointer"
+                        size="20"
+                        @click="openModalDelete(data.value)"
+                      />
+                    </span>
+                  </div>
+                </template>
+              </rs-table>
+            </rs-tab-item>
+          </rs-tab>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Preview Modal -->
+    <rs-modal v-model="showPreview" title="Template Preview" size="lg">
+      <div class="space-y-4 p-1">
+        <div class="flex gap-4 mb-4">
+          <FormKit
+            type="select"
+            name="previewChannel"
+            label="Preview Channel"
+            :options="channels.filter((c) => c.value !== '')"
+            v-model="previewChannel"
+            outer-class="flex-1"
+          />
+        </div>
+        <div class="border rounded-lg p-4 bg-gray-50 dark:bg-gray-800">
+          <h3 class="font-semibold mb-2 text-gray-800 dark:text-gray-200">
+            {{ selectedTemplate?.notificationTitle }}
+          </h3>
+          <div
+            class="prose prose-sm max-w-none dark:prose-invert"
+            v-html="selectedTemplate?.content"
+          ></div>
+        </div>
+      </div>
+      <template #footer>
+        <rs-button @click="showPreview = false">Close</rs-button>
+      </template>
+    </rs-modal>
+
+    <!-- Version History Modal -->
+    <rs-modal v-model="showVersions" title="Version History" size="lg">
+      <div class="space-y-4 p-1">
+        <div v-if="versionHistory.length">
+          <div
+            v-for="version in versionHistory"
+            :key="version.id"
+            class="border rounded-lg p-4 mb-3 last:mb-0 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors duration-150 ease-in-out"
+            :class="{
+              'border-primary-300 bg-primary-50 dark:bg-primary-900/20':
+                version.isCurrent,
+            }"
+          >
+            <div class="flex justify-between items-center mb-2">
+              <div class="flex items-center gap-2">
+                <span class="font-semibold text-gray-700 dark:text-gray-300"
+                  >Version {{ version.version }}</span
+                >
+                <span
+                  v-if="version.isCurrent"
+                  class="px-2 py-1 bg-green-100 text-green-800 text-xs font-medium rounded-full dark:bg-green-900 dark:text-green-300"
+                >
+                  Current
+                </span>
+                <span
+                  class="px-2 py-1 text-xs font-medium rounded-full"
+                  :class="getStatusClass(version.status)"
+                >
+                  {{ version.status }}
+                </span>
+              </div>
+              <div class="flex items-center gap-2">
+                <span class="text-sm text-gray-500 dark:text-gray-400">{{
+                  version.updatedAt
+                }}</span>
+                <rs-button
+                  size="sm"
+                  @click="restoreVersion(version)"
+                  variant="outline"
+                  :disabled="version.isCurrent"
+                  >Restore</rs-button
+                >
+                <rs-button
+                  size="sm"
+                  @click="deleteVersion(version)"
+                  variant="danger-outline"
+                  :disabled="version.isCurrent"
+                  >Delete</rs-button
+                >
+              </div>
+            </div>
+            <div class="mb-2">
+              <p class="text-sm font-medium text-gray-700 dark:text-gray-300">
+                {{ version.name }}
+              </p>
+              <p class="text-xs text-gray-500 dark:text-gray-400">
+                {{ version.subject }}
+              </p>
+            </div>
+            <p class="text-sm text-gray-600 dark:text-gray-400">
+              {{ version.changeDescription }}
+            </p>
+          </div>
+        </div>
+        <div v-else class="text-center text-gray-500 dark:text-gray-400 py-4">
+          No version history available for this template.
+        </div>
+      </div>
+      <template #footer>
+        <rs-button @click="showVersions = false">Close</rs-button>
+      </template>
+    </rs-modal>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+  title: "Notification Templates",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const { $swal } = useNuxtApp();
+const router = useRouter();
+
+// Reactive data
+const isLoading = ref(false);
+const templateList = ref([]);
+const totalCount = ref(0);
+const currentPage = ref(1);
+const pageSize = ref(10);
+
+// Filters
+const filters = ref({
+  category: "",
+  channel: "",
+  status: "",
+  search: "",
+});
+
+const categories = ref([
+  { label: "All Categories", value: "" },
+  { label: "User Management", value: "user_management" },
+  { label: "Orders & Transactions", value: "orders" },
+  { label: "Security & Authentication", value: "security" },
+  { label: "Marketing & Promotions", value: "marketing" },
+  { label: "System Updates", value: "system" },
+  { label: "General Information", value: "general" },
+]);
+
+const statusOptions = ref([
+  { label: "All Status", value: "" },
+  { label: "Active", value: "Active" },
+  { label: "Inactive", value: "Inactive" },
+  { label: "Draft", value: "Draft" },
+  { label: "Archived", value: "Archived" },
+]);
+
+const channels = ref([
+  { label: "All Channels", value: "" },
+  { label: "Email", value: "email" },
+  { label: "SMS", value: "sms" },
+  { label: "Push Notification", value: "push" },
+]);
+
+const columns = [
+  {
+    label: "Title",
+    key: "title",
+    sortable: true,
+  },
+  {
+    label: "Category",
+    key: "category",
+    sortable: true,
+  },
+  {
+    label: "Channels",
+    key: "channel",
+    sortable: false,
+  },
+  {
+    label: "Status",
+    key: "status",
+    sortable: true,
+  },
+  {
+    label: "Action",
+    key: "action",
+    align: "center",
+  },
+];
+
+// API functions
+const fetchTemplates = async () => {
+  try {
+    isLoading.value = true;
+
+    const queryParams = new URLSearchParams({
+      page: currentPage.value.toString(),
+      limit: pageSize.value.toString(),
+      sortBy: "created_at",
+      sortOrder: "desc",
+    });
+
+    // Add filters if they have values
+    if (filters.value.category) queryParams.append("category", filters.value.category);
+    if (filters.value.channel) queryParams.append("channel", filters.value.channel);
+    if (filters.value.status) queryParams.append("status", filters.value.status);
+    if (filters.value.search) queryParams.append("search", filters.value.search);
+
+    console.log("Fetching templates with params:", queryParams.toString());
+
+    const response = await $fetch(`/api/notifications/templates?${queryParams}`);
+
+    console.log("API Response:", response);
+
+    // Check if response has the expected structure
+    if (
+      response &&
+      response.success &&
+      response.data &&
+      Array.isArray(response.data.templates)
+    ) {
+      // Transform API data to match frontend format
+      templateList.value = response.data.templates.map((template) => ({
+        id: template.id,
+        title: template.title,
+        category: template.category,
+        status: template.is_active, // This is now the correct string status from DB
+        createdAt: formatDate(template.created_at),
+        updatedAt: formatDate(template.updated_at),
+        action: null,
+      }));
+
+      totalCount.value = response.data.templates?.length || 0;
+      console.log(`Loaded ${templateList.value.length} templates`);
+    } else {
+      // Handle unexpected response structure
+      console.warn("Unexpected API response structure:", response);
+      templateList.value = [];
+      totalCount.value = 0;
+
+      if (response && !response.success) {
+        const errorMessage =
+          response.data?.error || response.error || "Unknown error occurred";
+        $swal.fire("Error", errorMessage, "error");
+      } else {
+        $swal.fire(
+          "Warning",
+          "Received unexpected response format from server.",
+          "warning"
+        );
+      }
+    }
+  } catch (error) {
+    console.error("Error fetching templates:", error);
+
+    // Initialize empty state on error
+    templateList.value = [];
+    totalCount.value = 0;
+
+    // Show user-friendly error message
+    let errorMessage = "Failed to load templates. Please try again.";
+
+    if (error.response?.status === 401) {
+      errorMessage = "Authentication required. Please log in again.";
+    } else if (error.response?.status === 403) {
+      errorMessage = "You don't have permission to access this resource.";
+    } else if (error.response?.status >= 500) {
+      errorMessage = "Server error occurred. Please try again later.";
+    } else if (error.data?.error) {
+      errorMessage = error.data.error;
+    }
+
+    $swal.fire("Error", errorMessage, "error");
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// Helper function to format dates
+const formatDate = (dateString) => {
+  if (!dateString) return "";
+  return new Date(dateString).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  });
+};
+
+const showPreview = ref(false);
+const selectedTemplate = ref(null);
+const previewChannel = ref("email");
+
+const showVersions = ref(false);
+const versionHistory = ref([]);
+
+const getChannelIcon = (channel_item) => {
+  const icons = {
+    email: "material-symbols:mail-outline-rounded",
+    sms: "material-symbols:sms-outline-rounded",
+    push: "material-symbols:notifications-active-outline-rounded",
+    "in-app": "material-symbols:chat-bubble-outline-rounded",
+  };
+  return icons[channel_item] || "material-symbols:help-outline-rounded";
+};
+
+const getStatusClass = (status) => {
+  const classes = {
+    1: "bg-green-100 text-green-800 dark:bg-green-700 dark:text-green-100",
+    0: "bg-red-100 text-red-800 dark:bg-red-700 dark:text-red-100",
+    2: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200",
+  };
+  return (
+    classes[status] || "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200"
+  );
+};
+
+// Filter functions
+const filterByCategory = async (value) => {
+  filters.value.category = value;
+  currentPage.value = 1; // Reset to first page
+  await fetchTemplates();
+};
+
+const filterByChannel = async (value) => {
+  filters.value.channel = value;
+  currentPage.value = 1; // Reset to first page
+  await fetchTemplates();
+};
+
+const filterByStatus = async (value) => {
+  filters.value.status = value;
+  currentPage.value = 1; // Reset to first page
+  await fetchTemplates();
+};
+
+// Action functions
+const editTemplate = (template) => {
+  router.push(`/notification/templates/edit/${template.id}`);
+};
+
+const previewTemplate = (template) => {
+  selectedTemplate.value = template;
+  showPreview.value = true;
+};
+
+const restoreVersion = async (version) => {
+  const result = await $swal.fire({
+    title: "Restore Version?",
+    text: `Are you sure you want to restore version ${version.version} for "${selectedTemplate.value?.title}"? Current content will be overwritten.`,
+    icon: "warning",
+    showCancelButton: true,
+    confirmButtonText: "Restore",
+    cancelButtonText: "Cancel",
+    confirmButtonColor: "#3085d6",
+    cancelButtonColor: "#d33",
+  });
+
+  if (result.isConfirmed) {
+    try {
+      // Show loading
+      const loadingSwal = $swal.fire({
+        title: "Restoring Version...",
+        text: "Please wait while we restore the version",
+        allowOutsideClick: false,
+        allowEscapeKey: false,
+        showConfirmButton: false,
+        didOpen: () => {
+          $swal.showLoading();
+        },
+      });
+
+      console.log("Restoring version:", version.id);
+
+      const response = await $fetch(
+        `/api/notifications/templates/${selectedTemplate.value.id}/versions/${version.id}/restore`,
+        {
+          method: "POST",
+        }
+      );
+
+      loadingSwal.close();
+
+      if (response.success) {
+        await $swal.fire({
+          title: "Restored!",
+          text: response.data.message,
+          icon: "success",
+          timer: 3000,
+        });
+
+        // Close the version history modal
+        showVersions.value = false;
+
+        // Refresh the templates list to show updated version
+        await fetchTemplates();
+      } else {
+        throw new Error(response.data?.error || "Failed to restore version");
+      }
+    } catch (error) {
+      console.error("Error restoring version:", error);
+
+      let errorMessage = "Failed to restore version. Please try again.";
+      if (error.data?.error) {
+        errorMessage = error.data.error;
+      }
+
+      await $swal.fire({
+        title: "Error",
+        text: errorMessage,
+        icon: "error",
+      });
+    }
+  }
+};
+
+const deleteVersion = async (version) => {
+  const result = await $swal.fire({
+    title: "Delete Version?",
+    text: `Are you sure you want to delete version ${version.version} for "${selectedTemplate.value?.title}"? This action cannot be undone.`,
+    icon: "warning",
+    showCancelButton: true,
+    confirmButtonText: "Yes, delete it!",
+    cancelButtonText: "Cancel",
+    confirmButtonColor: "#d33",
+    cancelButtonColor: "#3085d6",
+  });
+
+  if (result.isConfirmed) {
+    try {
+      // Show loading
+      const loadingSwal = $swal.fire({
+        title: "Deleting Version...",
+        text: "Please wait while we delete the version",
+        allowOutsideClick: false,
+        allowEscapeKey: false,
+        showConfirmButton: false,
+        didOpen: () => {
+          $swal.showLoading();
+        },
+      });
+
+      console.log("Deleting version:", version.id);
+
+      const response = await $fetch(
+        `/api/notifications/templates/${selectedTemplate.value.id}/versions/${version.id}`,
+        {
+          method: "DELETE",
+        }
+      );
+
+      loadingSwal.close();
+
+      if (response.success) {
+        // Remove the deleted version from the local array
+        versionHistory.value = versionHistory.value.filter((v) => v.id !== version.id);
+
+        await $swal.fire({
+          title: "Deleted!",
+          text: response.data.message,
+          icon: "success",
+          timer: 3000,
+        });
+
+        // If no versions left, close the modal
+        if (versionHistory.value.length === 0) {
+          showVersions.value = false;
+        }
+      } else {
+        throw new Error(response.data?.error || "Failed to delete version");
+      }
+    } catch (error) {
+      console.error("Error deleting version:", error);
+
+      let errorMessage = "Failed to delete version. Please try again.";
+      if (error.data?.error) {
+        errorMessage = error.data.error;
+      }
+
+      await $swal.fire({
+        title: "Error",
+        text: errorMessage,
+        icon: "error",
+      });
+    }
+  }
+};
+
+const openModalDelete = async (templateToDelete) => {
+  const result = await $swal.fire({
+    title: "Delete Template",
+    text: `Are you sure you want to delete "${templateToDelete.title}"? This action cannot be undone.`,
+    icon: "warning",
+    showCancelButton: true,
+    confirmButtonText: "Yes, delete it!",
+    cancelButtonText: "Cancel",
+    confirmButtonColor: "#d33",
+    cancelButtonColor: "#3085d6",
+  });
+
+  if (result.isConfirmed) {
+    await deleteTemplate(templateToDelete);
+  }
+};
+
+const deleteTemplate = async (templateToDelete) => {
+  try {
+    // Show loading
+    const loadingSwal = $swal.fire({
+      title: "Deleting Template...",
+      text: "Please wait while we delete the template",
+      allowOutsideClick: false,
+      allowEscapeKey: false,
+      showConfirmButton: false,
+      didOpen: () => {
+        $swal.showLoading();
+      },
+    });
+
+    console.log("Deleting template:", templateToDelete.title);
+
+    const response = await $fetch(`/api/notifications/templates/${templateToDelete.id}`, {
+      method: "DELETE",
+    });
+
+    loadingSwal.close();
+
+    if (response.success) {
+      await $swal.fire({
+        position: "center",
+        icon: "success",
+        title: "Deleted!",
+        text: response.data.message,
+        timer: 3000,
+        showConfirmButton: false,
+      });
+
+      // Refresh the templates list
+      await fetchTemplates();
+    }
+  } catch (error) {
+    console.error("Error deleting template:", error);
+
+    let errorMessage = "Failed to delete template. Please try again.";
+    if (error.data?.error) {
+      errorMessage = error.data.error;
+    }
+
+    await $swal.fire({
+      title: "Error",
+      text: errorMessage,
+      icon: "error",
+    });
+  }
+};
+
+// Load templates when component mounts
+onMounted(async () => {
+  await fetchTemplates();
+});
+</script>
diff --git a/pages/notification/triggers-rule/index.vue b/pages/notification/triggers-rule/index.vue
new file mode 100644
index 0000000..e38713c
--- /dev/null
+++ b/pages/notification/triggers-rule/index.vue
@@ -0,0 +1,314 @@
+<script setup>
+import { ref, computed } from 'vue';
+
+definePageMeta({
+  title: "Notification Triggers & Rules",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+const activeTab = ref('triggers'); // 'triggers', 'segments'
+
+// Mock data
+const mockEvents = ref([
+  { id: 'user_registered', name: 'User Registered' },
+  { id: 'payment_completed', name: 'Payment Completed' },
+  { id: 'password_reset_request', name: 'Password Reset Request' },
+]);
+
+const mockTemplates = ref([
+  { id: 'welcome_email', name: 'Welcome Email' },
+  { id: 'payment_receipt', name: 'Payment Receipt' },
+  { id: 'reset_password_instructions', name: 'Reset Password Instructions' },
+]);
+
+const triggers = ref([
+  { 
+    id: 'trg_001', 
+    name: 'Welcome New Users', 
+    description: 'Sends a welcome email upon user registration.',
+    type: 'event', 
+    eventType: 'user_registered', 
+    actionTemplateId: 'welcome_email',
+    priority: 'medium', 
+    status: 'active',
+    conditions: [],
+    targetSegments: [],
+    dependencies: null,
+  },
+  { 
+    id: 'trg_002', 
+    name: 'Daily Sales Summary', 
+    description: 'Sends a summary of sales daily at 8 AM.',
+    type: 'time', 
+    schedule: '0 8 * * *', // Cron for 8 AM daily
+    actionTemplateId: 'payment_receipt', // Placeholder, should be a summary template
+    priority: 'low', 
+    status: 'inactive',
+    conditions: [],
+    targetSegments: [],
+    dependencies: null,
+  }
+]);
+
+const showAddEditModal = ref(false);
+const isEditing = ref(false);
+const currentTrigger = ref(null);
+
+const newTriggerData = ref({
+  id: null,
+  name: '',
+  description: '',
+  type: 'event',
+  eventType: mockEvents.value.length > 0 ? mockEvents.value[0].id : null,
+  schedule: '',
+  webhookUrl: 'https://api.example.com/webhook/generated_id', // Placeholder
+  actionTemplateId: mockTemplates.value.length > 0 ? mockTemplates.value[0].id : null,
+  priority: 'medium',
+  status: 'active',
+  conditions: [],
+  targetSegments: [],
+  dependencies: null,
+});
+
+const priorities = ['low', 'medium', 'high'];
+const triggerTypes = [
+  { id: 'event', name: 'Event-Based' },
+  { id: 'time', name: 'Time-Based' },
+  { id: 'api', name: 'External API/Webhook' }
+];
+
+
+const openAddModal = () => {
+  isEditing.value = false;
+  currentTrigger.value = null;
+  newTriggerData.value = {
+    id: `trg_${Date.now().toString().slice(-3)}`, // Simple unique ID for mock
+    name: '',
+    description: '',
+    type: 'event',
+    eventType: mockEvents.value.length > 0 ? mockEvents.value[0].id : null,
+    schedule: '',
+    webhookUrl: `https://api.example.com/webhook/trg_${Date.now().toString().slice(-3)}`,
+    actionTemplateId: mockTemplates.value.length > 0 ? mockTemplates.value[0].id : null,
+    priority: 'medium',
+    status: 'active',
+    conditions: [],
+    targetSegments: [],
+    dependencies: null,
+  };
+  showAddEditModal.value = true;
+};
+
+const openEditModal = (trigger) => {
+  isEditing.value = true;
+  currentTrigger.value = trigger;
+  newTriggerData.value = { ...trigger };
+  showAddEditModal.value = true;
+};
+
+const closeModal = () => {
+  showAddEditModal.value = false;
+  currentTrigger.value = null;
+};
+
+const saveTrigger = () => {
+  if (isEditing.value && currentTrigger.value) {
+    const index = triggers.value.findIndex(t => t.id === currentTrigger.value.id);
+    if (index !== -1) {
+      triggers.value[index] = { ...newTriggerData.value };
+    }
+  } else {
+    triggers.value.push({ ...newTriggerData.value, id: newTriggerData.value.id || `trg_${Date.now().toString().slice(-3)}` });
+  }
+  closeModal();
+};
+
+const deleteTrigger = (triggerId) => {
+  if (confirm('Are you sure you want to delete this trigger?')) {
+    triggers.value = triggers.value.filter(t => t.id !== triggerId);
+  }
+};
+
+const testTrigger = (trigger) => {
+  alert(`Simulating test for trigger: ${trigger.name} (Not implemented yet)`);
+};
+
+const getEventName = (eventId) => mockEvents.value.find(e => e.id === eventId)?.name || eventId;
+const getTemplateName = (templateId) => mockTemplates.value.find(t => t.id === templateId)?.name || templateId;
+
+</script>
+
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+    <rs-card>
+      <template #header>
+        <div class="flex justify-between items-center">
+          <h1 class="text-xl font-semibold">Notification Triggers & Rules</h1>
+          <button @click="openAddModal" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 text-sm">
+            Add New Trigger
+          </button>
+        </div>
+      </template>
+      <template #body>
+        <!-- Tabs (Simplified for now, can be expanded later if needed) -->
+        <!-- <div class="mb-4 border-b border-gray-200">
+          <nav class="-mb-px flex space-x-8" aria-label="Tabs">
+            <button @click="activeTab = 'triggers'"
+                    :class="['whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm', activeTab === 'triggers' ? 'border-blue-500 text-blue-600' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300']">
+              Triggers & Rules
+            </button>
+            <button @click="activeTab = 'segments'"
+                    :class="['whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm', activeTab === 'segments' ? 'border-blue-500 text-blue-600' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300']">
+              User Segments (Coming Soon)
+            </button>
+          </nav>
+        </div> -->
+
+        <div v-if="activeTab === 'triggers'">
+          <div class="overflow-x-auto">
+            <table class="min-w-full divide-y divide-gray-200">
+              <thead class="bg-gray-50">
+                <tr>
+                  <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                  <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Type</th>
+                  <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Details</th>
+                  <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Priority</th>
+                  <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+                  <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+                </tr>
+              </thead>
+              <tbody class="bg-white divide-y divide-gray-200">
+                <tr v-if="triggers.length === 0">
+                  <td colspan="6" class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 text-center">No triggers defined yet.</td>
+                </tr>
+                <tr v-for="trigger in triggers" :key="trigger.id">
+                  <td class="px-6 py-4 whitespace-nowrap">
+                    <div class="text-sm font-medium text-gray-900">{{ trigger.name }}</div>
+                    <div class="text-xs text-gray-500">{{ trigger.description }}</div>
+                  </td>
+                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 capitalize">{{ trigger.type }}</td>
+                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                    <div v-if="trigger.type === 'event'">Event: {{ getEventName(trigger.eventType) }}</div>
+                    <div v-if="trigger.type === 'time'">Schedule: {{ trigger.schedule }}</div>
+                    <div v-if="trigger.type === 'api'" class="truncate max-w-xs" :title="trigger.webhookUrl">Webhook: {{ trigger.webhookUrl }}</div>
+                  </td>
+                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 capitalize">{{ trigger.priority }}</td>
+                  <td class="px-6 py-4 whitespace-nowrap">
+                    <span :class="['px-2 inline-flex text-xs leading-5 font-semibold rounded-full', trigger.status === 'active' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800']">
+                      {{ trigger.status }}
+                    </span>
+                  </td>
+                  <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium space-x-2">
+                    <button @click="openEditModal(trigger)" class="text-indigo-600 hover:text-indigo-900">Edit</button>
+                    <button @click="testTrigger(trigger)" class="text-yellow-600 hover:text-yellow-900">Test</button>
+                    <button @click="deleteTrigger(trigger.id)" class="text-red-600 hover:text-red-900">Delete</button>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+        
+        <!-- <div v-if="activeTab === 'segments'">
+          <p class="text-gray-600 p-4">User Segments management will be available here soon.</p>
+        </div> -->
+
+        <!-- Add/Edit Modal -->
+        <div v-if="showAddEditModal" class="fixed inset-0 z-50 overflow-y-auto bg-gray-600 bg-opacity-50 flex items-center justify-center p-4">
+          <div class="bg-white rounded-lg shadow-xl p-6 w-full max-w-2xl max-h-[90vh] overflow-y-auto">
+            <div class="flex justify-between items-center mb-4">
+                <h3 class="text-lg font-medium leading-6 text-gray-900">{{ isEditing ? 'Edit' : 'Add New' }} Trigger/Rule</h3>
+                <button @click="closeModal" class="text-gray-400 hover:text-gray-600">
+                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
+                </button>
+            </div>
+            
+            <form @submit.prevent="saveTrigger" class="space-y-4">
+              <div>
+                <label for="triggerName" class="block text-sm font-medium text-gray-700">Name</label>
+                <input type="text" v-model="newTriggerData.name" id="triggerName" required class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+              </div>
+              <div>
+                <label for="triggerDescription" class="block text-sm font-medium text-gray-700">Description</label>
+                <textarea v-model="newTriggerData.description" id="triggerDescription" rows="2" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"></textarea>
+              </div>
+              
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label for="triggerStatus" class="block text-sm font-medium text-gray-700">Status</label>
+                  <select v-model="newTriggerData.status" id="triggerStatus" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+                    <option value="active">Active</option>
+                    <option value="inactive">Inactive</option>
+                  </select>
+                </div>
+                <div>
+                  <label for="triggerPriority" class="block text-sm font-medium text-gray-700">Priority</label>
+                  <select v-model="newTriggerData.priority" id="triggerPriority" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+                    <option v-for="p in priorities" :key="p" :value="p" class="capitalize">{{ p }}</option>
+                  </select>
+                </div>
+              </div>
+
+              <div>
+                <label for="triggerType" class="block text-sm font-medium text-gray-700">Trigger Type</label>
+                <select v-model="newTriggerData.type" id="triggerType" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+                  <option v-for="tt in triggerTypes" :key="tt.id" :value="tt.id">{{ tt.name }}</option>
+                </select>
+              </div>
+
+              <!-- Conditional Fields -->
+              <div v-if="newTriggerData.type === 'event'">
+                <label for="eventType" class="block text-sm font-medium text-gray-700">Event</label>
+                <select v-model="newTriggerData.eventType" id="eventType" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+                  <option v-for="event in mockEvents" :key="event.id" :value="event.id">{{ event.name }}</option>
+                </select>
+              </div>
+              <div v-if="newTriggerData.type === 'time'">
+                <label for="triggerSchedule" class="block text-sm font-medium text-gray-700">Schedule (Cron Expression or Description)</label>
+                <input type="text" v-model="newTriggerData.schedule" id="triggerSchedule" placeholder="e.g., 0 9 * * * OR Daily at 9 AM" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+              </div>
+              <div v-if="newTriggerData.type === 'api'">
+                <label class="block text-sm font-medium text-gray-700">Webhook URL</label>
+                <input type="text" :value="newTriggerData.webhookUrl" readonly class="mt-1 block w-full rounded-md border-gray-300 shadow-sm bg-gray-100 sm:text-sm cursor-not-allowed">
+                <p class="text-xs text-gray-500 mt-1">This URL is automatically generated. Send a POST request here to trigger.</p>
+              </div>
+              
+              <div>
+                <label for="actionTemplate" class="block text-sm font-medium text-gray-700">Action: Send Notification Template</label>
+                <select v-model="newTriggerData.actionTemplateId" id="actionTemplate" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm">
+                  <option v-for="template in mockTemplates" :key="template.id" :value="template.id">{{ template.name }}</option>
+                </select>
+              </div>
+
+              <div class="mt-6 p-3 bg-gray-50 rounded-md">
+                <h4 class="text-sm font-medium text-gray-600 mb-2">Advanced Configuration (Coming Soon)</h4>
+                <p class="text-xs text-gray-500">- Conditional Logic (IF/THEN Rules)</p>
+                <p class="text-xs text-gray-500">- User Segmentation Targeting</p>
+                <p class="text-xs text-gray-500">- Rule Dependencies</p>
+                <p class="text-xs text-gray-500">- Rule Testing & Simulation</p>
+              </div>
+
+              <div class="pt-5">
+                <div class="flex justify-end space-x-3">
+                  <button type="button" @click="closeModal" class="px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50">Cancel</button>
+                  <button type="submit" class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700">
+                    {{ isEditing ? 'Save Changes' : 'Add Trigger' }}
+                  </button>
+                </div>
+              </div>
+            </form>
+          </div>
+        </div>
+      </template>
+    </rs-card>
+  </div>
+</template>
+
+<style scoped>
+/* Scoped styles if needed */
+.max-h-\[90vh\] {
+  max-height: 90vh;
+}
+</style> 
\ No newline at end of file
diff --git a/pages/notification/view/[id].vue b/pages/notification/view/[id].vue
new file mode 100644
index 0000000..503533f
--- /dev/null
+++ b/pages/notification/view/[id].vue
@@ -0,0 +1,519 @@
+<template>
+  <div>
+    <LayoutsBreadcrumb />
+
+    <!-- Info Card -->
+    <rs-card class="mb-5">
+      <template #header>
+        <div class="flex">
+          <Icon class="mr-2 flex justify-center" name="ic:outline-info"></Icon>
+          Notification Details
+        </div>
+      </template>
+      <template #body>
+        <p class="mb-4">
+          View detailed information about this notification including content, delivery
+          settings, performance metrics, and recipient targeting.
+        </p>
+      </template>
+    </rs-card>
+
+    <!-- Loading State -->
+    <div v-if="isLoading" class="text-center py-12">
+      <div class="flex justify-center mb-4">
+        <Icon name="ic:outline-refresh" size="2rem" class="text-primary animate-spin" />
+      </div>
+      <p class="text-gray-600">Loading notification details...</p>
+    </div>
+
+    <!-- Notification Not Found -->
+    <rs-card v-else-if="!notification">
+      <template #body>
+        <div class="text-center py-8">
+          <div class="flex justify-center mb-4">
+            <Icon name="ic:outline-error" size="4rem" class="text-red-400" />
+          </div>
+          <h3 class="text-lg font-medium text-gray-500 mb-2">Notification Not Found</h3>
+          <p class="text-gray-500 mb-4">
+            The notification you're looking for doesn't exist or has been deleted.
+          </p>
+          <rs-button @click="$router.push('/notification/list')" variant="primary">
+            <Icon name="ic:outline-arrow-back" class="mr-1"></Icon>
+            Back to List
+          </rs-button>
+        </div>
+      </template>
+    </rs-card>
+
+    <!-- Notification Details -->
+    <div v-else class="space-y-6">
+      <!-- Header Actions -->
+      <rs-card>
+        <template #body>
+          <div class="flex justify-between items-center">
+            <div class="flex items-center gap-4">
+              <Icon name="ic:outline-notifications" class="text-primary" size="32" />
+              <div>
+                <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">
+                  {{ notification.title }}
+                </h1>
+                <div class="flex items-center gap-2 mt-1">
+                  <rs-badge :variant="getStatusVariant(notification.status)">
+                    {{ notification.status }}
+                  </rs-badge>
+                  <rs-badge :variant="getPriorityVariant(notification.priority)">
+                    {{ notification.priority }} Priority
+                  </rs-badge>
+                </div>
+              </div>
+            </div>
+            <div class="flex gap-3">
+              <rs-button @click="$router.push('/notification/list')" variant="primary">
+                <Icon name="ic:outline-arrow-back" class="mr-1"></Icon>
+                Back to List
+              </rs-button>
+              <rs-button
+                @click="editNotification"
+                v-if="
+                  notification.status === 'draft' || notification.status === 'scheduled'
+                "
+              >
+                <Icon name="material-symbols:edit" class="mr-1"></Icon>
+                Edit
+              </rs-button>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Basic Information -->
+      <rs-card>
+        <template #header>
+          <h2 class="text-xl font-semibold">Basic Information</h2>
+        </template>
+        <template #body>
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >Title</label
+              >
+              <p class="text-base text-gray-900 dark:text-gray-100">
+                {{ notification.title }}
+              </p>
+            </div>
+            <div>
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >Category</label
+              >
+              <p class="text-base text-gray-900 dark:text-gray-100">
+                {{ notification.category.name }}
+              </p>
+            </div>
+            <div>
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >Priority</label
+              >
+              <rs-badge :variant="getPriorityVariant(notification.priority)">
+                {{ notification.priority }}
+              </rs-badge>
+            </div>
+            <div>
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >Status</label
+              >
+              <rs-badge :variant="getStatusVariant(notification.status)">
+                {{ notification.status }}
+              </rs-badge>
+            </div>
+            <div>
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >Delivery Type</label
+              >
+              <p class="text-base text-gray-900 dark:text-gray-100 capitalize">
+                {{ notification.deliveryType }}
+              </p>
+            </div>
+            <div>
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >Recipients</label
+              >
+              <p class="text-base text-gray-900 dark:text-gray-100">
+                {{ formatNumber(notification.analytics.totalRecipients) }}
+              </p>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Delivery Channels -->
+      <rs-card>
+        <template #header>
+          <h2 class="text-xl font-semibold">Delivery Channels</h2>
+        </template>
+        <template #body>
+          <div class="flex flex-wrap gap-4">
+            <div
+              v-for="channel in notification.channels"
+              :key="channel"
+              class="flex items-center gap-2 p-3 border rounded-lg bg-gray-50 dark:bg-gray-800"
+            >
+              <Icon :name="getChannelIcon(channel)" size="20" class="text-primary" />
+              <span class="font-medium capitalize">{{ channel }}</span>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Performance Metrics -->
+      <rs-card v-if="notification.status === 'sent' || notification.status === 'sending'">
+        <template #header>
+          <h2 class="text-xl font-semibold">Performance Metrics</h2>
+        </template>
+        <template #body>
+          <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+            <div class="text-center p-4 border rounded-lg">
+              <div class="text-2xl font-bold text-green-600">
+                {{ formatNumber(notification.analytics.deliveredCount) }}
+              </div>
+              <div class="text-sm text-gray-600">Successfully Delivered</div>
+            </div>
+            <div class="text-center p-4 border rounded-lg">
+              <div class="text-2xl font-bold text-red-600">
+                {{ formatNumber(notification.analytics.failedCount) }}
+              </div>
+              <div class="text-sm text-gray-600">Failed</div>
+            </div>
+            <div class="text-center p-4 border rounded-lg">
+              <div class="text-2xl font-bold text-primary">
+                {{ notification.analytics.successRate }}%
+              </div>
+              <div class="text-sm text-gray-600">Success Rate</div>
+            </div>
+          </div>
+
+          <!-- Success Rate Progress Bar -->
+          <div class="mt-6">
+            <div class="flex justify-between text-sm text-gray-600 mb-2">
+              <span>Success Rate</span>
+              <span>{{ notification.analytics.successRate }}%</span>
+            </div>
+            <div class="w-full bg-gray-200 rounded-full h-3">
+              <div
+                class="h-3 rounded-full transition-all duration-300"
+                :class="
+                  notification.analytics.successRate >= 95
+                    ? 'bg-green-500'
+                    : notification.analytics.successRate >= 80
+                    ? 'bg-yellow-500'
+                    : 'bg-red-500'
+                "
+                :style="{ width: notification.analytics.successRate + '%' }"
+              ></div>
+            </div>
+          </div>
+
+          <!-- Additional Metrics -->
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6">
+            <div class="text-center p-4 border rounded-lg">
+              <div class="text-2xl font-bold text-blue-600">
+                {{ notification.analytics.openRate }}%
+              </div>
+              <div class="text-sm text-gray-600">Open Rate</div>
+            </div>
+            <div class="text-center p-4 border rounded-lg">
+              <div class="text-2xl font-bold text-purple-600">
+                {{ notification.analytics.clickRate }}%
+              </div>
+              <div class="text-sm text-gray-600">Click Rate</div>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Scheduling Information -->
+      <rs-card>
+        <template #header>
+          <h2 class="text-xl font-semibold">Scheduling Information</h2>
+        </template>
+        <template #body>
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >Created At</label
+              >
+              <p class="text-base text-gray-900 dark:text-gray-100">
+                {{ formatDateTime(notification.createdAt) }}
+                <span class="text-sm text-gray-500"
+                  >({{ formatTimeAgo(notification.createdAt) }})</span
+                >
+              </p>
+            </div>
+            <div v-if="notification.scheduledAt">
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >Scheduled At</label
+              >
+              <p class="text-base text-gray-900 dark:text-gray-100">
+                {{ formatDateTime(notification.scheduledAt) }}
+              </p>
+            </div>
+            <div v-if="notification.sentAt">
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >Sent At</label
+              >
+              <p class="text-base text-gray-900 dark:text-gray-100">
+                {{ formatDateTime(notification.sentAt) }}
+              </p>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Content Information -->
+      <rs-card v-if="notification.contentType === 'template' && notification.template">
+        <template #header>
+          <h2 class="text-xl font-semibold">Template Information</h2>
+        </template>
+        <template #body>
+          <div class="space-y-4">
+            <div>
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+              >
+                Template Name
+              </label>
+              <p class="text-base text-gray-900 dark:text-gray-100">
+                {{ notification.template.name }}
+              </p>
+            </div>
+            <div v-if="notification.template.subject">
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+              >
+                Email Subject
+              </label>
+              <p class="text-base text-gray-900 dark:text-gray-100">
+                {{ notification.template.subject }}
+              </p>
+            </div>
+            <div v-if="notification.template.pushTitle">
+              <label
+                class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+              >
+                Push Title
+              </label>
+              <p class="text-base text-gray-900 dark:text-gray-100">
+                {{ notification.template.pushTitle }}
+              </p>
+            </div>
+          </div>
+        </template>
+      </rs-card>
+
+      <!-- Custom Content -->
+      <template v-else>
+        <rs-card v-if="notification.emailSubject || notification.emailContent">
+          <template #header>
+            <h2 class="text-xl font-semibold">Email Content</h2>
+          </template>
+          <template #body>
+            <div class="space-y-4">
+              <div v-if="notification.emailSubject">
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Subject
+                </label>
+                <p class="text-base text-gray-900 dark:text-gray-100">
+                  {{ notification.emailSubject }}
+                </p>
+              </div>
+              <div v-if="notification.emailContent">
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Content
+                </label>
+                <div
+                  class="prose dark:prose-invert max-w-none"
+                  v-html="notification.emailContent"
+                ></div>
+              </div>
+              <div v-if="notification.callToActionText && notification.callToActionUrl">
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Call to Action
+                </label>
+                <div class="flex items-center gap-2">
+                  <rs-button as="a" :href="notification.callToActionUrl" target="_blank">
+                    {{ notification.callToActionText }}
+                  </rs-button>
+                </div>
+              </div>
+            </div>
+          </template>
+        </rs-card>
+
+        <rs-card v-if="notification.pushTitle || notification.pushBody">
+          <template #header>
+            <h2 class="text-xl font-semibold">Push Notification Content</h2>
+          </template>
+          <template #body>
+            <div class="space-y-4">
+              <div v-if="notification.pushTitle">
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Title
+                </label>
+                <p class="text-base text-gray-900 dark:text-gray-100">
+                  {{ notification.pushTitle }}
+                </p>
+              </div>
+              <div v-if="notification.pushBody">
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Body
+                </label>
+                <p class="text-base text-gray-900 dark:text-gray-100">
+                  {{ notification.pushBody }}
+                </p>
+              </div>
+              <div v-if="notification.pushImageUrl">
+                <label
+                  class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
+                >
+                  Image
+                </label>
+                <img
+                  :src="notification.pushImageUrl"
+                  alt="Push notification image"
+                  class="max-w-sm rounded-lg"
+                />
+              </div>
+            </div>
+          </template>
+        </rs-card>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+
+definePageMeta({
+  title: "Notification Details",
+  middleware: ["auth"],
+  requiresAuth: true,
+});
+
+// Get route params
+const route = useRoute();
+const router = useRouter();
+const notificationId = route.params.id;
+
+// Reactive data
+const isLoading = ref(true);
+const notification = ref(null);
+
+// Get notifications composable
+const { getNotificationById } = useNotifications();
+
+// Helper functions
+const getChannelIcon = (channel) => {
+  const icons = {
+    email: "material-symbols:mail-outline-rounded",
+    push: "material-symbols:notifications-active-outline-rounded",
+    sms: "material-symbols:sms-outline-rounded",
+    "in-app": "material-symbols:chat-bubble-outline-rounded",
+  };
+  return icons[channel] || "material-symbols:help-outline-rounded";
+};
+
+const getPriorityVariant = (priority) => {
+  const variants = {
+    critical: "danger",
+    high: "warning",
+    medium: "info",
+    low: "secondary",
+  };
+  return variants[priority] || "secondary";
+};
+
+const getStatusVariant = (status) => {
+  const variants = {
+    draft: "secondary",
+    scheduled: "info",
+    sending: "warning",
+    sent: "success",
+    failed: "danger",
+    cancelled: "secondary",
+  };
+  return variants[status] || "secondary";
+};
+
+const formatNumber = (num) => {
+  return new Intl.NumberFormat().format(num);
+};
+
+const formatDateTime = (dateString) => {
+  return new Date(dateString).toLocaleDateString("en-US", {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+};
+
+const formatTimeAgo = (dateString) => {
+  const now = new Date();
+  const date = new Date(dateString);
+  const diffInHours = Math.floor((now - date) / (1000 * 60 * 60));
+
+  if (diffInHours < 1) return "Just now";
+  if (diffInHours < 24) return `${diffInHours}h ago`;
+  if (diffInHours < 48) return "Yesterday";
+
+  const diffInDays = Math.floor(diffInHours / 24);
+  return `${diffInDays}d ago`;
+};
+
+// Methods
+const editNotification = () => {
+  router.push(`/notification/edit/${notificationId}`);
+};
+
+const loadNotification = async () => {
+  isLoading.value = true;
+
+  console.log("Notification ID:", notificationId);
+
+  try {
+    const data = await getNotificationById(notificationId);
+    notification.value = data;
+  } catch (error) {
+    console.error("Error loading notification:", error);
+    notification.value = null;
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// Lifecycle
+onMounted(() => {
+  loadNotification();
+});
+</script>
diff --git a/pages/register/index.vue b/pages/register/index.vue
new file mode 100644
index 0000000..030d813
--- /dev/null
+++ b/pages/register/index.vue
@@ -0,0 +1,241 @@
+<script setup>
+import { ref } from "vue";
+import { RecaptchaV2 } from "vue3-recaptcha-v2";
+import { useSiteSettings } from "@/composables/useSiteSettings";
+
+const { siteSettings, loading: siteSettingsLoading } = useSiteSettings();
+
+definePageMeta({
+  title: "Register",
+  layout: "empty",
+  middleware: ["dashboard"],
+});
+
+const formData = ref({
+  fullName: "",
+  idNumber: "",
+  phoneNumber: "",
+  password: "",
+  confirmPassword: "",
+  email: "",
+  confirmEmail: "",
+  subscribeNewsletter: false,
+  agreeTerms: false,
+});
+
+const register = () => {
+  // Simulate registration without API call
+  console.log("Registration attempted with:", formData.value);
+  // Add your registration logic here
+};
+
+const handleRecaptcha = (response) => {
+  console.log("reCAPTCHA response:", response);
+};
+
+// Get login logo with fallback
+const getLoginLogo = () => {
+  if (siteSettingsLoading.value) {
+    return '/img/logo/corradAF-logo.svg';
+  }
+  return siteSettings.value?.siteLoginLogo || '/img/logo/corradAF-logo.svg';
+};
+
+// Get site name with fallback
+const getSiteName = () => {
+  if (siteSettingsLoading.value) {
+    return 'Login Logo';
+  }
+  return siteSettings.value?.siteName || 'Login Logo';
+};
+</script>
+
+<template>
+  <div
+    class="flex-none md:flex justify-center text-center items-center h-screen"
+  >
+    <div class="w-full md:w-3/4 lg:w-1/2 xl:w-2/6 relative">
+      <rs-card class="h-screen md:h-auto px-10 md:px-16 py-12 md:py-20 mb-0">
+        <div class="text-center mb-8">
+          <div class="img-container flex justify-center items-center mb-5">
+            <img 
+              :src="getLoginLogo()" 
+              :alt="getSiteName()" 
+              class="max-w-[180px] max-h-[60px] object-contain"
+              @error="$event.target.src = '/img/logo/corradAF-logo.svg'"
+            />
+          </div>
+          <h2 class="mt-4 text-2xl font-bold text-gray-700">Daftar Akaun</h2>
+          <p class="text-sm text-gray-500">Semua medan adalah wajib</p>
+        </div>
+
+        <FormKit type="form" :actions="false" @submit="register">
+          <FormKit
+            type="text"
+            name="fullName"
+            placeholder="Nama Penuh"
+            validation="required"
+            :validation-messages="{
+              required: 'Nama Penuh wajib diisi',
+            }"
+          >
+            <template #prefixIcon>
+              <Icon
+                name="ph:user-fill"
+                class="!w-5 !h-5 ml-3 text-gray-500"
+              ></Icon>
+            </template>
+          </FormKit>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-0 md:gap-4">
+            <FormKit
+              type="text"
+              name="idNumber"
+              placeholder="Nombor Mykad / Nombor Pasport"
+              validation="required"
+              :validation-messages="{
+                required: 'Nombor Mykad / Nombor Pasport wajib diisi',
+              }"
+            >
+              <template #prefixIcon>
+                <Icon
+                  name="ph:identification-card-fill"
+                  class="!w-5 !h-5 ml-3 text-gray-500"
+                ></Icon>
+              </template>
+            </FormKit>
+            <FormKit
+              type="tel"
+              name="phoneNumber"
+              placeholder="Nombor Telefon"
+              validation="required"
+              :validation-messages="{
+                required: 'Nombor Telefon wajib diisi',
+              }"
+            >
+              <template #prefixIcon>
+                <Icon
+                  name="ph:device-mobile-camera-fill"
+                  class="!w-5 !h-5 ml-3 text-gray-500"
+                ></Icon>
+              </template>
+            </FormKit>
+          </div>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-0 md:gap-4">
+            <FormKit
+              type="password"
+              name="password"
+              placeholder="Kata Laluan"
+              validation="required"
+              :validation-messages="{
+                required: 'Kata Laluan wajib diisi',
+              }"
+            >
+              <template #prefixIcon>
+                <Icon
+                  name="ph:lock-key-fill"
+                  class="!w-5 !h-5 ml-3 text-gray-500"
+                ></Icon>
+              </template>
+            </FormKit>
+            <FormKit
+              type="password"
+              name="confirmPassword"
+              placeholder="Pengesahan Kata Laluan"
+              validation="required|confirm"
+              :validation-messages="{
+                required: 'Pengesahan Kata Laluan wajib diisi',
+                confirm: 'Kata Laluan tidak sepadan',
+              }"
+              :validation-rules="{
+                confirm: (value) => value === value.password,
+              }"
+            >
+              <template #prefixIcon>
+                <Icon
+                  name="ph:lock-key-fill"
+                  class="!w-5 !h-5 ml-3 text-gray-500"
+                ></Icon>
+              </template>
+            </FormKit>
+          </div>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-0 md:gap-4">
+            <FormKit
+              type="email"
+              name="email"
+              placeholder="Emel"
+              validation="required|email"
+              :validation-messages="{
+                required: 'Emel wajib diisi',
+                email: 'Format emel tidak sah',
+              }"
+            >
+              <template #prefixIcon>
+                <Icon
+                  name="ph:envelope-fill"
+                  class="!w-5 !h-5 ml-3 text-gray-500"
+                ></Icon>
+              </template>
+            </FormKit>
+            <FormKit
+              type="email"
+              name="confirmEmail"
+              placeholder="Pengesahan Emel"
+              validation="required|confirm"
+              :validation-messages="{
+                required: 'Pengesahan Emel wajib diisi',
+                confirm: 'Emel tidak sepadan',
+              }"
+              :validation-rules="{
+                confirm: (value) => value === value.email,
+              }"
+            >
+              <template #prefixIcon>
+                <Icon
+                  name="ph:envelope-fill"
+                  class="!w-5 !h-5 ml-3 text-gray-500"
+                ></Icon>
+              </template>
+            </FormKit>
+          </div>
+
+          <div class="flex justify-start mb-4 mt-2">
+            <RecaptchaV2 @verify="handleRecaptcha" />
+          </div>
+
+          <FormKit
+            type="checkbox"
+            name="subscribeNewsletter"
+            label="Melanggan ke newsletter bulanan"
+          />
+
+          <FormKit
+            type="checkbox"
+            name="agreeTerms"
+            label="Setuju dengan terma perkhidmatan"
+            validation="accepted"
+            :validation-messages="{
+              accepted: 'Anda mesti bersetuju dengan terma perkhidmatan',
+            }"
+          >
+            <template #label>
+              Setuju dengan
+              <a href="#" class="text-blue-600 ml-1">terma perkhidmatan</a>
+            </template>
+          </FormKit>
+
+          <rs-button btn-type="submit" class="w-full"> Daftar Akaun </rs-button>
+        </FormKit>
+
+        <div class="text-center mt-4">
+          <p class="text-sm text-gray-500">
+            Sudah mempunyai akaun?
+            <nuxt-link to="/login" class="text-blue-600">Log Masuk</nuxt-link>
+          </p>
+        </div>
+      </rs-card>
+    </div>
+  </div>
+</template>
diff --git a/plugins/apex-chart.client.js b/plugins/apex-chart.client.js
new file mode 100644
index 0000000..343d647
--- /dev/null
+++ b/plugins/apex-chart.client.js
@@ -0,0 +1,5 @@
+import VueApexCharts from "vue3-apexcharts";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component("VueApexCharts", VueApexCharts);
+});
diff --git a/plugins/chart-js.client.js b/plugins/chart-js.client.js
new file mode 100644
index 0000000..e9eda5b
--- /dev/null
+++ b/plugins/chart-js.client.js
@@ -0,0 +1,7 @@
+// Workaround because chart.js doesn't provide an default export
+import * as ChartJs from "chart.js";
+const { Chart, registerables } = ChartJs;
+
+export default defineNuxtPlugin(() => {
+  Chart.register(...registerables);
+});
diff --git a/plugins/formkit-auto-animate.js b/plugins/formkit-auto-animate.js
new file mode 100644
index 0000000..37dd775
--- /dev/null
+++ b/plugins/formkit-auto-animate.js
@@ -0,0 +1,5 @@
+import { autoAnimatePlugin } from "@formkit/auto-animate/vue";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(autoAnimatePlugin);
+});
diff --git a/plugins/full-calendar.client.js b/plugins/full-calendar.client.js
new file mode 100644
index 0000000..986bf69
--- /dev/null
+++ b/plugins/full-calendar.client.js
@@ -0,0 +1,27 @@
+import "@fullcalendar/core/vdom"; // solve problem with Vite
+import FullCalendar from "@fullcalendar/vue3";
+import interactionPlugin from "@fullcalendar/interaction";
+import dayGridPlugin from "@fullcalendar/daygrid";
+import timeGridPlugin from "@fullcalendar/timegrid";
+import listPlugin from "@fullcalendar/list";
+import scrollGrid from "@fullcalendar/scrollgrid";
+import luxon2Plugin from "@fullcalendar/luxon2";
+
+FullCalendar.options = {
+  plugins: [
+    interactionPlugin,
+    dayGridPlugin,
+    timeGridPlugin,
+    listPlugin,
+    scrollGrid,
+    luxon2Plugin,
+  ],
+};
+
+export default defineNuxtPlugin((/* nuxtApp */) => {
+  return {
+    provide: {
+      FullCalendar,
+    },
+  };
+});
diff --git a/plugins/maska.js b/plugins/maska.js
new file mode 100644
index 0000000..169859f
--- /dev/null
+++ b/plugins/maska.js
@@ -0,0 +1,5 @@
+import Maska from "maska";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(Maska);
+});
diff --git a/plugins/recaptcha.client.js b/plugins/recaptcha.client.js
new file mode 100644
index 0000000..5e072bf
--- /dev/null
+++ b/plugins/recaptcha.client.js
@@ -0,0 +1,8 @@
+import { install } from "vue3-recaptcha-v2";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(install, {
+    sitekey: "6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI",
+    cnDomains: false,
+  });
+});
diff --git a/plugins/site-settings.client.js b/plugins/site-settings.client.js
new file mode 100644
index 0000000..8f82207
--- /dev/null
+++ b/plugins/site-settings.client.js
@@ -0,0 +1,9 @@
+export default defineNuxtPlugin(async () => {
+  // Only run on client side
+  if (process.client) {
+    const { loadSiteSettings } = useSiteSettings();
+    
+    // Load site settings on app initialization
+    await loadSiteSettings();
+  }
+}); 
\ No newline at end of file
diff --git a/plugins/swiper.js b/plugins/swiper.js
new file mode 100644
index 0000000..722898a
--- /dev/null
+++ b/plugins/swiper.js
@@ -0,0 +1,7 @@
+import { Swiper, SwiperSlide } from "swiper/vue";
+import "swiper/css/bundle";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component("Swiper", Swiper);
+  nuxtApp.vueApp.component("SwiperSlide", SwiperSlide);
+});
diff --git a/plugins/uid-plugin.js b/plugins/uid-plugin.js
new file mode 100644
index 0000000..24e036d
--- /dev/null
+++ b/plugins/uid-plugin.js
@@ -0,0 +1,5 @@
+import { UidPlugin } from "@shimyshack/uid";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(UidPlugin);
+});
diff --git a/plugins/v-select.js b/plugins/v-select.js
new file mode 100644
index 0000000..ede656d
--- /dev/null
+++ b/plugins/v-select.js
@@ -0,0 +1,6 @@
+import vSelect from "vue-select";
+import "vue-select/dist/vue-select.css";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component("v-select", vSelect);
+});
diff --git a/plugins/vue-calendar.js b/plugins/vue-calendar.js
new file mode 100644
index 0000000..eb1c2f5
--- /dev/null
+++ b/plugins/vue-calendar.js
@@ -0,0 +1,5 @@
+import VCalendar from "v-calendar";
+import "v-calendar/style.css";
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(VCalendar);
+});
diff --git a/plugins/vue-code-highlight.js b/plugins/vue-code-highlight.js
new file mode 100644
index 0000000..ef0ec1f
--- /dev/null
+++ b/plugins/vue-code-highlight.js
@@ -0,0 +1,8 @@
+import VueCodeHighlight from "vue-code-highlight";
+
+import "vue-code-highlight/themes/prism-okaidia.css";
+import "vue-code-highlight/themes/window.css";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(VueCodeHighlight);
+});
diff --git a/plugins/vue-codemirror.js b/plugins/vue-codemirror.js
new file mode 100644
index 0000000..82838fc
--- /dev/null
+++ b/plugins/vue-codemirror.js
@@ -0,0 +1,6 @@
+import { Codemirror } from "vue-codemirror";
+
+// Install plugin
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component("CodeMirror", Codemirror);
+});
diff --git a/plugins/vue-country-flag.js b/plugins/vue-country-flag.js
new file mode 100644
index 0000000..c0e9a9b
--- /dev/null
+++ b/plugins/vue-country-flag.js
@@ -0,0 +1,7 @@
+// Import vue 3 plugin here
+import CountryFlag from "vue-country-flag-next";
+
+// Install the plugin
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component("CountryFlag", CountryFlag);
+});
diff --git a/plugins/vue-draggable.client.js b/plugins/vue-draggable.client.js
new file mode 100644
index 0000000..58d50a0
--- /dev/null
+++ b/plugins/vue-draggable.client.js
@@ -0,0 +1,5 @@
+import draggable from "vuedraggable";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component("draggable", draggable);
+});
diff --git a/plugins/vue-fullscreen.js b/plugins/vue-fullscreen.js
new file mode 100644
index 0000000..7b50e15
--- /dev/null
+++ b/plugins/vue-fullscreen.js
@@ -0,0 +1,5 @@
+import VueFullscreen from "vue-fullscreen";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(VueFullscreen);
+});
diff --git a/plugins/vue-quill.client.js b/plugins/vue-quill.client.js
new file mode 100644
index 0000000..db49b28
--- /dev/null
+++ b/plugins/vue-quill.client.js
@@ -0,0 +1,7 @@
+import { QuillEditor } from "@vueup/vue-quill";
+import "@vueup/vue-quill/dist/vue-quill.snow.css"; // Add css for snow theme
+// import '@vueup/vue-quill/dist/vue-quill.bubble.css'; // for bubble theme
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component("QuillEditor", QuillEditor);
+});
diff --git a/plugins/vue-sweetalert2.js b/plugins/vue-sweetalert2.js
new file mode 100644
index 0000000..0297888
--- /dev/null
+++ b/plugins/vue-sweetalert2.js
@@ -0,0 +1,6 @@
+import Swal from "sweetalert2";
+import "sweetalert2/dist/sweetalert2.min.css";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.provide("swal", Swal);
+});
diff --git a/plugins/vue-toastification.client.js b/plugins/vue-toastification.client.js
new file mode 100644
index 0000000..ca46118
--- /dev/null
+++ b/plugins/vue-toastification.client.js
@@ -0,0 +1,12 @@
+import Toast from "vue-toastification";
+import "vue-toastification/dist/index.css";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const options = {
+    transition: "Vue-Toastification__bounce",
+    maxToasts: 20,
+    newestOnTop: true,
+  };
+
+  nuxtApp.vueApp.use(Toast, options);
+});
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..a5a6ff8
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: {
+    "postcss-import": {},
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/prisma/migrations/20230808013656_initialize/migration.sql b/prisma/migrations/20230808013656_initialize/migration.sql
new file mode 100644
index 0000000..c611a65
--- /dev/null
+++ b/prisma/migrations/20230808013656_initialize/migration.sql
@@ -0,0 +1,72 @@
+-- CreateTable
+CREATE TABLE `audit` (
+    `auditID` INTEGER NOT NULL AUTO_INCREMENT,
+    `auditIP` VARCHAR(255) NULL,
+    `auditURL` VARCHAR(255) NULL,
+    `auditURLMethod` VARCHAR(255) NULL,
+    `auditURLPayload` VARCHAR(255) NULL,
+    `auditCreatedDate` DATETIME(0) NULL,
+
+    PRIMARY KEY (`auditID`)
+) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
+
+-- CreateTable
+CREATE TABLE `user` (
+    `userID` INTEGER NOT NULL AUTO_INCREMENT,
+    `userSecretKey` VARCHAR(255) NULL,
+    `userUsername` VARCHAR(255) NULL,
+    `userPassword` VARCHAR(255) NULL,
+    `userFullName` VARCHAR(255) NULL,
+    `userEmail` VARCHAR(255) NULL,
+    `userPhone` VARCHAR(255) NULL,
+    `userStatus` VARCHAR(255) NULL,
+    `userCreatedDate` DATETIME(0) NULL,
+    `userModifiedDate` DATETIME(0) NULL,
+
+    PRIMARY KEY (`userID`)
+) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
+
+-- CreateTable
+CREATE TABLE `role` (
+    `roleID` INTEGER NOT NULL AUTO_INCREMENT,
+    `roleName` VARCHAR(255) NULL,
+    `roleDescription` VARCHAR(255) NULL,
+    `roleStatus` VARCHAR(255) NULL,
+    `roleCreatedDate` DATETIME(0) NULL,
+    `roleModifiedDate` DATETIME(0) NULL,
+
+    PRIMARY KEY (`roleID`)
+) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
+
+-- CreateTable
+CREATE TABLE `lookup` (
+    `lookupID` INTEGER NOT NULL AUTO_INCREMENT,
+    `lookupOrder` INTEGER NULL,
+    `lookupTitle` VARCHAR(255) NULL,
+    `lookupRefCode` VARCHAR(255) NULL,
+    `lookupValue` VARCHAR(255) NULL,
+    `lookupType` VARCHAR(255) NULL,
+    `lookupStatus` VARCHAR(255) NULL,
+    `lookupCreatedDate` DATETIME(0) NULL,
+    `lookupModifiedDate` DATETIME(0) NULL,
+
+    PRIMARY KEY (`lookupID`)
+) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
+
+-- CreateTable
+CREATE TABLE `userrole` (
+    `userRoleID` INTEGER NOT NULL AUTO_INCREMENT,
+    `userRoleUserID` INTEGER NOT NULL DEFAULT 0,
+    `userRoleRoleID` INTEGER NOT NULL DEFAULT 0,
+    `userRoleCreatedDate` DATETIME(0) NOT NULL,
+
+    INDEX `FK_userrole_role`(`userRoleRoleID`),
+    INDEX `FK_userrole_user`(`userRoleUserID`),
+    PRIMARY KEY (`userRoleID`)
+) DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
+
+-- AddForeignKey
+ALTER TABLE `userrole` ADD CONSTRAINT `FK_userrole_role` FOREIGN KEY (`userRoleRoleID`) REFERENCES `role`(`roleID`) ON DELETE NO ACTION ON UPDATE NO ACTION;
+
+-- AddForeignKey
+ALTER TABLE `userrole` ADD CONSTRAINT `FK_userrole_user` FOREIGN KEY (`userRoleUserID`) REFERENCES `user`(`userID`) ON DELETE NO ACTION ON UPDATE NO ACTION;
diff --git a/prisma/migrations/migration_lock.toml b/prisma/migrations/migration_lock.toml
new file mode 100644
index 0000000..e5a788a
--- /dev/null
+++ b/prisma/migrations/migration_lock.toml
@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (i.e. Git)
+provider = "mysql"
\ No newline at end of file
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
new file mode 100644
index 0000000..ee0a288
--- /dev/null
+++ b/prisma/schema.prisma
@@ -0,0 +1,419 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "mysql"
+  url      = env("DATABASE_URL")
+}
+
+model audit {
+  auditID          Int       @id @default(autoincrement())
+  auditIP          String?   @db.VarChar(255)
+  auditURL         String?   @db.VarChar(255)
+  auditURLMethod   String?   @db.VarChar(255)
+  auditURLPayload  String?   @db.VarChar(255)
+  auditCreatedDate DateTime? @db.DateTime(0)
+}
+
+model lookup {
+  lookupID           Int       @id @default(autoincrement())
+  lookupOrder        Int?
+  lookupTitle        String?   @db.VarChar(255)
+  lookupRefCode      String?   @db.VarChar(255)
+  lookupValue        String?   @db.VarChar(255)
+  lookupType         String?   @db.VarChar(255)
+  lookupStatus       String?   @db.VarChar(255)
+  lookupCreatedDate  DateTime? @db.DateTime(0)
+  lookupModifiedDate DateTime? @db.DateTime(0)
+}
+
+model role {
+  roleID           Int        @id @default(autoincrement())
+  roleName         String?    @db.VarChar(255)
+  roleDescription  String?    @db.VarChar(255)
+  roleStatus       String?    @db.VarChar(255)
+  roleCreatedDate  DateTime?  @db.DateTime(0)
+  roleModifiedDate DateTime?  @db.DateTime(0)
+  userrole         userrole[]
+}
+
+model user {
+  userID           Int        @id @default(autoincrement())
+  userSecretKey    String?    @db.VarChar(255)
+  userUsername     String?    @db.VarChar(255)
+  userPassword     String?    @db.VarChar(255)
+  userFullName     String?    @db.VarChar(255)
+  userEmail        String?    @db.VarChar(255)
+  userPhone        String?    @db.VarChar(255)
+  userStatus       String?    @db.VarChar(255)
+  userCreatedDate  DateTime?  @db.DateTime(0)
+  userModifiedDate DateTime?  @db.DateTime(0)
+  userrole         userrole[]
+}
+
+model userrole {
+  userRoleID          Int      @id @default(autoincrement())
+  userRoleUserID      Int      @default(0)
+  userRoleRoleID      Int      @default(0)
+  userRoleCreatedDate DateTime @db.DateTime(0)
+  role                role     @relation(fields: [userRoleRoleID], references: [roleID], onDelete: NoAction, onUpdate: NoAction, map: "FK_userrole_role")
+  user                user     @relation(fields: [userRoleUserID], references: [userID], onDelete: NoAction, onUpdate: NoAction, map: "FK_userrole_user")
+
+  @@index([userRoleRoleID], map: "FK_userrole_role")
+  @@index([userRoleUserID], map: "FK_userrole_user")
+}
+
+model site_settings {
+  settingID            Int       @id @default(autoincrement())
+  siteName             String?   @db.VarChar(255)
+  siteNameFontSize     Int?      @default(18)
+  siteDescription      String?   @db.Text
+  siteLogo             String?   @db.VarChar(500)
+  siteLoadingLogo      String?   @db.VarChar(500)
+  siteFavicon          String?   @db.VarChar(500)
+  showSiteNameInHeader Boolean?  @default(true)
+  primaryColor         String?   @db.VarChar(50)
+  secondaryColor       String?   @db.VarChar(50)
+  successColor         String?   @db.VarChar(50)
+  infoColor            String?   @db.VarChar(50)
+  warningColor         String?   @db.VarChar(50)
+  dangerColor          String?   @db.VarChar(50)
+  customCSS            String?   @db.Text
+  themeMode            String?   @db.VarChar(50)
+  customThemeFile      String?   @db.VarChar(500)
+  currentFont          String?   @db.VarChar(255)
+  fontSource           String?   @db.VarChar(500)
+  seoTitle             String?   @db.VarChar(255)
+  seoDescription       String?   @db.Text
+  seoKeywords          String?   @db.Text
+  seoAuthor            String?   @db.VarChar(255)
+  seoOgImage           String?   @db.VarChar(500)
+  seoTwitterCard       String?   @default("summary_large_image") @db.VarChar(50)
+  seoCanonicalUrl      String?   @db.VarChar(500)
+  seoRobots            String?   @default("index, follow") @db.VarChar(100)
+  seoGoogleAnalytics   String?   @db.VarChar(255)
+  seoGoogleTagManager  String?   @db.VarChar(255)
+  seoFacebookPixel     String?   @db.VarChar(255)
+  settingCreatedDate   DateTime? @db.DateTime(0)
+  settingModifiedDate  DateTime? @db.DateTime(0)
+  siteLoginLogo        String?   @db.VarChar(500)
+}
+
+/// This table contains check constraints and requires additional setup for migrations. Visit https://pris.ly/d/check-constraints for more info.
+model notification_analytics {
+  id              String        @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  notification_id String        @db.VarChar(36)
+  channel_type    String        @db.VarChar(20)
+  metric_type     String        @db.VarChar(30)
+  metric_value    Int?          @default(0)
+  recorded_at     DateTime?     @default(now()) @db.Timestamp(0)
+  metadata        Json?
+  notifications   notifications @relation(fields: [notification_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "notification_analytics_ibfk_1")
+
+  @@index([notification_id], map: "idx_notification_analytics_notification_id")
+}
+
+model notification_categories {
+  id            String          @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  name          String          @db.VarChar(100)
+  value         String          @unique(map: "value") @db.VarChar(50)
+  description   String?         @db.Text
+  created_at    DateTime?       @default(now()) @db.Timestamp(0)
+  updated_at    DateTime?       @default(now()) @db.Timestamp(0)
+  notifications notifications[]
+}
+
+/// This table contains check constraints and requires additional setup for migrations. Visit https://pris.ly/d/check-constraints for more info.
+model notification_channels {
+  id              String        @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  notification_id String        @db.VarChar(36)
+  channel_type    String        @db.VarChar(20)
+  is_enabled      Boolean?      @default(true)
+  created_at      DateTime?     @default(now()) @db.Timestamp(0)
+  notifications   notifications @relation(fields: [notification_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "notification_channels_ibfk_1")
+
+  @@index([notification_id], map: "notification_id")
+}
+
+model notification_delivery {
+  id              Int       @id @default(autoincrement())
+  notification_id Int
+  channel_type    String
+  recipient       String
+  is_success      Boolean   @default(false)
+  error_message   String?   @db.Text
+  attempts        Int       @default(0)
+  sent_at         DateTime?
+  delivered_at    DateTime?
+  created_at      DateTime  @default(now())
+  updated_at      DateTime
+}
+
+model notification_delivery_config {
+  id              Int      @id @default(autoincrement())
+  channel_type    String
+  is_enabled      Boolean  @default(false)
+  is_active       Boolean? @default(false)
+  provider        String
+  provider_config Json
+  status          String   @default("Not Configured")
+  success_rate    Float    @default(0) @db.Float
+  created_at      DateTime @default(now())
+  updated_at      DateTime
+  created_by      Int
+  updated_by      Int
+
+  @@unique([channel_type, provider], map: "unique_channel_provider")
+  @@index([channel_type, is_enabled], map: "idx_delivery_config_channel_enabled")
+}
+
+model notification_delivery_settings {
+  id              Int      @id @default(1)
+  auto_retry      Boolean  @default(true)
+  enable_fallback Boolean  @default(true)
+  max_retries     Int      @default(3)
+  retry_delay     Int      @default(30)
+  priority        String   @default("normal")
+  enable_reports  Boolean  @default(true)
+  created_at      DateTime @default(now())
+  updated_at      DateTime
+  created_by      Int
+  updated_by      Int
+}
+
+/// This table contains check constraints and requires additional setup for migrations. Visit https://pris.ly/d/check-constraints for more info.
+model notification_queue {
+  id                      String                  @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  notification_id         String                  @db.VarChar(36)
+  recipient_id            String                  @db.VarChar(36)
+  scheduled_for           DateTime                @db.Timestamp(0)
+  priority                Int?                    @default(5)
+  attempts                Int?                    @default(0)
+  max_attempts            Int?                    @default(3)
+  status                  String?                 @default("queued") @db.VarChar(20)
+  last_attempt_at         DateTime?               @db.Timestamp(0)
+  error_message           String?                 @db.Text
+  created_at              DateTime?               @default(now()) @db.Timestamp(0)
+  updated_at              DateTime?               @default(now()) @db.Timestamp(0)
+  notifications           notifications           @relation(fields: [notification_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "notification_queue_ibfk_1")
+  notification_recipients notification_recipients @relation(fields: [recipient_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "notification_queue_ibfk_2")
+
+  @@index([scheduled_for], map: "idx_notification_queue_scheduled_for")
+  @@index([status], map: "idx_notification_queue_status")
+  @@index([notification_id], map: "notification_id")
+  @@index([recipient_id], map: "recipient_id")
+  @@index([status, scheduled_for, priority, last_attempt_at], map: "idx_queue_processing_composite")
+  @@index([recipient_id], map: "idx_queue_recipient")
+  @@index([status, last_attempt_at], map: "idx_queue_stuck_recovery")
+}
+
+/// This table contains check constraints and requires additional setup for migrations. Visit https://pris.ly/d/check-constraints for more info.
+model notification_recipients {
+  id                 String               @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  notification_id    String               @db.VarChar(36)
+  user_id            String               @db.VarChar(36)
+  email              String?              @db.VarChar(255)
+  channel_type       String               @db.VarChar(20)
+  status             String?              @default("pending") @db.VarChar(20)
+  sent_at            DateTime?            @db.Timestamp(0)
+  delivered_at       DateTime?            @db.Timestamp(0)
+  opened_at          DateTime?            @db.Timestamp(0)
+  clicked_at         DateTime?            @db.Timestamp(0)
+  error_message      String?              @db.Text
+  ab_test_variant    String?              @db.VarChar(1)
+  created_at         DateTime?            @default(now()) @db.Timestamp(0)
+  updated_at         DateTime?            @default(now()) @db.Timestamp(0)
+  notification_queue notification_queue[]
+  notifications      notifications        @relation(fields: [notification_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "notification_recipients_ibfk_1")
+
+  @@index([status], map: "idx_notification_recipients_status")
+  @@index([user_id], map: "idx_notification_recipients_user_id")
+  @@index([notification_id], map: "notification_id")
+  @@index([notification_id, status], map: "idx_recipients_notification_status")
+}
+
+model notification_templates {
+  id                String                           @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  name              String                           @db.VarChar(100)
+  value             String                           @unique(map: "value") @db.VarChar(50)
+  subject           String?                          @db.VarChar(255)
+  email_content     String?                          @db.Text
+  push_title        String?                          @db.VarChar(100)
+  push_body         String?                          @db.VarChar(300)
+  variables         Json?
+  is_active         Int?                             @default(1)
+  created_at        DateTime?                        @default(now()) @db.Timestamp(0)
+  updated_at        DateTime?                        @default(now()) @db.Timestamp(0)
+  description       String?                          @db.Text
+  preheader         String?                          @db.VarChar(255)
+  push_icon         String?                          @db.VarChar(500)
+  push_url          String?                          @db.Text
+  sms_content       String?                          @db.Text
+  category          String?                          @db.VarChar(50)
+  channels          Json?
+  status            String?                          @default("Draft") @db.VarChar(20)
+  version           String?                          @default("1.0") @db.VarChar(20)
+  tags              String?                          @db.Text
+  is_personal       Boolean?                         @default(false)
+  from_name         String?                          @db.VarChar(100)
+  reply_to          String?                          @db.VarChar(255)
+  track_opens       Boolean?                         @default(true)
+  created_by        String?                          @db.VarChar(36)
+  updated_by        String?                          @db.VarChar(36)
+  template_versions notification_template_versions[]
+  notifications     notifications[]
+}
+
+model notification_template_versions {
+  id                 String                 @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  template_id        String                 @db.VarChar(36)
+  version            String                 @db.VarChar(20)
+  name               String                 @db.VarChar(100)
+  description        String?                @db.Text
+  subject            String?                @db.VarChar(255)
+  preheader          String?                @db.VarChar(255)
+  email_content      String?                @db.Text
+  push_title         String?                @db.VarChar(100)
+  push_body          String?                @db.VarChar(300)
+  push_icon          String?                @db.VarChar(500)
+  push_url           String?                @db.Text
+  sms_content        String?                @db.Text
+  category           String?                @db.VarChar(50)
+  channels           Json?
+  status             String?                @default("Draft") @db.VarChar(20)
+  tags               String?                @db.Text
+  is_personal        Boolean?               @default(false)
+  from_name          String?                @db.VarChar(100)
+  reply_to           String?                @db.VarChar(255)
+  track_opens        Boolean?               @default(true)
+  variables          Json?
+  is_active          Boolean?               @default(true)
+  change_description String?                @db.Text
+  is_current         Boolean?               @default(false)
+  created_by         String?                @db.VarChar(36)
+  created_at         DateTime?              @default(now()) @db.Timestamp(0)
+  template           notification_templates @relation(fields: [template_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "fk_template_versions_template_id")
+
+  @@index([template_id], map: "idx_template_versions_template_id")
+  @@index([version], map: "idx_template_versions_version")
+  @@index([created_at], map: "idx_template_versions_created_at")
+  @@index([template_id, version], map: "idx_template_versions_template_version")
+  @@index([is_current], map: "idx_template_versions_is_current")
+}
+
+model notification_user_segments {
+  id              String        @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  notification_id String        @db.VarChar(36)
+  segment_id      String        @db.VarChar(36)
+  created_at      DateTime?     @default(now()) @db.Timestamp(0)
+  notifications   notifications @relation(fields: [notification_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "notification_user_segments_ibfk_1")
+  user_segments   user_segments @relation(fields: [segment_id], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "notification_user_segments_ibfk_2")
+
+  @@index([notification_id], map: "notification_id")
+  @@index([segment_id], map: "segment_id")
+}
+
+/// This table contains check constraints and requires additional setup for migrations. Visit https://pris.ly/d/check-constraints for more info.
+model notifications {
+  id                         String                       @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  title                      String                       @db.VarChar(255)
+  type                       String                       @db.VarChar(20)
+  priority                   String                       @db.VarChar(20)
+  category_id                String?                      @db.VarChar(36)
+  status                     String?                      @default("draft") @db.VarChar(20)
+  delivery_type              String                       @db.VarChar(20)
+  scheduled_at               DateTime?                    @db.Timestamp(0)
+  timezone                   String?                      @default("UTC") @db.VarChar(50)
+  expires_at                 DateTime?                    @db.Timestamp(0)
+  enable_ab_testing          Boolean?                     @default(false)
+  ab_test_split              Int?                         @default(50)
+  ab_test_name               String?                      @db.VarChar(100)
+  enable_tracking            Boolean?                     @default(true)
+  audience_type              String                       @db.VarChar(20)
+  specific_users             String?                      @db.Text
+  user_status                String?                      @db.VarChar(20)
+  registration_period        String?                      @db.VarChar(50)
+  exclude_unsubscribed       Boolean?                     @default(true)
+  respect_do_not_disturb     Boolean?                     @default(true)
+  content_type               String                       @db.VarChar(20)
+  template_id                String?                      @db.VarChar(36)
+  email_subject              String?                      @db.VarChar(255)
+  email_content              String?                      @db.Text
+  call_to_action_text        String?                      @db.VarChar(100)
+  call_to_action_url         String?                      @db.Text
+  push_title                 String?                      @db.VarChar(100)
+  push_body                  String?                      @db.VarChar(300)
+  push_image_url             String?                      @db.Text
+  estimated_reach            Int?                         @default(0)
+  actual_sent                Int?                         @default(0)
+  created_by                 String                       @db.VarChar(36)
+  created_at                 DateTime?                    @default(now()) @db.Timestamp(0)
+  updated_at                 DateTime?                    @default(now()) @db.Timestamp(0)
+  sent_at                    DateTime?                    @db.Timestamp(0)
+  notification_analytics     notification_analytics[]
+  notification_channels      notification_channels[]
+  notification_queue         notification_queue[]
+  notification_recipients    notification_recipients[]
+  notification_user_segments notification_user_segments[]
+  notification_categories    notification_categories?     @relation(fields: [category_id], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "notifications_ibfk_1")
+  notification_templates     notification_templates?      @relation(fields: [template_id], references: [id], onDelete: NoAction, onUpdate: NoAction, map: "notifications_ibfk_2")
+
+  @@index([category_id], map: "category_id")
+  @@index([created_by], map: "idx_notifications_created_by")
+  @@index([scheduled_at], map: "idx_notifications_scheduled_at")
+  @@index([status], map: "idx_notifications_status")
+  @@index([template_id], map: "template_id")
+}
+
+model user_notification_preferences {
+  id                   String    @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  user_id              String    @db.VarChar(36)
+  channel_type         String    @db.VarChar(20)
+  category_value       String?   @db.VarChar(50)
+  is_enabled           Boolean?  @default(true)
+  do_not_disturb_start DateTime? @db.Time(0)
+  do_not_disturb_end   DateTime? @db.Time(0)
+  timezone             String?   @default("UTC") @db.VarChar(50)
+  created_at           DateTime? @default(now()) @db.Timestamp(0)
+  updated_at           DateTime? @default(now()) @db.Timestamp(0)
+
+  @@unique([user_id, channel_type, category_value], map: "user_id")
+  @@index([user_id], map: "idx_user_notification_preferences_user_id")
+}
+
+model user_segments {
+  id                         String                       @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  name                       String                       @db.VarChar(100)
+  value                      String                       @unique(map: "value") @db.VarChar(50)
+  description                String?                      @db.Text
+  criteria                   Json
+  is_active                  Boolean?                     @default(true)
+  created_at                 DateTime?                    @default(now()) @db.Timestamp(0)
+  updated_at                 DateTime?                    @default(now()) @db.Timestamp(0)
+  notification_user_segments notification_user_segments[]
+}
+
+model notification_logs {
+  id              String    @id @default(dbgenerated("(uuid())")) @db.VarChar(36)
+  notification_id String?   @db.VarChar(36)
+  action          String    @db.VarChar(50)
+  actor           String?   @db.VarChar(100)
+  actor_id        String?   @db.VarChar(36)
+  channel_type    String?   @db.VarChar(20)
+  status          String?   @db.VarChar(30)
+  details         String?   @db.Text
+  source_ip       String?   @db.VarChar(50)
+  error_code      String?   @db.VarChar(50)
+  error_message   String?   @db.Text
+  metadata        Json?
+  created_at      DateTime? @default(now()) @db.Timestamp(0)
+
+  @@index([notification_id], map: "idx_notification_logs_notification_id")
+  @@index([action], map: "idx_notification_logs_action")
+  @@index([created_at], map: "idx_notification_logs_created_at")
+  @@index([status], map: "idx_notification_logs_status")
+  @@index([channel_type], map: "idx_notification_logs_channel_type")
+  @@index([notification_id, created_at], map: "idx_logs_notification_created")
+  @@index([status, created_at], map: "idx_logs_status_created")
+}
diff --git a/scripts/cleanup-connections.js b/scripts/cleanup-connections.js
new file mode 100644
index 0000000..3267cc0
--- /dev/null
+++ b/scripts/cleanup-connections.js
@@ -0,0 +1,24 @@
+#!/usr/bin/env node
+
+/**
+ * Cleanup script to disconnect all Prisma connections
+ * Run this before restarting the server if you have connection pool issues
+ */
+
+const { PrismaClient } = require('@prisma/client');
+
+async function cleanup() {
+  const prisma = new PrismaClient();
+
+  try {
+    console.log('🔌 Disconnecting Prisma client...');
+    await prisma.$disconnect();
+    console.log('✅ Prisma client disconnected successfully');
+    process.exit(0);
+  } catch (error) {
+    console.error('❌ Error disconnecting Prisma:', error);
+    process.exit(1);
+  }
+}
+
+cleanup();
diff --git a/scripts/run-migration.js b/scripts/run-migration.js
new file mode 100644
index 0000000..d13a38f
--- /dev/null
+++ b/scripts/run-migration.js
@@ -0,0 +1,71 @@
+const fs = require('fs');
+const path = require('path');
+const mysql = require('mysql2/promise');
+
+// Database configuration - you should update these with your actual database credentials
+const dbConfig = {
+  host: process.env.DB_HOST || 'localhost',
+  port: process.env.DB_PORT || 3306,
+  user: process.env.DB_USER || 'root',
+  password: process.env.DB_PASSWORD || '',
+  database: process.env.DB_NAME || 'corrad_af_2024',
+  multipleStatements: true
+};
+
+async function runMigration() {
+  let connection;
+  
+  try {
+    console.log('🔄 Connecting to database...');
+    connection = await mysql.createConnection(dbConfig);
+    
+    console.log('✅ Connected to database successfully');
+    
+    // Read the migration file
+    const migrationPath = path.join(__dirname, '..', 'database', 'migrations', '004_create_notification_logs_table.sql');
+    const migrationSQL = fs.readFileSync(migrationPath, 'utf8');
+    
+    console.log('📄 Running migration: 004_create_notification_logs_table.sql');
+    
+    // Execute the migration
+    const [results] = await connection.execute(migrationSQL);
+    
+    console.log('✅ Migration completed successfully');
+    console.log('🎉 Notification logs table created');
+    
+    // Optional: Check if the table was created
+    const [tables] = await connection.execute('SHOW TABLES LIKE "notification_logs"');
+    
+    if (tables.length > 0) {
+      console.log('✅ Table "notification_logs" confirmed to exist');
+      
+      // Show table structure
+      const [columns] = await connection.execute('DESCRIBE notification_logs');
+      console.log('📋 Table structure:');
+      columns.forEach(col => {
+        console.log(`  - ${col.Field}: ${col.Type} ${col.Null === 'YES' ? 'NULL' : 'NOT NULL'} ${col.Key ? `(${col.Key})` : ''}`);
+      });
+    } else {
+      console.log('❌ Table "notification_logs" was not found');
+    }
+    
+  } catch (error) {
+    console.error('❌ Migration failed:', error.message);
+    console.error('Stack trace:', error.stack);
+    process.exit(1);
+  } finally {
+    if (connection) {
+      await connection.end();
+      console.log('🔌 Database connection closed');
+    }
+  }
+}
+
+// Run the migration
+console.log('🚀 Starting database migration for notification logs...');
+runMigration().then(() => {
+  console.log('✅ Migration process completed successfully');
+}).catch(error => {
+  console.error('❌ Migration process failed:', error);
+  process.exit(1);
+}); 
\ No newline at end of file
diff --git a/scripts/seed-templates.js b/scripts/seed-templates.js
new file mode 100644
index 0000000..e749842
--- /dev/null
+++ b/scripts/seed-templates.js
@@ -0,0 +1,184 @@
+const { PrismaClient } = require('@prisma/client');
+
+const prisma = new PrismaClient();
+
+const sampleTemplates = [
+  {
+    name: "Welcome Email",
+    value: "welcome_email",
+    description: "Welcome email for new users",
+    subject: "Welcome to our platform!",
+    preheader: "Get started with your new account",
+    email_content: `
+      <h1>Welcome {{user_name}}!</h1>
+      <p>Thank you for joining our platform. We're excited to have you aboard!</p>
+      <p>Here are some things you can do to get started:</p>
+      <ul>
+        <li>Complete your profile</li>
+        <li>Explore our features</li>
+        <li>Connect with other users</li>
+      </ul>
+      <p>If you have any questions, feel free to reach out to our support team.</p>
+      <p>Best regards,<br>The Team</p>
+    `,
+    category: "user_management",
+    channels: ["email"],
+    status: "Active",
+    version: "1.0",
+    is_personal: false,
+    from_name: "Welcome Team",
+    reply_to: "support@example.com",
+    track_opens: true,
+    variables: [
+      { name: "user_name", description: "User's full name", required: true },
+      { name: "user_email", description: "User's email address", required: true }
+    ],
+    is_active: true,
+    created_by: "system",
+    updated_by: "system"
+  },
+  {
+    name: "Password Reset",
+    value: "password_reset",
+    description: "Password reset notification",
+    subject: "Reset your password",
+    preheader: "You requested a password reset",
+    email_content: `
+      <h1>Password Reset Request</h1>
+      <p>Hi {{user_name}},</p>
+      <p>You recently requested to reset your password. Click the button below to proceed:</p>
+      <p><a href="{{reset_url}}" style="background: #007bff; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;">Reset Password</a></p>
+      <p>If you didn't request this, please ignore this email.</p>
+      <p>This link will expire in 24 hours.</p>
+    `,
+    category: "security",
+    channels: ["email"],
+    status: "Active",
+    version: "1.0",
+    is_personal: false,
+    from_name: "Security Team",
+    reply_to: "security@example.com",
+    track_opens: true,
+    variables: [
+      { name: "user_name", description: "User's full name", required: true },
+      { name: "reset_url", description: "Password reset URL", required: true }
+    ],
+    is_active: true,
+    created_by: "system",
+    updated_by: "system"
+  },
+  {
+    name: "Order Confirmation",
+    value: "order_confirmation",
+    description: "Order confirmation notification",
+    subject: "Order Confirmed - {{order_number}}",
+    preheader: "Your order has been confirmed",
+    email_content: `
+      <h1>Order Confirmation</h1>
+      <p>Hi {{customer_name}},</p>
+      <p>Your order <strong>{{order_number}}</strong> has been confirmed!</p>
+      <p>Order Total: <strong>{{order_total}}</strong></p>
+      <p>Estimated delivery: {{delivery_date}}</p>
+      <p>You can track your order status in your account dashboard.</p>
+      <p>Thank you for your business!</p>
+    `,
+    push_title: "Order Confirmed!",
+    push_body: "Your order {{order_number}} has been confirmed and is being processed.",
+    category: "orders",
+    channels: ["email", "push"],
+    status: "Active",
+    version: "1.0",
+    is_personal: false,
+    from_name: "Orders Team",
+    reply_to: "orders@example.com",
+    track_opens: true,
+    variables: [
+      { name: "customer_name", description: "Customer's name", required: true },
+      { name: "order_number", description: "Order number", required: true },
+      { name: "order_total", description: "Order total amount", required: true },
+      { name: "delivery_date", description: "Estimated delivery date", required: true }
+    ],
+    is_active: true,
+    created_by: "system",
+    updated_by: "system"
+  },
+  {
+    name: "Marketing Newsletter",
+    value: "marketing_newsletter",
+    description: "Monthly marketing newsletter",
+    subject: "{{newsletter_title}} - Don't miss out!",
+    preheader: "Exclusive offers and updates inside",
+    email_content: `
+      <h1>{{newsletter_title}}</h1>
+      <p>Hi {{subscriber_name}},</p>
+      <p>Here are this month's highlights:</p>
+      <div>{{newsletter_content}}</div>
+      <p>Don't forget to follow us on social media for daily updates!</p>
+      <p>Best regards,<br>Marketing Team</p>
+      <p><small><a href="{{unsubscribe_url}}">Unsubscribe</a></small></p>
+    `,
+    category: "marketing",
+    channels: ["email"],
+    status: "Draft",
+    version: "1.0",
+    is_personal: false,
+    from_name: "Marketing Team",
+    reply_to: "marketing@example.com",
+    track_opens: true,
+    variables: [
+      { name: "subscriber_name", description: "Subscriber's name", required: true },
+      { name: "newsletter_title", description: "Newsletter title", required: true },
+      { name: "newsletter_content", description: "Newsletter content", required: true },
+      { name: "unsubscribe_url", description: "Unsubscribe URL", required: true }
+    ],
+    is_active: false,
+    created_by: "system",
+    updated_by: "system"
+  }
+];
+
+async function seedTemplates() {
+  try {
+    console.log('Starting to seed notification templates...');
+    
+    // Clear existing sample data
+    await prisma.notification_templates.deleteMany({
+      where: {
+        created_by: "system"
+      }
+    });
+    
+    console.log('Cleared existing sample templates');
+    
+    // Insert sample templates
+    for (const template of sampleTemplates) {
+      const created = await prisma.notification_templates.create({
+        data: template
+      });
+      console.log(`Created template: ${created.name} (${created.id})`);
+    }
+    
+    console.log(`Successfully seeded ${sampleTemplates.length} notification templates!`);
+    
+  } catch (error) {
+    console.error('Error seeding templates:', error);
+    throw error;
+  } finally {
+    await prisma.$disconnect();
+  }
+}
+
+// Run the seeding
+if (require.main === module) {
+  seedTemplates()
+    .then(() => {
+      console.log('Seeding completed successfully!');
+      process.exit(0);
+    })
+    .catch((error) => {
+      console.error('Seeding failed:', error);
+      process.exit(1);
+    });
+}
+
+module.exports = seedTemplates; 
\ No newline at end of file
diff --git a/scripts/setup-aws-ses-config.sql b/scripts/setup-aws-ses-config.sql
new file mode 100644
index 0000000..4088084
--- /dev/null
+++ b/scripts/setup-aws-ses-config.sql
@@ -0,0 +1,60 @@
+-- Setup AWS SES SMTP Configuration in Database
+-- This script configures the notification_delivery_config table with AWS SES settings
+
+-- Insert or update AWS SES configuration for email channel
+INSERT INTO notification_delivery_config
+(channel_type, is_enabled, provider, provider_config, status, success_rate, created_by, updated_by, created_at, updated_at)
+VALUES (
+  'email',
+  true,
+  'AWS SES',
+  JSON_OBJECT(
+    'host', 'email-smtp.us-east-1.amazonaws.com',
+    'port', 587,
+    'secure', false,
+    'user', 'YOUR_AWS_SES_SMTP_USERNAME',
+    'pass', 'YOUR_AWS_SES_SMTP_PASSWORD',
+    'senderEmail', 'noreply@yourcompany.com',
+    'senderName', 'Your Company Name',
+    'region', 'us-east-1',
+    'configurationSet', ''
+  ),
+  'Active',
+  0.0,
+  1,
+  1,
+  NOW(),
+  NOW()
+)
+ON DUPLICATE KEY UPDATE
+  is_enabled = true,
+  provider = 'AWS SES',
+  provider_config = JSON_OBJECT(
+    'host', 'email-smtp.us-east-1.amazonaws.com',
+    'port', 587,
+    'secure', false,
+    'user', 'YOUR_AWS_SES_SMTP_USERNAME',
+    'pass', 'YOUR_AWS_SES_SMTP_PASSWORD',
+    'senderEmail', 'noreply@yourcompany.com',
+    'senderName', 'Your Company Name',
+    'region', 'us-east-1',
+    'configurationSet', ''
+  ),
+  status = 'Active',
+  updated_by = 1,
+  updated_at = NOW();
+
+-- Verify the configuration
+SELECT
+  id,
+  channel_type,
+  is_enabled,
+  provider,
+  status,
+  JSON_EXTRACT(provider_config, '$.host') as smtp_host,
+  JSON_EXTRACT(provider_config, '$.port') as smtp_port,
+  JSON_EXTRACT(provider_config, '$.region') as aws_region,
+  created_at,
+  updated_at
+FROM notification_delivery_config
+WHERE channel_type = 'email';
diff --git a/scripts/setup-mailtrap-config.sql b/scripts/setup-mailtrap-config.sql
new file mode 100644
index 0000000..0a5b34b
--- /dev/null
+++ b/scripts/setup-mailtrap-config.sql
@@ -0,0 +1,56 @@
+-- Setup Mailtrap SMTP Configuration in Database
+-- This script configures the notification_delivery_config table with Mailtrap settings
+
+-- Insert or update Mailtrap configuration for email channel
+INSERT INTO notification_delivery_config
+(channel_type, is_enabled, provider, provider_config, status, success_rate, created_by, updated_by, created_at, updated_at)
+VALUES (
+  'email',
+  true,
+  'Mailtrap',
+  JSON_OBJECT(
+    'host', 'live.smtp.mailtrap.io',
+    'port', 587,
+    'secure', false,
+    'user', 'apismtp@mailtrap.io',
+    'pass', '8ec4d16f282740da5ddfc7ef7a3ca87b',
+    'senderEmail', 'noreply@yourcompany.com',
+    'senderName', 'Your Company Name'
+  ),
+  'Active',
+  0.0,
+  1,
+  1,
+  NOW(),
+  NOW()
+)
+ON DUPLICATE KEY UPDATE
+  is_enabled = true,
+  provider = 'Mailtrap',
+  provider_config = JSON_OBJECT(
+    'host', 'live.smtp.mailtrap.io',
+    'port', 587,
+    'secure', false,
+    'user', 'apismtp@mailtrap.io',
+    'pass', '8ec4d16f282740da5ddfc7ef7a3ca87b',
+    'senderEmail', 'noreply@yourcompany.com',
+    'senderName', 'Your Company Name'
+  ),
+  status = 'Active',
+  updated_by = 1,
+  updated_at = NOW();
+
+-- Verify the configuration
+SELECT
+  id,
+  channel_type,
+  is_enabled,
+  provider,
+  status,
+  JSON_EXTRACT(provider_config, '$.host') as smtp_host,
+  JSON_EXTRACT(provider_config, '$.port') as smtp_port,
+  JSON_EXTRACT(provider_config, '$.user') as smtp_user,
+  created_at,
+  updated_at
+FROM notification_delivery_config
+WHERE channel_type = 'email';
diff --git a/scripts/test-api.js b/scripts/test-api.js
new file mode 100644
index 0000000..0b7de03
--- /dev/null
+++ b/scripts/test-api.js
@@ -0,0 +1,206 @@
+const { PrismaClient } = require('@prisma/client');
+
+const prisma = new PrismaClient();
+
+async function testDatabaseConnection() {
+  try {
+    console.log('Testing database connection...');
+    
+    // Test basic connection
+    await prisma.$connect();
+    console.log('✅ Database connection successful');
+    
+    // Check if notification_templates table exists
+    const tableInfo = await prisma.$queryRaw`
+      SELECT COUNT(*) as count 
+      FROM information_schema.tables 
+      WHERE table_schema = DATABASE() 
+      AND table_name = 'notification_templates'
+    `;
+    
+    console.log('Table exists check:', tableInfo);
+    
+    // Check current data in the table
+    const count = await prisma.notification_templates.count();
+    console.log(`📊 Current templates count: ${count}`);
+    
+    // Fetch all templates to see what we have
+    const templates = await prisma.notification_templates.findMany({
+      select: {
+        id: true,
+        name: true,
+        value: true,
+        status: true,
+        category: true,
+        channels: true,
+        created_at: true
+      }
+    });
+    
+    console.log('📝 Current templates:', JSON.stringify(templates, null, 2));
+    
+    return { success: true, count, templates };
+    
+  } catch (error) {
+    console.error('❌ Database test failed:', error);
+    return { success: false, error: error.message };
+  } finally {
+    await prisma.$disconnect();
+  }
+}
+
+async function testAPILogic() {
+  try {
+    console.log('\n🧪 Testing API logic...');
+    
+    // Simulate the API endpoint logic
+    const queryParams = {
+      page: 1,
+      limit: 10,
+      sortBy: "created_at",
+      sortOrder: "desc"
+    };
+    
+    console.log('Query params:', queryParams);
+    
+    // Build where clause (same as API)
+    const whereClause = {};
+    
+    // Calculate pagination
+    const skip = (queryParams.page - 1) * queryParams.limit;
+    
+    // Get total count
+    const totalCount = await prisma.notification_templates.count({
+      where: whereClause
+    });
+    
+    console.log(`📊 Total count: ${totalCount}`);
+    
+    // Fetch templates
+    const templates = await prisma.notification_templates.findMany({
+      where: whereClause,
+      orderBy: {
+        [queryParams.sortBy]: queryParams.sortOrder
+      },
+      skip: skip,
+      take: queryParams.limit,
+      select: {
+        id: true,
+        name: true,
+        value: true,
+        description: true,
+        subject: true,
+        category: true,
+        channels: true,
+        status: true,
+        version: true,
+        tags: true,
+        is_personal: true,
+        is_active: true,
+        created_by: true,
+        created_at: true,
+        updated_at: true
+      }
+    });
+    
+    console.log(`📝 Fetched ${templates.length} templates`);
+    
+    // Format the response data (same as API)
+    const formattedTemplates = templates.map(template => ({
+      id: template.id,
+      title: template.name,
+      value: template.value,
+      description: template.description,
+      subject: template.subject,
+      category: template.category,
+      channels: template.channels || [],
+      status: template.status,
+      version: template.version,
+      tags: template.tags ? template.tags.split(',').map(tag => tag.trim()) : [],
+      isPersonal: template.is_personal,
+      isActive: template.is_active,
+      createdBy: template.created_by,
+      createdAt: template.created_at,
+      updatedAt: template.updated_at
+    }));
+    
+    // Calculate pagination info
+    const totalPages = Math.ceil(totalCount / queryParams.limit);
+    const hasNextPage = queryParams.page < totalPages;
+    const hasPrevPage = queryParams.page > 1;
+    
+    const apiResponse = {
+      success: true,
+      data: {
+        templates: formattedTemplates,
+        pagination: {
+          page: queryParams.page,
+          limit: queryParams.limit,
+          totalCount,
+          totalPages,
+          hasNextPage,
+          hasPrevPage
+        }
+      }
+    };
+    
+    console.log('🚀 Simulated API Response structure:');
+    console.log(`  success: ${apiResponse.success}`);
+    console.log(`  data: ${apiResponse.data ? 'exists' : 'undefined'}`);
+    console.log(`  data.templates: ${apiResponse.data?.templates ? `array with ${apiResponse.data.templates.length} items` : 'undefined'}`);
+    console.log(`  data.pagination: ${apiResponse.data?.pagination ? 'exists' : 'undefined'}`);
+    
+    return apiResponse;
+    
+  } catch (error) {
+    console.error('❌ API logic test failed:', error);
+    return {
+      success: false,
+      error: error.message
+    };
+  }
+}
+
+async function runAllTests() {
+  console.log('🔍 Starting API debugging tests...\n');
+  
+  // Test 1: Database connection and data
+  const dbTest = await testDatabaseConnection();
+  
+  // Test 2: API logic simulation
+  const apiTest = await testAPILogic();
+  
+  console.log('\n📋 Test Summary:');
+  console.log(`Database connection: ${dbTest.success ? '✅ PASS' : '❌ FAIL'}`);
+  console.log(`API logic simulation: ${apiTest.success ? '✅ PASS' : '❌ FAIL'}`);
+  
+  if (!dbTest.success || !apiTest.success) {
+    console.log('\n🔧 Recommended actions:');
+    if (!dbTest.success) {
+      console.log('  - Check database connection string');
+      console.log('  - Ensure database server is running');
+      console.log('  - Run database migrations');
+    }
+    if (!apiTest.success) {
+      console.log('  - Check API endpoint implementation');
+      console.log('  - Verify Prisma client setup');
+    }
+  }
+  
+  return { dbTest, apiTest };
+}
+
+// Run the tests
+if (require.main === module) {
+  runAllTests()
+    .then(() => {
+      console.log('\n✅ Debugging tests completed!');
+      process.exit(0);
+    })
+    .catch((error) => {
+      console.error('\n❌ Debugging tests failed:', error);
+      process.exit(1);
+    });
+}
+
+module.exports = runAllTests; 
\ No newline at end of file
diff --git a/server/api/analyze-asnaf.post.ts b/server/api/analyze-asnaf.post.ts
new file mode 100644
index 0000000..2034b0e
--- /dev/null
+++ b/server/api/analyze-asnaf.post.ts
@@ -0,0 +1,124 @@
+import { defineEventHandler, readBody } from 'h3';
+
+// Define an interface for the expected request body (subset of AsnafProfile)
+interface AsnafAnalysisRequest {
+  monthlyIncome: string;
+  otherIncome: string;
+  totalIncome: string;
+  occupation: string;
+  maritalStatus: string;
+  dependents: Array<any>; // Or a more specific type if you have one for dependents
+  // Add any other fields you deem necessary for OpenAI to analyze
+}
+
+interface AidSuggestion {
+  nama: string;
+  peratusan: string;
+}
+
+// Define an interface for the expected OpenAI response structure (and our API response)
+interface AsnafAnalysisResponse {
+  hadKifayahPercentage: string;
+  kategoriAsnaf: string;
+  kategoriKeluarga: string;
+  cadanganKategori: string;
+  statusKelayakan: string;
+  cadanganBantuan: AidSuggestion[];
+  ramalanJangkaMasaPulih: string;
+  rumusan: string;
+}
+
+export default defineEventHandler(async (event): Promise<AsnafAnalysisResponse> => {
+  const body = await readBody<AsnafAnalysisRequest>(event);
+
+  // --- Placeholder for Actual OpenAI API Call ---
+  // In a real application, you would:
+  // 1. Retrieve your OpenAI API key securely (e.g., from environment variables)
+  const openAIApiKey = process.env.OPENAI_API_KEY;
+  if (!openAIApiKey) {
+    console.error('OpenAI API key not configured. Please set OPENAI_API_KEY in your .env file.');
+    throw createError({ statusCode: 500, statusMessage: 'OpenAI API key not configured' });
+  }
+  
+  // 2. Construct the prompt for OpenAI using the data from `body`.
+  //    IMPORTANT: Sanitize or carefully construct any data from `body` included in the prompt to prevent prompt injection.
+  const prompt = `You are an expert Zakat administrator. Based on the following applicant data: monthlyIncome: ${body.monthlyIncome}, totalIncome: ${body.totalIncome}, occupation: ${body.occupation}, maritalStatus: ${body.maritalStatus}, dependents: ${body.dependents.length}. 
+Return JSON with keys: hadKifayahPercentage, kategoriAsnaf, kategoriKeluarga, cadanganKategori, statusKelayakan, cadanganBantuan, ramalanJangkaMasaPulih, rumusan. 
+For 'cadanganBantuan', provide a JSON array of objects, where each object has a 'nama' (string, name of the aid) and 'peratusan' (string, e.g., '85%', representing suitability). Suggest 2-3 most relevant aid types. 
+Example for cadanganBantuan: [{"nama": "Bantuan Kewangan Bulanan", "peratusan": "90%"}, {"nama": "Bantuan Makanan Asas", "peratusan": "75%"}].
+Full JSON Example: {"hadKifayahPercentage": "75%", ..., "cadanganBantuan": [{"nama": "Bantuan Kewangan Bulanan", "peratusan": "90%"}], ...}`;
+  //    Adjust the prompt to be more detailed and specific to your needs and desired JSON output structure.
+
+  // 3. Make the API call to OpenAI
+  try {
+    const openAIResponse = await fetch('https://api.openai.com/v1/chat/completions', { 
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${openAIApiKey}`,
+      },
+      body: JSON.stringify({
+        model: 'gpt-3.5-turbo', // Or your preferred model like gpt-4
+        messages: [{ role: 'user', content: prompt }],
+        // For more consistent JSON output, consider using a model version that officially supports JSON mode if available
+        // and set response_format: { type: "json_object" }, (check OpenAI documentation for model compatibility)
+      }),
+    });
+
+    if (!openAIResponse.ok) {
+      const errorData = await openAIResponse.text();
+      console.error('OpenAI API Error details:', errorData);
+      throw createError({ statusCode: openAIResponse.status, statusMessage: `Failed to get analysis from OpenAI: ${openAIResponse.statusText}` });
+    }
+
+    const openAIData = await openAIResponse.json();
+    
+    // Parse the content from the response - structure might vary slightly based on OpenAI model/API version
+    // It's common for the JSON string to be in openAIData.choices[0].message.content
+    if (openAIData.choices && openAIData.choices[0] && openAIData.choices[0].message && openAIData.choices[0].message.content) {
+      const analysisResult = JSON.parse(openAIData.choices[0].message.content) as AsnafAnalysisResponse;
+      return analysisResult;
+    } else {
+      console.error('OpenAI response structure not as expected:', openAIData);
+      throw createError({ statusCode: 500, statusMessage: 'Unexpected response structure from OpenAI' });
+    }
+
+  } catch (error) {
+    console.error('Error during OpenAI API call or parsing:', error);
+    // Avoid exposing detailed internal errors to the client if they are not createError objects
+    if (typeof error === 'object' && error !== null && 'statusCode' in error) {
+        // We can infer error has statusCode here, but to be super safe with TS:
+        const e = error as { statusCode: number }; 
+        if (e.statusCode) throw e; 
+    }
+    throw createError({ statusCode: 500, statusMessage: 'Internal server error during AI analysis' });
+  }
+  // --- End of Actual OpenAI API Call ---
+
+  // The simulated response below this line should be REMOVED once the actual OpenAI call is implemented and working.
+  /*
+  console.log('Received for analysis in server route:', body);
+  await new Promise(resolve => setTimeout(resolve, 2000)); // Simulate API delay
+
+  const totalIncomeNumeric = parseFloat(body.totalIncome);
+  let percentage = '50%'; 
+  if (totalIncomeNumeric < 1000) percentage = '30%';
+  else if (totalIncomeNumeric < 2000) percentage = '65%';
+  else if (totalIncomeNumeric < 3000) percentage = '85%';
+  else percentage = '110%';
+  
+  return {
+    hadKifayahPercentage: percentage,
+    kategoriAsnaf: 'Simulated - Miskin',
+    kategoriKeluarga: 'Simulated - Miskin (50-100% HK)',
+    cadanganKategori: 'Simulated - Miskin',
+    statusKelayakan: 'Simulated - Layak (Miskin)',
+    cadanganBantuan: [
+      { nama: 'Simulated - Bantuan Kewangan Bulanan', peratusan: '80%' },
+      { nama: 'Simulated - Bantuan Pendidikan Anak', peratusan: '65%' }
+    ],
+    ramalanJangkaMasaPulih: 'Simulated - 6 bulan',
+    rumusan: 'Simulated - Pemohon memerlukan perhatian segera.'
+  };
+  */
+}); 
\ No newline at end of file
diff --git a/server/api/auth/login.post.js b/server/api/auth/login.post.js
new file mode 100644
index 0000000..2a1d95f
--- /dev/null
+++ b/server/api/auth/login.post.js
@@ -0,0 +1,93 @@
+import sha256 from "crypto-js/sha256.js";
+import jwt from "jsonwebtoken";
+
+const ENV = useRuntimeConfig();
+
+export default defineEventHandler(async (event) => {
+  try {
+    const { username, password } = await readBody(event);
+
+    if (!username || !password) {
+      return {
+        statusCode: 400,
+        message: "Username and password are required",
+      };
+    }
+
+    const user = await prisma.user.findFirst({
+      where: {
+        userUsername: username,
+      },
+    });
+
+    if (!user) {
+      return {
+        statusCode: 404,
+        message: "User does not exist",
+      };
+    }
+
+    const hashedPassword = sha256(password).toString();
+    if (user.userPassword !== hashedPassword) {
+      return {
+        statusCode: 401,
+        message: "Invalid password",
+      };
+    }
+
+    // Get user roles
+    const roles = await prisma.userrole.findMany({
+      where: {
+        userRoleUserID: user.userID,
+      },
+      select: {
+        role: {
+          select: {
+            roleName: true,
+          },
+        },
+      },
+    });
+
+    const roleNames = roles.map((r) => r.role.roleName);
+
+    const accessToken = generateAccessToken({
+      username: user.userUsername,
+      roles: roleNames,
+    });
+
+    const refreshToken = generateRefreshToken({
+      username: user.userUsername,
+      roles: roleNames,
+    });
+
+    // Set cookie httpOnly
+    event.res.setHeader("Set-Cookie", [
+      `accessToken=${accessToken}; HttpOnly; Secure; SameSite=Lax; Path=/`,
+      `refreshToken=${refreshToken}; HttpOnly; Secure; SameSite=Lax; Path=/`,
+    ]);
+
+    return {
+      statusCode: 200,
+      message: "Login success",
+      data: {
+        username: user.userUsername,
+        roles: roleNames,
+      },
+    };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+    };
+  }
+});
+
+function generateAccessToken(user) {
+  return jwt.sign(user, ENV.auth.secretAccess, { expiresIn: "1d" });
+}
+
+function generateRefreshToken(user) {
+  return jwt.sign(user, ENV.auth.secretRefresh, { expiresIn: "30d" });
+}
diff --git a/server/api/auth/logout.get.js b/server/api/auth/logout.get.js
new file mode 100644
index 0000000..c7e14d1
--- /dev/null
+++ b/server/api/auth/logout.get.js
@@ -0,0 +1,19 @@
+export default defineEventHandler(async (event) => {
+  try {
+    event.res.setHeader("Set-Cookie", [
+      `accessToken=; HttpOnly; Secure; SameSite=Lax; Path=/`,
+      `refreshToken=; HttpOnly; Secure; SameSite=Lax; Path=/`,
+    ]);
+
+    return {
+      statusCode: 200,
+      message: "Logout success",
+    };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 400,
+      message: "Server error",
+    };
+  }
+});
diff --git a/server/api/auth/validate.get.js b/server/api/auth/validate.get.js
new file mode 100644
index 0000000..a5014e9
--- /dev/null
+++ b/server/api/auth/validate.get.js
@@ -0,0 +1,34 @@
+export default defineEventHandler(async (event) => {
+  try {
+    const { userID } = event.context.user;
+
+    if (userID == null) {
+      return {
+        statusCode: 401,
+        message: "Unauthorized",
+      };
+    }
+
+    const validatedUser = await prisma.user.findFirst({
+      where: {
+        userID: parseInt(userID),
+      },
+    });
+    if (!validatedUser) {
+      return {
+        statusCode: 401,
+        message: "Unauthorized",
+      };
+    }
+
+    return {
+      statusCode: 200,
+      message: "Authorized",
+    };
+  } catch (error) {
+    return {
+      statusCode: 401,
+      message: "Unauthorized",
+    };
+  }
+});
diff --git a/server/api/devtool/api/file-code.js b/server/api/devtool/api/file-code.js
new file mode 100644
index 0000000..d2fbfe7
--- /dev/null
+++ b/server/api/devtool/api/file-code.js
@@ -0,0 +1,24 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const query = await getQuery(event);
+
+  try {
+    // Get vue code from path in query
+    const filePath = path.join(process.cwd() + "/server/", query.path + ".js");
+    const code = fs.readFileSync(filePath, "utf8");
+
+    return {
+      statusCode: 200,
+      message: "Code successfully loaded",
+      data: code,
+    };
+  } catch (error) {
+    // console.log(error);
+    return {
+      statusCode: 500,
+      message: "File not found",
+    };
+  }
+});
diff --git a/server/api/devtool/api/linter.js b/server/api/devtool/api/linter.js
new file mode 100644
index 0000000..32572eb
--- /dev/null
+++ b/server/api/devtool/api/linter.js
@@ -0,0 +1,191 @@
+// import esline vue
+import { ESLint } from "eslint";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    if (body.code === undefined) {
+      return {
+        statusCode: 400,
+        message: "Bad Request",
+      };
+    }
+
+    // run linter
+    const code = body.code;
+    const validateNitroCode = (code) => {
+      // Check if this is a server route file
+      const isServerRoute = code.includes("defineEventHandler");
+
+      if (isServerRoute) {
+        let lineNumber = 1;
+
+        // 1. Validate event handler structure
+        if (!code.includes("export default defineEventHandler")) {
+          throw {
+            message:
+              "Nitro route handlers must use 'export default defineEventHandler'",
+            line: 1,
+            column: 0,
+          };
+        }
+
+        // 2. Check for proper request handling
+        const hasRequestBody = code.includes("await readBody(event)");
+        const hasRequestQuery = code.includes("getQuery(event)");
+        const usesEventWithoutImport =
+          code.includes("event.") && !hasRequestBody && !hasRequestQuery;
+
+        if (usesEventWithoutImport) {
+          // Find the line where event is improperly used
+          const lines = code.split("\n");
+          for (let i = 0; i < lines.length; i++) {
+            if (
+              lines[i].includes("event.") &&
+              !lines[i].includes("readBody") &&
+              !lines[i].includes("getQuery")
+            ) {
+              throw {
+                message:
+                  "Use 'readBody(event)' for POST data or 'getQuery(event)' for query parameters",
+                line: i + 1,
+                column: lines[i].indexOf("event."),
+              };
+            }
+          }
+        }
+
+        // 3. Validate response structure
+        const responseRegex = /return\s+{([^}]+)}/g;
+        let match;
+        let lastIndex = 0;
+
+        while ((match = responseRegex.exec(code)) !== null) {
+          lineNumber += (code.slice(lastIndex, match.index).match(/\n/g) || [])
+            .length;
+          lastIndex = match.index;
+
+          const responseContent = match[1];
+
+          // Check for required response properties
+          if (!responseContent.includes("statusCode")) {
+            throw {
+              message: "API responses must include a 'statusCode' property",
+              line: lineNumber,
+              column: match.index - code.lastIndexOf("\n", match.index),
+            };
+          }
+
+          // Validate status code usage
+          const statusMatch = responseContent.match(/statusCode:\s*(\d+)/);
+          if (statusMatch) {
+            const statusCode = parseInt(statusMatch[1]);
+            if (![200, 201, 400, 401, 403, 404, 500].includes(statusCode)) {
+              throw {
+                message: `Invalid status code: ${statusCode}. Use standard HTTP status codes.`,
+                line: lineNumber,
+                column: statusMatch.index,
+              };
+            }
+          }
+        }
+
+        // 4. Check error handling
+        if (code.includes("try") && !code.includes("catch")) {
+          throw {
+            message:
+              "Missing error handling. Add a catch block for try statements.",
+            line:
+              code.split("\n").findIndex((line) => line.includes("try")) + 1,
+            column: 0,
+          };
+        }
+
+        // 5. Validate async/await usage
+        const asyncLines = code.match(/async.*=>/g) || [];
+        const awaitLines = code.match(/await\s+/g) || [];
+
+        if (awaitLines.length > 0 && asyncLines.length === 0) {
+          throw {
+            message: "Using 'await' requires an async function",
+            line:
+              code.split("\n").findIndex((line) => line.includes("await")) + 1,
+            column: 0,
+          };
+        }
+
+        // // 6. Check for proper imports
+        // const requiredImports = new Set();
+        // if (hasRequestBody) requiredImports.add("readBody");
+        // if (hasRequestQuery) requiredImports.add("getQuery");
+
+        // const importLines = code.match(/import.*from/g) || [];
+        // requiredImports.forEach((imp) => {
+        //   if (!importLines.some((line) => line.includes(imp))) {
+        //     throw {
+        //       message: `Missing import for '${imp}' utility`,
+        //       line: 1,
+        //       column: 0,
+        //     };
+        //   }
+        // });
+      }
+    };
+
+    try {
+      validateNitroCode(code);
+
+      const eslint = new ESLint({
+        overrideConfig: {
+          parser: "@babel/eslint-parser",
+          extends: ["@kiwicom"],
+          parserOptions: {
+            requireConfigFile: false,
+            ecmaVersion: 2020,
+            sourceType: "module",
+          },
+        },
+        useEslintrc: false,
+      });
+
+      const results = await eslint.lintText(code);
+
+      if (results[0].messages.length > 0) {
+        const messages = results[0].messages[0];
+
+        if (messages.fatal === true) {
+          return {
+            statusCode: 400,
+            message: "Bad Linter Test",
+            data: messages,
+          };
+        }
+
+        return {
+          statusCode: 200,
+          message: "Good Linter test",
+          data: messages,
+        };
+      }
+    } catch (error) {
+      console.log(error);
+      return {
+        statusCode: 400,
+        message: "Bad Linter Test",
+        data: {
+          message: error.message,
+          line: error.line || 1,
+          column: error.column || 0,
+        },
+      };
+    }
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+      errror: error,
+    };
+  }
+});
diff --git a/server/api/devtool/api/list.js b/server/api/devtool/api/list.js
new file mode 100644
index 0000000..903ff37
--- /dev/null
+++ b/server/api/devtool/api/list.js
@@ -0,0 +1,77 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // get api folder path from server root folder and its files and folders inside it
+    const apiFolderPath = path.join(process.cwd() + "/server/api");
+    const apis = fs.readdirSync(apiFolderPath);
+
+    const apiList = getFilesAndFolders(apiFolderPath);
+
+    const apiUrls = getApiUrls(apiList);
+    const jsonObject = JSON.parse(JSON.stringify(apiUrls));
+
+    return {
+      statusCode: 200,
+      message: "API List successfully fetched",
+      data: jsonObject,
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
+
+function getFilesAndFolders(folderPath) {
+  const folderFiles = fs.readdirSync(folderPath);
+  const files = [];
+  const folders = [];
+  const apiURL = "/api";
+
+  folderFiles.forEach((file) => {
+    const filePath = path.join(folderPath + "/" + file);
+    if (file == "devtool") return;
+    if (fs.lstatSync(filePath).isDirectory()) {
+      folders.push(getFilesAndFolders(filePath));
+    } else {
+      const processPath = path.join(process.cwd() + "/server/api");
+      const apiUrl = filePath
+        .replace(processPath, apiURL)
+        .replace(/\\/g, "/")
+        .replace(".js", "");
+      const fileName = file.replace(".js", "");
+      const parentFolder = folderPath
+        .replace(processPath, "")
+        .replace(/\\/g, "");
+
+      files.push({
+        name: fileName,
+        parentName: parentFolder,
+        url: apiUrl,
+      });
+    }
+  });
+
+  return { files, folders };
+}
+
+function getApiUrls(folder) {
+  const apiUrls = [];
+
+  folder.files.forEach((file) => {
+    apiUrls.push({
+      name: file.name,
+      parentName: file.parentName,
+      url: file.url,
+    });
+  });
+
+  folder.folders.forEach((nestedFolder) => {
+    apiUrls.push(...getApiUrls(nestedFolder));
+  });
+
+  return apiUrls;
+}
diff --git a/server/api/devtool/api/prettier-format.js b/server/api/devtool/api/prettier-format.js
new file mode 100644
index 0000000..f8f4bb2
--- /dev/null
+++ b/server/api/devtool/api/prettier-format.js
@@ -0,0 +1,27 @@
+import prettier from "prettier";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    if (body.code === undefined) {
+      return {
+        statusCode: 400,
+        message: "Bad Request",
+      };
+    }
+
+    const code = prettier.format(body.code, { semi: false, parser: "babel" });
+
+    return {
+      statusCode: 200,
+      message: "Code successfully formatted",
+      data: code,
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
diff --git a/server/api/devtool/api/save.js b/server/api/devtool/api/save.js
new file mode 100644
index 0000000..567ff59
--- /dev/null
+++ b/server/api/devtool/api/save.js
@@ -0,0 +1,71 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    const codeDefault = `
+    export default defineEventHandler(async (event) => {
+      
+      // const query = await getQuery(event); // Get Params from URL
+      // const body = await readBody(event); // Get Body Data
+
+      return {
+        statusCode: 200,
+        message: "API Route Created",
+      };
+
+    });`;
+
+    // Overwrite vue code from path in body with new code
+    const filePath = path.join(process.cwd() + "/server/", body.path + ".js");
+
+    if (body.type == "update") {
+      fs.writeFileSync(filePath, body.code, "utf8");
+    } else if (body.type == "add") {
+      // if the folder doesn't exist, create it
+      if (!fs.existsSync(path.dirname(filePath))) {
+        fs.mkdirSync(path.dirname(filePath), { recursive: true });
+      }
+
+      fs.writeFileSync(filePath, codeDefault, "utf8");
+    } else if (body.type == "edit") {
+      // if the folder doesn't exist, create it
+      if (!fs.existsSync(path.dirname(filePath))) {
+        fs.mkdirSync(path.dirname(filePath), { recursive: true });
+      }
+
+      // Copy the file from the default path to the new path
+      const oldPath = path.join(
+        process.cwd() + "/server/",
+        body.oldPath + ".js"
+      );
+
+      // Copy file
+      fs.copyFileSync(oldPath, filePath);
+
+      // Delete old file
+      fs.unlinkSync(oldPath);
+    } else if (body.type == "delete") {
+      // Delete file from path
+      fs.unlinkSync(filePath);
+
+      return {
+        statusCode: 200,
+        message: "Code successfully deleted",
+      };
+    }
+
+    return {
+      statusCode: 200,
+      message: "Code successfully saved",
+    };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
diff --git a/server/api/devtool/config/add-custom-theme.js b/server/api/devtool/config/add-custom-theme.js
new file mode 100644
index 0000000..d6ae1f9
--- /dev/null
+++ b/server/api/devtool/config/add-custom-theme.js
@@ -0,0 +1,90 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const method = getMethod(event);
+
+  if (method !== "POST") {
+    return {
+      statusCode: 405,
+      message: "Method not allowed",
+    };
+  }
+
+  try {
+    const body = await readBody(event);
+    const { themeName, themeCSS } = body;
+
+    if (!themeName || !themeCSS) {
+      return {
+        statusCode: 400,
+        message: "Theme name and CSS are required",
+      };
+    }
+
+    // Validate theme name (alphanumeric and hyphens only)
+    if (!/^[a-zA-Z0-9-_]+$/.test(themeName)) {
+      return {
+        statusCode: 400,
+        message: "Theme name can only contain letters, numbers, hyphens, and underscores",
+      };
+    }
+
+    // Path to theme.css file
+    const themeCSSPath = path.join(process.cwd(), 'assets', 'style', 'css', 'base', 'theme.css');
+
+    // Check if theme.css exists
+    if (!fs.existsSync(themeCSSPath)) {
+      return {
+        statusCode: 404,
+        message: "theme.css file not found",
+      };
+    }
+
+    // Read current theme.css content
+    let currentContent = fs.readFileSync(themeCSSPath, 'utf8');
+
+    // Check if theme already exists
+    const themePattern = new RegExp(`html\\[data-theme="${themeName}"\\]`, 'g');
+    if (themePattern.test(currentContent)) {
+      return {
+        statusCode: 409,
+        message: `Theme "${themeName}" already exists`,
+      };
+    }
+
+    // Format the new theme CSS
+    const formattedThemeCSS = themeCSS.trim();
+    
+    // Ensure the CSS starts with the correct selector if not provided
+    let finalThemeCSS;
+    if (!formattedThemeCSS.includes(`html[data-theme="${themeName}"]`)) {
+      finalThemeCSS = `html[data-theme="${themeName}"] {\n${formattedThemeCSS}\n}`;
+    } else {
+      finalThemeCSS = formattedThemeCSS;
+    }
+
+    // Add the new theme to the end of the file
+    const newContent = currentContent + '\n\n' + finalThemeCSS + '\n';
+
+    // Write the updated content back to the file
+    fs.writeFileSync(themeCSSPath, newContent, 'utf8');
+
+    return {
+      statusCode: 200,
+      message: "Custom theme added successfully",
+      data: {
+        themeName,
+        success: true
+      },
+    };
+
+  } catch (error) {
+    console.error("Add custom theme error:", error);
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+      error: error.message,
+    };
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/devtool/config/env.js b/server/api/devtool/config/env.js
new file mode 100644
index 0000000..557c0c9
--- /dev/null
+++ b/server/api/devtool/config/env.js
@@ -0,0 +1,22 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  // Get .env file, parse and return
+  const envFile = path.join(process.cwd(), ".env");
+
+  if (!fs.existsSync(envFile)) {
+    return {
+      statusCode: 404,
+      message: "File not found",
+    };
+  }
+
+  const env = fs.readFileSync(envFile, "utf-8");
+
+  return {
+    statusCode: 200,
+    message: "Success",
+    data: env,
+  };
+});
diff --git a/server/api/devtool/config/loading-logo.js b/server/api/devtool/config/loading-logo.js
new file mode 100644
index 0000000..8573df2
--- /dev/null
+++ b/server/api/devtool/config/loading-logo.js
@@ -0,0 +1,44 @@
+import { PrismaClient } from "@prisma/client";
+
+const prisma = new PrismaClient();
+
+export default defineEventHandler(async (event) => {
+  const method = getMethod(event);
+
+  try {
+    if (method === "GET") {
+      // Get only the loading logo and site name for faster loading
+      const settings = await prisma.site_settings.findFirst({
+        select: {
+          siteLoadingLogo: true,
+          siteName: true,
+        },
+        orderBy: { settingID: "desc" },
+      });
+
+      return {
+        statusCode: 200,
+        message: "Success",
+        data: {
+          siteLoadingLogo: settings?.siteLoadingLogo || '',
+          siteName: settings?.siteName || 'corradAF',
+        },
+      };
+    }
+
+    return {
+      statusCode: 405,
+      message: "Method not allowed",
+    };
+  } catch (error) {
+    console.error("Loading logo API error:", error);
+    
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+      error: error.message,
+    };
+  } finally {
+    await prisma.$disconnect();
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/devtool/config/site-settings.js b/server/api/devtool/config/site-settings.js
new file mode 100644
index 0000000..753bb6c
--- /dev/null
+++ b/server/api/devtool/config/site-settings.js
@@ -0,0 +1,217 @@
+import { PrismaClient } from "@prisma/client";
+
+const prisma = new PrismaClient();
+
+export default defineEventHandler(async (event) => {
+  const method = getMethod(event);
+
+  try {
+    if (method === "GET") {
+      // Get site settings
+      let settings = await prisma.site_settings.findFirst({
+        orderBy: { settingID: "desc" },
+      });
+
+      // If no settings exist, create default ones
+      if (!settings) {
+        settings = await prisma.site_settings.create({
+          data: {
+            siteName: "corradAF",
+            siteDescription: "corradAF Base Project",
+            themeMode: "biasa",
+            showSiteNameInHeader: true,
+            seoRobots: "index, follow",
+            seoTwitterCard: "summary_large_image",
+            settingCreatedDate: new Date(),
+            settingModifiedDate: new Date(),
+          },
+        });
+      }
+
+      // Transform data to match new structure
+      const transformedSettings = {
+        siteName: settings.siteName || "corradAF",
+        siteNameFontSize: settings.siteNameFontSize || 18,
+        siteDescription: settings.siteDescription || "corradAF Base Project",
+        siteLogo: settings.siteLogo || "",
+        siteLoadingLogo: settings.siteLoadingLogo || "",
+        siteFavicon: settings.siteFavicon || "",
+        siteLoginLogo: settings.siteLoginLogo || "",
+        showSiteNameInHeader: settings.showSiteNameInHeader !== false,
+        customCSS: settings.customCSS || "",
+        selectedTheme: settings.themeMode || "biasa", // Use themeMode as selectedTheme
+        customThemeFile: settings.customThemeFile || "",
+        currentFont: settings.currentFont || "",
+        fontSource: settings.fontSource || "",
+        // SEO fields
+        seoTitle: settings.seoTitle || "",
+        seoDescription: settings.seoDescription || "",
+        seoKeywords: settings.seoKeywords || "",
+        seoAuthor: settings.seoAuthor || "",
+        seoOgImage: settings.seoOgImage || "",
+        seoTwitterCard: settings.seoTwitterCard || "summary_large_image",
+        seoCanonicalUrl: settings.seoCanonicalUrl || "",
+        seoRobots: settings.seoRobots || "index, follow",
+        seoGoogleAnalytics: settings.seoGoogleAnalytics || "",
+        seoGoogleTagManager: settings.seoGoogleTagManager || "",
+        seoFacebookPixel: settings.seoFacebookPixel || ""
+      };
+
+      return {
+        statusCode: 200,
+        message: "Success",
+        data: transformedSettings,
+      };
+    }
+
+    if (method === "POST") {
+      let body;
+      try {
+        body = await readBody(event);
+      } catch (bodyError) {
+        console.error("Error reading request body:", bodyError);
+        return {
+          statusCode: 400,
+          message: "Invalid request body",
+          error: bodyError.message,
+        };
+      }
+
+      // Validate required fields
+      if (!body || typeof body !== 'object') {
+        return {
+          statusCode: 400,
+          message: "Request body must be a valid JSON object",
+        };
+      }
+
+      // Check if settings exist
+      const existingSettings = await prisma.site_settings.findFirst();
+
+      // Prepare data for database (use themeMode instead of selectedTheme)
+      // Filter out undefined values to avoid database errors
+      const dbData = {};
+      
+      // Only add fields that are not undefined
+      if (body.siteName !== undefined) dbData.siteName = body.siteName;
+      if (body.siteNameFontSize !== undefined) dbData.siteNameFontSize = body.siteNameFontSize;
+      if (body.siteDescription !== undefined) dbData.siteDescription = body.siteDescription;
+      if (body.siteLogo !== undefined) dbData.siteLogo = body.siteLogo;
+      if (body.siteLoadingLogo !== undefined) dbData.siteLoadingLogo = body.siteLoadingLogo;
+      if (body.siteFavicon !== undefined) dbData.siteFavicon = body.siteFavicon;
+      if (body.siteLoginLogo !== undefined) dbData.siteLoginLogo = body.siteLoginLogo;
+      if (body.showSiteNameInHeader !== undefined) dbData.showSiteNameInHeader = body.showSiteNameInHeader;
+      if (body.customCSS !== undefined) dbData.customCSS = body.customCSS;
+      if (body.selectedTheme !== undefined) dbData.themeMode = body.selectedTheme;
+      if (body.customThemeFile !== undefined) dbData.customThemeFile = body.customThemeFile;
+      if (body.currentFont !== undefined) dbData.currentFont = body.currentFont;
+      if (body.fontSource !== undefined) dbData.fontSource = body.fontSource;
+      if (body.seoTitle !== undefined) dbData.seoTitle = body.seoTitle;
+      if (body.seoDescription !== undefined) dbData.seoDescription = body.seoDescription;
+      if (body.seoKeywords !== undefined) dbData.seoKeywords = body.seoKeywords;
+      if (body.seoAuthor !== undefined) dbData.seoAuthor = body.seoAuthor;
+      if (body.seoOgImage !== undefined) dbData.seoOgImage = body.seoOgImage;
+      if (body.seoTwitterCard !== undefined) dbData.seoTwitterCard = body.seoTwitterCard;
+      if (body.seoCanonicalUrl !== undefined) dbData.seoCanonicalUrl = body.seoCanonicalUrl;
+      if (body.seoRobots !== undefined) dbData.seoRobots = body.seoRobots;
+      if (body.seoGoogleAnalytics !== undefined) dbData.seoGoogleAnalytics = body.seoGoogleAnalytics;
+      if (body.seoGoogleTagManager !== undefined) dbData.seoGoogleTagManager = body.seoGoogleTagManager;
+      if (body.seoFacebookPixel !== undefined) dbData.seoFacebookPixel = body.seoFacebookPixel;
+      
+      dbData.settingModifiedDate = new Date();
+
+      let settings;
+      if (existingSettings) {
+        // Update existing settings
+        settings = await prisma.site_settings.update({
+          where: { settingID: existingSettings.settingID },
+          data: dbData,
+        });
+      } else {
+        // Create new settings
+        settings = await prisma.site_settings.create({
+          data: {
+            ...dbData,
+            settingCreatedDate: new Date(),
+          },
+        });
+      }
+
+      // Transform response to match new structure
+      const transformedSettings = {
+        siteName: settings.siteName || "corradAF",
+        siteNameFontSize: settings.siteNameFontSize || 18,
+        siteDescription: settings.siteDescription || "corradAF Base Project",
+        siteLogo: settings.siteLogo || "",
+        siteLoadingLogo: settings.siteLoadingLogo || "",
+        siteFavicon: settings.siteFavicon || "",
+        siteLoginLogo: settings.siteLoginLogo || "",
+        showSiteNameInHeader: settings.showSiteNameInHeader !== false,
+        customCSS: settings.customCSS || "",
+        selectedTheme: settings.themeMode || "biasa", // Use themeMode as selectedTheme
+        customThemeFile: settings.customThemeFile || "",
+        currentFont: settings.currentFont || "",
+        fontSource: settings.fontSource || "",
+        // SEO fields
+        seoTitle: settings.seoTitle || "",
+        seoDescription: settings.seoDescription || "",
+        seoKeywords: settings.seoKeywords || "",
+        seoAuthor: settings.seoAuthor || "",
+        seoOgImage: settings.seoOgImage || "",
+        seoTwitterCard: settings.seoTwitterCard || "summary_large_image",
+        seoCanonicalUrl: settings.seoCanonicalUrl || "",
+        seoRobots: settings.seoRobots || "index, follow",
+        seoGoogleAnalytics: settings.seoGoogleAnalytics || "",
+        seoGoogleTagManager: settings.seoGoogleTagManager || "",
+        seoFacebookPixel: settings.seoFacebookPixel || ""
+      };
+
+      return {
+        statusCode: 200,
+        message: "Settings updated successfully",
+        data: transformedSettings,
+      };
+    }
+
+    return {
+      statusCode: 405,
+      message: "Method not allowed",
+    };
+  } catch (error) {
+    console.error("Site settings API error:", error);
+    
+    // Provide more specific error messages
+    if (error.code === 'P2002') {
+      return {
+        statusCode: 400,
+        message: "Duplicate entry error",
+        error: error.message,
+      };
+    }
+    
+    if (error.code === 'P2025') {
+      return {
+        statusCode: 404,
+        message: "Record not found",
+        error: error.message,
+      };
+    }
+    
+    if (error.code && error.code.startsWith('P')) {
+      return {
+        statusCode: 400,
+        message: "Database error",
+        error: error.message,
+        code: error.code,
+      };
+    }
+
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+      error: error.message,
+    };
+  } finally {
+    await prisma.$disconnect();
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/devtool/config/upload-file.js b/server/api/devtool/config/upload-file.js
new file mode 100644
index 0000000..b3bf422
--- /dev/null
+++ b/server/api/devtool/config/upload-file.js
@@ -0,0 +1,134 @@
+import fs from "fs";
+import path from "path";
+import { v4 as uuidv4 } from "uuid";
+
+export default defineEventHandler(async (event) => {
+  const method = getMethod(event);
+
+  if (method !== "POST") {
+    return {
+      statusCode: 405,
+      message: "Method not allowed",
+    };
+  }
+
+  try {
+    const form = await readMultipartFormData(event);
+    
+    if (!form || form.length === 0) {
+      return {
+        statusCode: 400,
+        message: "No file uploaded",
+      };
+    }
+
+    const file = form[0];
+    const fileType = form.find(field => field.name === 'type')?.data?.toString() || 'logo';
+    
+    // Validate file type
+    const allowedTypes = {
+      logo: ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/svg+xml'],
+      'loading-logo': ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/svg+xml'],
+      'login-logo': ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/svg+xml'],
+      favicon: ['image/x-icon', 'image/vnd.microsoft.icon', 'image/png'],
+      'og-image': ['image/jpeg', 'image/jpg', 'image/png'],
+      theme: ['text/css', 'application/octet-stream']
+    };
+
+    if (!allowedTypes[fileType] || !allowedTypes[fileType].includes(file.type)) {
+      return {
+        statusCode: 400,
+        message: `Invalid file type for ${fileType}. Allowed types: ${allowedTypes[fileType].join(', ')}`,
+      };
+    }
+
+    let uploadDir, fileUrl;
+    
+    // Determine upload directory based on file type
+    if (fileType === 'theme') {
+      // Theme files go to assets/style/css
+      uploadDir = path.join(process.cwd(), 'assets', 'style', 'css');
+      if (!fs.existsSync(uploadDir)) {
+        fs.mkdirSync(uploadDir, { recursive: true });
+      }
+      
+      // Generate unique filename for theme
+      const fileExtension = path.extname(file.filename || '');
+      const uniqueFilename = `custom-theme-${uuidv4()}${fileExtension}`;
+      const filePath = path.join(uploadDir, uniqueFilename);
+      
+      // Save file
+      fs.writeFileSync(filePath, file.data);
+      
+      // Return relative path for theme files
+      fileUrl = `/assets/style/css/${uniqueFilename}`;
+    } else {
+      // Logo, loading-logo, favicon, and og-image files go to public/uploads
+      uploadDir = path.join(process.cwd(), 'public', 'uploads', 'site-settings');
+      if (!fs.existsSync(uploadDir)) {
+        fs.mkdirSync(uploadDir, { recursive: true });
+      }
+
+      const fileExtension = path.extname(file.filename || '');
+      let baseFilename;
+
+      switch (fileType) {
+        case 'logo':
+          baseFilename = 'site-logo';
+          break;
+        case 'loading-logo':
+          baseFilename = 'loading-logo';
+          break;
+        case 'login-logo':
+          baseFilename = 'login-logo';
+          break;
+        case 'favicon':
+          baseFilename = 'favicon';
+          break;
+        case 'og-image':
+          baseFilename = 'og-image';
+          break;
+        default:
+          // This case should ideally not be reached if fileType is validated earlier
+          // and is one of the image types.
+          // However, as a fallback, use the fileType itself or a generic name.
+          // For safety, and to avoid using uuidv4 for these specific types as requested,
+          // we should ensure this path isn't taken for the specified image types.
+          // If an unexpected fileType gets here, it might be better to error or use a UUID.
+          // For now, we'll stick to the primary requirement of fixed names for specified types.
+          // If we need UUID for other non-logo image types, that logic can be added.
+          // console.warn(`Unexpected fileType received: ${fileType} for non-theme upload.`);
+          // For simplicity, if it's an image type not explicitly handled, it will get a name like 'unknown-type.ext'
+          baseFilename = fileType; 
+      }
+      
+      const filenameWithExt = `${baseFilename}${fileExtension}`;
+      const filePath = path.join(uploadDir, filenameWithExt);
+
+      // Save file (overwrites if exists)
+      fs.writeFileSync(filePath, file.data);
+
+      // Return file URL
+      fileUrl = `/uploads/site-settings/${filenameWithExt}`;
+    }
+
+    return {
+      statusCode: 200,
+      message: "File uploaded successfully",
+      data: {
+        filename: path.basename(fileUrl),
+        url: fileUrl,
+        type: fileType,
+        size: file.data.length,
+      },
+    };
+
+  } catch (error) {
+    console.error("Upload error:", error);
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+      error: error.message,
+    };
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/devtool/content/canvas/file-code.js b/server/api/devtool/content/canvas/file-code.js
new file mode 100644
index 0000000..7a01349
--- /dev/null
+++ b/server/api/devtool/content/canvas/file-code.js
@@ -0,0 +1,48 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const query = await getQuery(event);
+
+  let code = "";
+  // console.log(query.path);
+
+  try {
+    // Get vue code from path in query
+    const filePath = path.join(process.cwd() + "/pages/", query.path + ".vue");
+    try {
+      code = fs.readFileSync(filePath, "utf8");
+      return {
+        statusCode: 200,
+        message: "Code successfully loaded",
+        data: code,
+      };
+    } catch (error) {}
+
+    // Check if there is path with index.vue
+    const filePathIndex = path.join(
+      process.cwd() + "/pages/",
+      query.path + "/index.vue"
+    );
+
+    code = fs.readFileSync(filePathIndex, "utf8");
+
+    // Only get the template part of the code and make sure its from the first template tag to the last template tag
+    code = code.substring(
+      code.indexOf("<template>") + 10,
+      code.lastIndexOf("</template>")
+    );
+
+    return {
+      statusCode: 200,
+      message: "Code successfully loaded",
+      data: code,
+      mode: "index",
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: "File not found",
+    };
+  }
+});
diff --git a/server/api/devtool/content/code/file-code.js b/server/api/devtool/content/code/file-code.js
new file mode 100644
index 0000000..84b752c
--- /dev/null
+++ b/server/api/devtool/content/code/file-code.js
@@ -0,0 +1,42 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const query = await getQuery(event);
+
+  let code = "";
+  // console.log(query.path);
+
+  try {
+    // Get vue code from path in query
+    const filePath = path.join(process.cwd() + "/pages/", query.path + ".vue");
+    try {
+      code = fs.readFileSync(filePath, "utf8");
+      return {
+        statusCode: 200,
+        message: "Code successfully loaded",
+        data: code,
+      };
+    } catch (error) {}
+
+    // Check if there is path with index.vue
+    const filePathIndex = path.join(
+      process.cwd() + "/pages/",
+      query.path + "/index.vue"
+    );
+
+    code = fs.readFileSync(filePathIndex, "utf8");
+
+    return {
+      statusCode: 200,
+      message: "Code successfully loaded",
+      data: code,
+      mode: "index",
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: "File not found",
+    };
+  }
+});
diff --git a/server/api/devtool/content/code/linter.js b/server/api/devtool/content/code/linter.js
new file mode 100644
index 0000000..85554c0
--- /dev/null
+++ b/server/api/devtool/content/code/linter.js
@@ -0,0 +1,450 @@
+import { ESLint } from "eslint";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    if (body.code === undefined) {
+      return {
+        statusCode: 400,
+        message: "Bad Request",
+      };
+    }
+
+    const code = body.code;
+
+    // Extract script and template content once
+    const scriptContent =
+      code.match(/<script\b[^>]*>([\s\S]*?)<\/script>/)?.[1] || "";
+    const templateContent = code.match(/<template>([\s\S]*)<\/template>/)?.[1];
+
+    // Validate FormKit inputs
+    const validateFormKit = (content) => {
+      // List of valid FormKit input types
+      const validFormKitTypes = [
+        "text",
+        "email",
+        "url",
+        "tel",
+        "password",
+        "number",
+        "date",
+        "datetime-local",
+        "time",
+        "month",
+        "week",
+        "search",
+        "color",
+        "file",
+        "range",
+        "checkbox",
+        "radio",
+        "select",
+        "textarea",
+        "submit",
+        "button",
+        "mask",
+        "form",
+      ];
+
+      // Find all FormKit components
+      const formKitRegex = /<FormKit[^>]*>/g;
+      let formKitMatch;
+
+      // Start counting from template tag
+      let lineNumber = content
+        .slice(0, content.indexOf("<template"))
+        .split("\n").length;
+      let lastIndex = 0;
+
+      while ((formKitMatch = formKitRegex.exec(content)) !== null) {
+        // Calculate correct line number including the lines before template
+        lineNumber += (
+          content.slice(lastIndex, formKitMatch.index).match(/\n/g) || []
+        ).length;
+        lastIndex = formKitMatch.index;
+
+        const formKitTag = formKitMatch[0];
+
+        // Extract type attribute
+        const typeMatch = formKitTag.match(/type=["']([^"']+)["']/);
+        if (!typeMatch) {
+          throw {
+            message: "FormKit component missing required 'type' attribute",
+            line: lineNumber,
+            column:
+              formKitMatch.index -
+              content.lastIndexOf("\n", formKitMatch.index),
+          };
+        }
+
+        const inputType = typeMatch[1];
+        if (!validFormKitTypes.includes(inputType)) {
+          throw {
+            message: `Invalid FormKit type: "${inputType}". Please use a valid input type.`,
+            line: lineNumber,
+            column:
+              formKitMatch.index -
+              content.lastIndexOf("\n", formKitMatch.index),
+          };
+        }
+
+        // Check for options in select, radio, and checkbox types
+        if (["select", "radio", "checkbox"].includes(inputType)) {
+          // Look for :options or v-model
+          const hasOptions =
+            formKitTag.includes(":options=") || formKitTag.includes("v-model=");
+          const hasSlotContent =
+            content
+              .slice(
+                formKitMatch.index,
+                content.indexOf(">", formKitMatch.index)
+              )
+              .includes(">") &&
+            content
+              .slice(
+                formKitMatch.index,
+                content.indexOf("</FormKit>", formKitMatch.index)
+              )
+              .includes("<option");
+
+          if (!hasOptions && !hasSlotContent) {
+            throw {
+              message: `FormKit ${inputType} requires options. Add :options prop or option slots.`,
+              line: lineNumber,
+              column:
+                formKitMatch.index -
+                content.lastIndexOf("\n", formKitMatch.index),
+            };
+          }
+        }
+      }
+    };
+
+    // Add new function to validate mustache syntax
+    const validateMustacheSyntax = (content) => {
+      const stack = [];
+      let lineNumber = 1;
+      let lastIndex = 0;
+
+      for (let i = 0; i < content.length; i++) {
+        if (content[i] === "\n") {
+          lineNumber++;
+          lastIndex = i + 1;
+        }
+
+        if (content[i] === "{" && content[i + 1] === "{") {
+          stack.push({
+            position: i,
+            line: lineNumber,
+            column: i - lastIndex,
+          });
+          i++; // Skip next '{'
+        } else if (content[i] === "}" && content[i + 1] === "}") {
+          if (stack.length === 0) {
+            throw {
+              message:
+                "Unexpected closing mustache brackets '}}' without matching opening brackets",
+              line: lineNumber,
+              column: i - lastIndex,
+            };
+          }
+          stack.pop();
+          i++; // Skip next '}'
+        }
+      }
+
+      if (stack.length > 0) {
+        const unclosed = stack[0];
+        throw {
+          message:
+            "Unclosed mustache brackets '{{'. Missing closing brackets '}}",
+          line: unclosed.line,
+          column: unclosed.column,
+        };
+      }
+    };
+
+    // Check template content and FormKit validation
+    if (templateContent) {
+      try {
+        validateMustacheSyntax(templateContent);
+        validateFormKit(templateContent);
+      } catch (error) {
+        return {
+          statusCode: 400,
+          message: "Template Syntax Error",
+          data: {
+            message: error.message,
+            line: error.line,
+            column: error.column,
+          },
+        };
+      }
+
+      // Check for undefined variables
+      const definedVariables = new Set();
+
+      // Add common Vue variables
+      const commonVueVars = [
+        "$route",
+        "$router",
+        "$refs",
+        "$emit",
+        "$slots",
+        "$attrs",
+      ];
+      commonVueVars.forEach((v) => definedVariables.add(v));
+
+      // Extract refs and other variables from script
+      const refRegex = /(?:const|let|var)\s+(\w+)\s*=/g;
+      let varMatch;
+      while ((varMatch = refRegex.exec(scriptContent)) !== null) {
+        definedVariables.add(varMatch[1]);
+      }
+
+      // Extract defineProps if any
+      const propsMatch = scriptContent.match(/defineProps\(\s*{([^}]+)}\s*\)/);
+      if (propsMatch) {
+        const propsContent = propsMatch[1];
+        const propNames = propsContent.match(/(\w+)\s*:/g);
+        propNames?.forEach((prop) => {
+          definedVariables.add(prop.replace(":", "").trim());
+        });
+      }
+
+      // Check template for undefined variables
+      const mustacheRegex = /{{([^}]+)}}/g;
+      let lineNumber = 1;
+      let lastIndex = 0;
+      let mustacheMatch;
+
+      while ((mustacheMatch = mustacheRegex.exec(templateContent)) !== null) {
+        // Calculate line number
+        lineNumber += (
+          templateContent.slice(lastIndex, mustacheMatch.index).match(/\n/g) ||
+          []
+        ).length;
+        lastIndex = mustacheMatch.index;
+
+        const expression = mustacheMatch[1].trim();
+        // Split expression and check each variable
+        const variables = expression.split(/[\s.()[\]]+/);
+
+        for (const variable of variables) {
+          // Skip numbers, operators, and empty strings
+          if (
+            !variable ||
+            variable.match(/^[\d+\-*/&|!%<>=?:]+$/) ||
+            variable === "true" ||
+            variable === "false"
+          ) {
+            continue;
+          }
+
+          if (!definedVariables.has(variable)) {
+            return {
+              statusCode: 400,
+              message: "Template Reference Error",
+              data: {
+                message: `Variable "${variable}" is not defined`,
+                line: lineNumber,
+                column:
+                  mustacheMatch.index -
+                  templateContent.lastIndexOf("\n", mustacheMatch.index),
+              },
+            };
+          }
+        }
+      }
+    }
+
+    // Validate template structure
+    const validateTemplateStructure = (code) => {
+      // Add new validation for script tags inside template
+      const templateContent1 = code.match(
+        /<template>([\s\S]*)<\/template>/
+      )?.[1];
+      if (templateContent1) {
+        const scriptInTemplate = templateContent1.match(/<script\b[^>]*>/i);
+        if (scriptInTemplate) {
+          const lineNumber = templateContent1
+            .slice(0, scriptInTemplate.index)
+            .split("\n").length;
+          const column =
+            scriptInTemplate.index -
+            templateContent1.lastIndexOf("\n", scriptInTemplate.index);
+
+          throw {
+            message: "Script tags are not allowed inside template section",
+            line: lineNumber,
+            column: column,
+          };
+        }
+      }
+
+      // Check for root level template and script tags
+      const rootTemplateCount = (
+        code.match(/^[\s\S]*<template>[\s\S]*<\/template>/g) || []
+      ).length;
+      const rootScriptCount = (
+        code.match(/^[\s\S]*<script>[\s\S]*<\/script>/g) || []
+      ).length;
+
+      if (rootTemplateCount > 1 || rootScriptCount > 1) {
+        throw new Error(
+          "Vue components must have only one root <template> and one <script> tag"
+        );
+      }
+
+      // Extract template content for further validation
+      const templateContent2 = code.match(
+        /<template>([\s\S]*)<\/template>/
+      )?.[1];
+      if (templateContent2) {
+        const tagStack = [];
+        const tagRegex = /<\/?([a-zA-Z][a-zA-Z0-9:-]*)\s*([^>]*?)(\/?)>/g;
+        let match;
+        let lineNumber = 1;
+        let lastIndex = 0;
+
+        while ((match = tagRegex.exec(templateContent2)) !== null) {
+          const [fullTag, tagName, attributes, selfClosing] = match;
+
+          // Calculate line number
+          lineNumber += (
+            templateContent2.slice(lastIndex, match.index).match(/\n/g) || []
+          ).length;
+          lastIndex = match.index;
+
+          // Skip comments
+          if (templateContent2.slice(match.index).startsWith("<!--")) {
+            const commentEnd = templateContent2.indexOf("-->", match.index);
+            if (commentEnd !== -1) {
+              tagRegex.lastIndex = commentEnd + 3;
+              continue;
+            }
+          }
+
+          if (!fullTag.endsWith(">")) {
+            throw {
+              message: `Malformed tag found: ${fullTag}`,
+              line: lineNumber,
+              column:
+                match.index - templateContent2.lastIndexOf("\n", match.index),
+            };
+          }
+
+          if (selfClosing || fullTag.endsWith("/>")) continue;
+
+          if (!fullTag.startsWith("</")) {
+            tagStack.push({
+              name: tagName,
+              line: lineNumber,
+              column:
+                match.index - templateContent2.lastIndexOf("\n", match.index),
+            });
+          } else {
+            if (tagStack.length === 0) {
+              throw {
+                message: `Unexpected closing tag </${tagName}> found without matching opening tag`,
+                line: lineNumber,
+                column:
+                  match.index - templateContent2.lastIndexOf("\n", match.index),
+              };
+            }
+
+            const lastTag = tagStack[tagStack.length - 1];
+            if (lastTag.name !== tagName) {
+              throw {
+                message: `Mismatched tags: expected closing tag for "${lastTag.name}" but found "${tagName}"`,
+                line: lineNumber,
+                column:
+                  match.index - templateContent2.lastIndexOf("\n", match.index),
+              };
+            }
+            tagStack.pop();
+          }
+        }
+
+        if (tagStack.length > 0) {
+          const unclosedTag = tagStack[tagStack.length - 1];
+          throw {
+            message: `Unclosed tag: ${unclosedTag.name}`,
+            line: unclosedTag.line,
+            column: unclosedTag.column,
+          };
+        }
+      }
+
+      return true;
+    };
+
+    try {
+      validateTemplateStructure(code);
+    } catch (structureError) {
+      return {
+        statusCode: 400,
+        message: "Template Structure Error",
+        data: {
+          message: structureError.message,
+          line: structureError.line || 1,
+          column: structureError.column || 0,
+        },
+      };
+    }
+
+    // ESLint configuration
+    const eslint = new ESLint({
+      overrideConfig: {
+        extends: ["plugin:vue/vue3-recommended"],
+        parserOptions: {
+          parser: "espree",
+          ecmaVersion: 2022,
+          sourceType: "module",
+        },
+      },
+      useEslintrc: false,
+    });
+
+    const results = await eslint.lintText(code);
+
+    if (results[0].messages.length > 0) {
+      const message = results[0].messages[0];
+
+      if (message.fatal === true) {
+        return {
+          statusCode: 400,
+          message: "Bad Linter Test",
+          data: {
+            message: message.message,
+            line: message.line,
+            column: message.column,
+          },
+        };
+      }
+
+      return {
+        statusCode: 200,
+        message: "Good Linter test",
+        data: {
+          message: message.message,
+          line: message.line,
+          column: message.column,
+        },
+      };
+    }
+
+    return {
+      statusCode: 200,
+      message: "Code validation passed",
+    };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+      error: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/content/code/prettier-format.js b/server/api/devtool/content/code/prettier-format.js
new file mode 100644
index 0000000..05cbc57
--- /dev/null
+++ b/server/api/devtool/content/code/prettier-format.js
@@ -0,0 +1,27 @@
+import prettier from "prettier";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    if (body.code === undefined) {
+      return {
+        statusCode: 400,
+        message: "Bad Request",
+      };
+    }
+
+    const code = prettier.format(body.code, { semi: false, parser: "vue" });
+
+    return {
+      statusCode: 200,
+      message: "Code successfully formatted",
+      data: code,
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
diff --git a/server/api/devtool/content/code/save.js b/server/api/devtool/content/code/save.js
new file mode 100644
index 0000000..cd7a5d0
--- /dev/null
+++ b/server/api/devtool/content/code/save.js
@@ -0,0 +1,22 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    // Overwrite vue code from path in body with new code
+    const filePath = path.join(process.cwd() + "/pages/", body.path + ".vue");
+    fs.writeFileSync(filePath, body.code, "utf8");
+
+    return {
+      statusCode: 200,
+      message: "Code successfully saved",
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
diff --git a/server/api/devtool/content/template/get-list.js b/server/api/devtool/content/template/get-list.js
new file mode 100644
index 0000000..b47d8bf
--- /dev/null
+++ b/server/api/devtool/content/template/get-list.js
@@ -0,0 +1,29 @@
+import templates from "@@/templates/index.js";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const query = await getQuery(event);
+    const id = query.id;
+
+    if (!templates || templates?.data.length == 0)
+      return {
+        statusCode: 404,
+        message: "Template data not found",
+      };
+
+    //   Search template by id
+    const template = templates.data.find((item) => item.id == id);
+
+    return {
+      statusCode: 200,
+      message: "Template data successfully fetched",
+      data: template,
+    };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+    };
+  }
+});
diff --git a/server/api/devtool/content/template/import.js b/server/api/devtool/content/template/import.js
new file mode 100644
index 0000000..aff4220
--- /dev/null
+++ b/server/api/devtool/content/template/import.js
@@ -0,0 +1,57 @@
+import fs from "fs";
+import path from "path";
+
+import templates from "@@/templates/index.js";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const query = await getQuery(event);
+    const pagePath = query.path;
+    const templateId = query.templateId;
+
+    // Get pageName path and check if it exists
+    const filePath = path.join(process.cwd() + "/pages/", pagePath + ".vue");
+    console.log(filePath);
+    if (!fs.existsSync(filePath)) {
+      return {
+        statusCode: 500,
+        message: "File path not found",
+      };
+    }
+
+    // Get template id from templates
+    const template = templates.data.find(
+      (template) => template.id === templateId
+    );
+
+    // Get template path and check if it exists
+    const templatePath = path.join(
+      process.cwd() + "/templates/",
+      template.filename + ".vue"
+    );
+
+    if (!fs.existsSync(templatePath)) {
+      return {
+        statusCode: 500,
+        message: "Template not found",
+      };
+    }
+
+    // Get template code
+    const templateCode = fs.readFileSync(templatePath, "utf8");
+
+    // Write template code to pageName path
+    fs.writeFileSync(filePath, templateCode, "utf8");
+
+    return {
+      statusCode: 200,
+      message: "Template successfully imported",
+    };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+    };
+  }
+});
diff --git a/server/api/devtool/content/template/list.js b/server/api/devtool/content/template/list.js
new file mode 100644
index 0000000..c8f5b41
--- /dev/null
+++ b/server/api/devtool/content/template/list.js
@@ -0,0 +1,23 @@
+import templates from "@@/templates/index.js";
+
+export default defineEventHandler(async (event) => {
+  try {
+    if (!templates || templates?.data.length == 0)
+      return {
+        statusCode: 404,
+        message: "Template data not found",
+      };
+
+    return {
+      statusCode: 200,
+      message: "List template data successfully fetched",
+      data: templates.data,
+    };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+    };
+  }
+});
diff --git a/server/api/devtool/content/template/tag.js b/server/api/devtool/content/template/tag.js
new file mode 100644
index 0000000..4573817
--- /dev/null
+++ b/server/api/devtool/content/template/tag.js
@@ -0,0 +1,23 @@
+import templates from "@@/templates/index.js";
+
+export default defineEventHandler(async (event) => {
+  try {
+    if (!templates || templates?.tags.length == 0)
+      return {
+        statusCode: 404,
+        message: "Template tags not found",
+      };
+
+    return {
+      statusCode: 200,
+      message: "List template tags successfully fetched",
+      data: templates.tags,
+    };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      message: "Internal server error",
+    };
+  }
+});
diff --git a/server/api/devtool/lookup/list.js b/server/api/devtool/lookup/list.js
new file mode 100644
index 0000000..e69de29
diff --git a/server/api/devtool/menu/add.js b/server/api/devtool/menu/add.js
new file mode 100644
index 0000000..350030d
--- /dev/null
+++ b/server/api/devtool/menu/add.js
@@ -0,0 +1,51 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    // Check if last character is not slash
+    if (body.formData.path.slice(-1) != "/") {
+      body.formData.path = body.formData.path + "/";
+    }
+
+    // Check if the path already exists
+    if (fs.existsSync(path.join(process.cwd(), "pages", body.formData.path))) {
+      return {
+        statusCode: 500,
+        message: "Path already exists. Please choose another path.",
+      };
+    }
+
+    // Create new file path with index.vue
+    const newFilePath = path.join(
+      process.cwd(),
+      "pages",
+      body.formData.path,
+      "index.vue"
+    );
+
+    // Create the folder if doesn't exist
+    fs.mkdirSync(path.dirname(newFilePath), { recursive: true });
+
+    // Create template content
+    const templateContent = buildNuxtTemplate({
+      title: body.formData.title || body.formData.name,
+      name: body.formData.name,
+    });
+
+    // Write file with template
+    fs.writeFileSync(newFilePath, templateContent);
+
+    return {
+      statusCode: 200,
+      message: "Menu successfully added!",
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/menu/delete.js b/server/api/devtool/menu/delete.js
new file mode 100644
index 0000000..49e9e74
--- /dev/null
+++ b/server/api/devtool/menu/delete.js
@@ -0,0 +1,61 @@
+import fs from "fs";
+import path from "path";
+import navigationData from "~/navigation";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    // Get file path
+    const filePath = path.join(process.cwd() + "/pages/", body.filePath);
+
+    // Delete path
+    fs.rmSync(filePath, { recursive: true, force: true });
+
+    // Remove menu from navigation
+    removeMenuFromNavigation(body.filePath);
+
+    return {
+      statusCode: 200,
+      message: "Menu successfully deleted and removed from navigation!",
+    };
+  } catch (error) {
+    console.error(error);
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
+
+function removeMenuFromNavigation(menuPath) {
+  const removeMenuItem = (items) => {
+    for (let i = 0; i < items.length; i++) {
+      if (items[i].path === menuPath) {
+        items.splice(i, 1);
+        return true;
+      }
+      if (items[i].child && items[i].child.length > 0) {
+        if (removeMenuItem(items[i].child)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  navigationData.forEach((section) => {
+    if (section.child) {
+      removeMenuItem(section.child);
+    }
+  });
+
+  // Save updated navigation data
+  const navigationFilePath = path.join(process.cwd(), "navigation", "index.js");
+  const navigationContent = `export default ${JSON.stringify(
+    navigationData,
+    null,
+    2
+  )};`;
+  fs.writeFileSync(navigationFilePath, navigationContent, "utf8");
+}
diff --git a/server/api/devtool/menu/edit.js b/server/api/devtool/menu/edit.js
new file mode 100644
index 0000000..f459a38
--- /dev/null
+++ b/server/api/devtool/menu/edit.js
@@ -0,0 +1,65 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  // Normalize paths
+  const oldPath = body.filePath.endsWith("/")
+    ? body.filePath
+    : body.filePath + "/";
+  const newPath = body.formData.path.endsWith("/")
+    ? body.formData.path
+    : body.formData.path + "/";
+
+  // Get file paths
+  const oldFilePath = path.join(process.cwd(), "pages", oldPath, "index.vue");
+  const newFilePath = path.join(process.cwd(), "pages", newPath, "index.vue");
+
+  try {
+    // Create template content
+    const templateContent = buildNuxtTemplate({
+      title: body.formData.title || body.formData.name,
+      name: body.formData.name,
+    });
+
+    if (oldPath !== newPath) {
+      // Create the new folder if it doesn't exist
+      fs.mkdirSync(path.dirname(newFilePath), { recursive: true });
+
+      // Write the new file
+      fs.writeFileSync(newFilePath, templateContent);
+
+      // Delete the old file
+      fs.unlinkSync(oldFilePath);
+
+      // Remove empty directories
+      let dirToCheck = path.dirname(oldFilePath);
+      while (dirToCheck !== path.join(process.cwd(), "pages")) {
+        if (fs.readdirSync(dirToCheck).length === 0) {
+          fs.rmdirSync(dirToCheck);
+          dirToCheck = path.dirname(dirToCheck);
+        } else {
+          break;
+        }
+      }
+    } else {
+      // Update existing file
+      fs.writeFileSync(oldFilePath, templateContent);
+    }
+
+    return {
+      statusCode: 200,
+      message:
+        oldPath !== newPath
+          ? "Menu successfully moved and updated"
+          : "Menu successfully updated",
+    };
+  } catch (error) {
+    console.error(error);
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/menu/new-add.js b/server/api/devtool/menu/new-add.js
new file mode 100644
index 0000000..d089ede
--- /dev/null
+++ b/server/api/devtool/menu/new-add.js
@@ -0,0 +1,5 @@
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  // try {
+});
diff --git a/server/api/devtool/menu/overwrite-navigation.js b/server/api/devtool/menu/overwrite-navigation.js
new file mode 100644
index 0000000..7beceb6
--- /dev/null
+++ b/server/api/devtool/menu/overwrite-navigation.js
@@ -0,0 +1,25 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    // get menu path
+    const menuPath = path.join(process.cwd() + "/navigation/", "index.js");
+    fs.writeFileSync(
+      menuPath,
+      `export default ${JSON.stringify(body.menuData, null, 2)}`
+    );
+
+    return {
+      statusCode: 200,
+      message: "Menu successfully saved",
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/menu/role-list.js b/server/api/devtool/menu/role-list.js
new file mode 100644
index 0000000..57cbd08
--- /dev/null
+++ b/server/api/devtool/menu/role-list.js
@@ -0,0 +1,33 @@
+export default defineEventHandler(async (event) => {
+  try {
+    const roles = await prisma.role.findMany({
+      select: {
+        roleID: true,
+        roleName: true,
+      },
+      where: {
+        roleStatus: {
+          not: "DELETED",
+        },
+      },
+    });
+
+    if (roles) {
+      return {
+        statusCode: 200,
+        message: "Roles successfully fetched",
+        data: roles,
+      };
+    } else {
+      return {
+        statusCode: 404,
+        message: "No Roles found",
+      };
+    }
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/menu/user-list.js b/server/api/devtool/menu/user-list.js
new file mode 100644
index 0000000..fbbee47
--- /dev/null
+++ b/server/api/devtool/menu/user-list.js
@@ -0,0 +1,33 @@
+export default defineEventHandler(async (event) => {
+  try {
+    const users = await prisma.user.findMany({
+      select: {
+        userID: true,
+        userUsername: true,
+      },
+      where: {
+        userStatus: {
+          not: "DELETED",
+        },
+      },
+    });
+
+    if (users) {
+      return {
+        statusCode: 200,
+        message: "Users successfully fetched",
+        data: users,
+      };
+    } else {
+      return {
+        statusCode: 404,
+        message: "No Users found",
+      };
+    }
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/orm/data/get.get.js b/server/api/devtool/orm/data/get.get.js
new file mode 100644
index 0000000..0abbb4e
--- /dev/null
+++ b/server/api/devtool/orm/data/get.get.js
@@ -0,0 +1,36 @@
+export default defineEventHandler(async (event) => {
+  try {
+    const { tableName } = getQuery(event);
+
+    if (!tableName) {
+      return {
+        statusCode: 400,
+        message: "Table name is required",
+      };
+    }
+
+    // const JSONSchemaTable = getPrismaSchemaTable(tableName);
+    // console.log(JSONSchemaTable);
+
+    const getData = await prisma.$queryRawUnsafe(`SELECT * FROM ${tableName}`);
+
+    if (getData.length === 0) {
+      return {
+        statusCode: 404,
+        message: "Data not found",
+      };
+    }
+
+    return {
+      statusCode: 200,
+      message: "Data successfully fetched",
+      data: getData,
+    };
+  } catch (error) {
+    console.log(error.message);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
diff --git a/server/api/devtool/orm/schema.get.js b/server/api/devtool/orm/schema.get.js
new file mode 100644
index 0000000..51bb0a0
--- /dev/null
+++ b/server/api/devtool/orm/schema.get.js
@@ -0,0 +1,37 @@
+import fs from "fs";
+import path from "path";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const { type } = getQuery(event);
+
+    if (!type) {
+      return {
+        statusCode: 400,
+        message: "Type is required",
+      };
+    }
+
+    if (type !== "table" && type !== "field") {
+      return {
+        statusCode: 400,
+        message: "Invalid type",
+      };
+    }
+
+    let schema = null;
+    if (type == "table") schema = getPrismaSchemaTable();
+
+    return {
+      statusCode: 200,
+      message: "Schema successfully fetched",
+      data: schema,
+    };
+  } catch (error) {
+    console.log(error.message);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
diff --git a/server/api/devtool/orm/studio.get.js b/server/api/devtool/orm/studio.get.js
new file mode 100644
index 0000000..8fa1b69
--- /dev/null
+++ b/server/api/devtool/orm/studio.get.js
@@ -0,0 +1,34 @@
+import { exec } from "node:child_process";
+
+export default defineEventHandler(async (event) => {
+  try {
+    let error = false;
+
+    // Run command yarn prisma studio
+    exec("npx prisma studio", (error, stdout, stderr) => {
+      if (error) {
+        console.error(`exec error: ${error}`);
+        error = true;
+      }
+      console.log(`stdout: ${stdout}`);
+      console.error(`stderr: ${stderr}`);
+    });
+
+    if (error)
+      return {
+        statusCode: 500,
+        message: "Internal Server Error",
+      };
+
+    return {
+      statusCode: 200,
+      message: "Prisma Studio successfully launched",
+    };
+  } catch (error) {
+    console.log(error.message);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
diff --git a/server/api/devtool/orm/table/config/configuration.json b/server/api/devtool/orm/table/config/configuration.json
new file mode 100644
index 0000000..f69f609
--- /dev/null
+++ b/server/api/devtool/orm/table/config/configuration.json
@@ -0,0 +1,106 @@
+{
+  "columnTypes": [
+    {
+      "group": "Numbers",
+      "options": [
+        "TINYINT",
+        "SMALLINT",
+        "MEDIUMINT",
+        "INT",
+        "BIGINT",
+        "DECIMAL",
+        "FLOAT",
+        "DOUBLE"
+      ]
+    },
+    {
+      "group": "Date and Time",
+      "options": ["DATE", "TIME", "DATETIME", "TIMESTAMP", "YEAR"]
+    },
+    {
+      "group": "Strings",
+      "options": [
+        "CHAR",
+        "VARCHAR",
+        "TINYTEXT",
+        "TEXT",
+        "MEDIUMTEXT",
+        "LONGTEXT",
+        "JSON"
+      ]
+    },
+    {
+      "group": "Lists",
+      "options": ["ENUM", "SET"]
+    },
+    {
+      "group": "Binary",
+      "options": [
+        "BIT",
+        "BINARY",
+        "VARBINARY",
+        "TINYBLOB",
+        "BLOB",
+        "MEDIUMBLOB",
+        "LONGBLOB"
+      ]
+    },
+    {
+      "group": "Geometry",
+      "options": [
+        "GEOMETRY",
+        "POINT",
+        "LINESTRING",
+        "POLYGON",
+        "MULTIPOINT",
+        "MULTILINESTRING",
+        "MULTIPOLYGON",
+        "GEOMETRYCOLLECTION"
+      ]
+    }
+  ],
+  "dataTypes": [
+    "",
+    "INT",
+    "TINYINT",
+    "SMALLINT",
+    "MEDIUMINT",
+    "BIGINT",
+    "DECIMAL",
+    "NUMERIC",
+    "FLOAT",
+    "DOUBLE",
+    "CHAR",
+    "VARCHAR",
+    "TEXT",
+    "ENUM",
+    "SET",
+    "BINARY",
+    "VARBINARY",
+    "BLOB",
+    "DATE",
+    "TIME",
+    "DATETIME",
+    "TIMESTAMP",
+    "YEAR",
+    "BOOL",
+    "BOOLEAN",
+    "JSON",
+    "JSONB",
+    "XML",
+    "UUID",
+    "GEOMETRY",
+    "POINT",
+    "LINESTRING",
+    "POLYGON"
+  ],
+  "tableField": [
+    "name",
+    "type",
+    "length",
+    "defaultValue",
+    "nullable",
+    "primaryKey",
+    "actions"
+  ]
+}
diff --git a/server/api/devtool/orm/table/config/index.get.js b/server/api/devtool/orm/table/config/index.get.js
new file mode 100644
index 0000000..c8943d9
--- /dev/null
+++ b/server/api/devtool/orm/table/config/index.get.js
@@ -0,0 +1,81 @@
+import fileConfig from "./configuration.json";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // read configuration file if it exists and return error if it doesn't
+    if (!fileConfig) {
+      return {
+        statusCode: 404,
+        message: "Configuration file not found",
+      };
+    }
+
+    // Get all tables with primary key
+    const tables = await getAllTableWithPK();
+    if (!tables) {
+      return {
+        statusCode: 500,
+        message: "Please check your database connection",
+      };
+    }
+
+    // Remove columnTypes [{"group": "Foreign Keys", "options": [{"label": "TABLE_NAME (COLUMN_NAME)", "value": "TABLE_NAME"}]}] from fileconfig before appending
+    fileConfig.columnTypes = fileConfig.columnTypes.filter(
+      (columnType) => columnType.group !== "Foreign Keys"
+    );
+
+    // Append columnTypes from fileconfig with tables
+    fileConfig.columnTypes.push({
+      ...tables,
+    });
+
+    return {
+      statusCode: 200,
+      message: "Configuration file successfully loaded",
+      data: fileConfig,
+    };
+  } catch (error) {
+    console.log(error.message);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
+
+async function getAllTableWithPK() {
+  try {
+    const tables = await prisma.$queryRaw` SELECT 
+                                table_name,
+                                column_name
+                              FROM 
+                                information_schema.columns
+                              WHERE table_schema = DATABASE()
+                              AND column_key = 'PRI'`;
+
+    if (!tables) return false;
+
+    // Reformat to {group: "table_name", options: [{label: "TABLE_NAME (COLUMN_NAME)", value: "TABLE_NAME"}]}
+    const remapTables = tables.reduce((acc, table) => {
+      const group = "Foreign Keys";
+      const option = {
+        label: `${table.TABLE_NAME} (${table.COLUMN_NAME})`,
+        value: `[[${table.TABLE_NAME}]]`,
+      };
+      const existingGroup = acc.find((item) => item.group === group);
+
+      if (existingGroup) {
+        existingGroup.options.push(option);
+      } else {
+        acc.push({ group, options: [option] });
+      }
+
+      return acc;
+    }, []);
+
+    return remapTables[0];
+  } catch (error) {
+    console.log(error.message);
+    return false;
+  }
+}
diff --git a/server/api/devtool/orm/table/create/index.post.js b/server/api/devtool/orm/table/create/index.post.js
new file mode 100644
index 0000000..1298f73
--- /dev/null
+++ b/server/api/devtool/orm/table/create/index.post.js
@@ -0,0 +1,171 @@
+import { spawn } from "node:child_process";
+import { fileURLToPath } from "url";
+import { dirname, resolve } from "path";
+import os from "os";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const { tableName, tableSchema, autoIncrementColumn } =
+      await readBody(event);
+
+    if (!tableName || !tableSchema) {
+      return {
+        statusCode: 400,
+        message: "Bad Request",
+      };
+    }
+
+    // Create Table
+    const isTableCreated = await createTable(
+      tableName,
+      tableSchema,
+      autoIncrementColumn
+    );
+
+    if (isTableCreated.statusCode !== 200)
+      return {
+        statusCode: 500,
+        message: isTableCreated.message,
+      };
+
+    // Run Prisma Command
+    const isPrismaCommandRun = await runPrismaCommand();
+    if (!isPrismaCommandRun)
+      return {
+        statusCode: 500,
+        message: "Prisma Command Failed",
+      };
+
+    return {
+      statusCode: 200,
+      message: "Table Created",
+    };
+  } catch (error) {
+    console.log(error);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
+
+async function createTable(tableName, tableSchema) {
+  try {
+    let rawSchema = ``;
+    for (let i = 0; i < tableSchema.length; i++) {
+      const column = tableSchema[i];
+
+      // Sanitize rawSchema
+      if (column.type.includes("[[") && column.type.includes("]]")) {
+        const FKTableName = column.type.replace("[[", "").replace("]]", "");
+        const primaryKey = await prisma.$queryRawUnsafe(
+          "SHOW COLUMNS from " + FKTableName + " where `Key` = 'PRI'"
+        );
+
+        rawSchema += `${column.name} INT NOT NULL, FOREIGN KEY (${column.name}) REFERENCES ${FKTableName}(${primaryKey[0].Field})`;
+      } else {
+        rawSchema += `${column.name} 
+        ${column.type}${column.length ? "(" + column.length + ")" : ""}
+        ${column.defaultValue ? " DEFAULT " + column.defaultValue : ""} 
+        ${column.nullable ? " NULL" : " NOT NULL "}
+        ${column.primaryKey ? " PRIMARY KEY AUTO_INCREMENT" : ""}`;
+      }
+
+      if (i < tableSchema.length - 1) rawSchema += ", ";
+    }
+
+    const sqlStatement = `CREATE TABLE ${tableName} (${rawSchema})`;
+    console.log(sqlStatement);
+
+    const createTable = await prisma.$queryRawUnsafe(sqlStatement);
+    if (!createTable)
+      return {
+        statusCode: 500,
+        message: "Table Creation Failed",
+      };
+
+    return {
+      statusCode: 200,
+      message: "Table Created",
+    };
+  } catch (error) {
+    console.log(error.message);
+
+    // Get Message
+    if (error.message.includes("already exists")) {
+      return {
+        statusCode: 500,
+        message: `Table '${tableName}' already exists!`,
+      };
+    }
+
+    if (error.message.includes("1064")) {
+      return {
+        statusCode: 500,
+        message: "Please ensure the SQL syntax is correct!",
+      };
+    }
+
+    return {
+      statusCode: 500,
+      message: "Table Creation Failed",
+    };
+  }
+}
+
+async function runPrismaCommand() {
+  try {
+    console.log("---------- Run Prisma Command ----------");
+
+    const __dirname = dirname(fileURLToPath(import.meta.url));
+    const directory = resolve(__dirname, "../..");
+
+    // Command to execute
+    const command = "npx prisma db pull && npx prisma generate";
+
+    // Determine the appropriate shell command based on the platform
+    let shellCommand;
+    let spawnOptions;
+    switch (os.platform()) {
+      case "win32":
+        shellCommand = `Start-Process cmd -ArgumentList '/c cd "${directory}" && ${command}' -Verb RunAs`;
+        spawnOptions = {
+          shell: "powershell.exe",
+          args: ["-Command", shellCommand],
+        };
+        break;
+      case "darwin":
+      case "linux":
+        shellCommand = `cd "${directory}" && ${command}`;
+        spawnOptions = {
+          shell: "sh",
+          args: ["-c", shellCommand],
+        };
+        break;
+      default:
+        console.error("Unsupported platform:", os.platform());
+        return false;
+    }
+
+    // Spawn child process using the appropriate shell command
+    const childProcess = spawn(spawnOptions.shell, spawnOptions.args, {
+      stdio: "inherit",
+    });
+
+    // Listen for child process events
+    return new Promise((resolve, reject) => {
+      childProcess.on("close", (code) => {
+        if (code === 0) {
+          console.log("Prisma commands executed successfully");
+          resolve(true);
+        } else {
+          console.error(`Child process exited with code ${code}`);
+          reject(new Error(`Child process exited with code ${code}`));
+        }
+      });
+    });
+  } catch (error) {
+    console.error("Error running Prisma commands:", error);
+    return false;
+  }
+}
diff --git a/server/api/devtool/orm/table/delete/[table]/index.delete.js b/server/api/devtool/orm/table/delete/[table]/index.delete.js
new file mode 100644
index 0000000..a50d716
--- /dev/null
+++ b/server/api/devtool/orm/table/delete/[table]/index.delete.js
@@ -0,0 +1,90 @@
+import { spawn } from "node:child_process";
+import { fileURLToPath } from "url";
+import { dirname, resolve } from "path";
+import os from "os";
+
+export default defineEventHandler(async (event) => {
+  const tableName = event.context.params.table;
+
+  try {
+    // Drop the table
+    await prisma.$executeRawUnsafe(`DROP TABLE IF EXISTS ${tableName}`);
+
+    // Run Prisma Command to update the schema
+    const isPrismaCommandRun = await runPrismaCommand();
+    if (!isPrismaCommandRun) {
+      return {
+        statusCode: 500,
+        message: "Prisma Command Failed after table deletion",
+      };
+    }
+
+    return {
+      statusCode: 200,
+      message: `Table '${tableName}' has been successfully deleted.`,
+    };
+  } catch (error) {
+    console.error("Error deleting table:", error);
+    return {
+      statusCode: 500,
+      message: `Failed to delete table '${tableName}'. Error: ${error.message}`,
+    };
+  }
+});
+
+async function runPrismaCommand() {
+  try {
+    console.log("---------- Run Prisma Command ----------");
+
+    const __dirname = dirname(fileURLToPath(import.meta.url));
+    const directory = resolve(__dirname, "../..");
+
+    // Command to execute
+    const command = "npx prisma db pull && npx prisma generate";
+
+    // Determine the appropriate shell command based on the platform
+    let shellCommand;
+    let spawnOptions;
+    switch (os.platform()) {
+      case "win32":
+        shellCommand = `Start-Process cmd -ArgumentList '/c cd "${directory}" && ${command}' -Verb RunAs`;
+        spawnOptions = {
+          shell: "powershell.exe",
+          args: ["-Command", shellCommand],
+        };
+        break;
+      case "darwin":
+      case "linux":
+        shellCommand = `cd "${directory}" && ${command}`;
+        spawnOptions = {
+          shell: "sh",
+          args: ["-c", shellCommand],
+        };
+        break;
+      default:
+        console.error("Unsupported platform:", os.platform());
+        return false;
+    }
+
+    // Spawn child process using the appropriate shell command
+    const childProcess = spawn(spawnOptions.shell, spawnOptions.args, {
+      stdio: "inherit",
+    });
+
+    // Listen for child process events
+    return new Promise((resolve, reject) => {
+      childProcess.on("close", (code) => {
+        if (code === 0) {
+          console.log("Prisma commands executed successfully");
+          resolve(true);
+        } else {
+          console.error(`Child process exited with code ${code}`);
+          reject(new Error(`Child process exited with code ${code}`));
+        }
+      });
+    });
+  } catch (error) {
+    console.error("Error running Prisma commands:", error);
+    return false;
+  }
+}
diff --git a/server/api/devtool/orm/table/modify/get.get.js b/server/api/devtool/orm/table/modify/get.get.js
new file mode 100644
index 0000000..358e4c0
--- /dev/null
+++ b/server/api/devtool/orm/table/modify/get.get.js
@@ -0,0 +1,113 @@
+export default defineEventHandler(async (event) => {
+  try {
+    const { tableName } = getQuery(event);
+
+    if (!tableName) {
+      return {
+        statusCode: 400,
+        message: "Table name is required",
+      };
+    }
+
+    const result = await prisma.$queryRaw`SELECT DATABASE() AS db_name`;
+    // console.log(result[0].db_name);
+
+    if (result.length === 0) {
+      return {
+        statusCode: 500,
+        message: "Please check your database connection",
+      };
+    }
+
+    let sqlRaw = `  SELECT 
+                        c.COLUMN_NAME, 
+                        c.DATA_TYPE, 
+                        c.CHARACTER_MAXIMUM_LENGTH, 
+                        c.COLUMN_DEFAULT, 
+                        c.IS_NULLABLE, 
+                        c.COLUMN_KEY,
+                        kcu.REFERENCED_TABLE_NAME,
+                        kcu.REFERENCED_COLUMN_NAME
+                    FROM 
+                        INFORMATION_SCHEMA.COLUMNS c
+                    LEFT JOIN 
+                        INFORMATION_SCHEMA.KEY_COLUMN_USAGE kcu ON 
+                        c.TABLE_SCHEMA = kcu.TABLE_SCHEMA AND 
+                        c.TABLE_NAME = kcu.TABLE_NAME AND 
+                        c.COLUMN_NAME = kcu.COLUMN_NAME
+                    WHERE 
+                        c.TABLE_SCHEMA = '${result[0].db_name}' AND 
+                        c.TABLE_NAME = '${tableName}';`;
+
+    // console.log(sqlRaw);
+
+    const getTableDetails = await prisma.$queryRawUnsafe(sqlRaw);
+    // console.log(getTableDetails);
+
+    /*
+        [{
+          "actions": "",
+          "defaultValue": "",
+          "length": "",
+          "name": "PID",
+          "nullable": "",
+          "primaryKey": true,
+          "type": "INT"
+        },
+        {
+          "actions": "",
+          "defaultValue": "",
+          "length": "",
+          "name": "Pproduct",
+          "nullable": true,
+          "primaryKey": "",
+          "type": "VARCHAR"
+        },
+        {
+          "actions": "",
+          "defaultValue": "",
+          "length": "",
+          "name": "userID",
+          "nullable": "",
+          "primaryKey": "",
+          "type": "[[user]]"
+        }]
+    */
+
+    let tableDetailsData = [];
+
+    // Loop through the result and convert bigInt to number
+    for (let i = 0; i < getTableDetails.length; i++) {
+      const table = getTableDetails[i];
+
+      tableDetailsData.push({
+        name: table.COLUMN_NAME,
+        type: table.REFERENCED_TABLE_NAME
+          ? `[[${table.REFERENCED_TABLE_NAME}]]`
+          : table.DATA_TYPE.toUpperCase(),
+        length: bigIntToNumber(table.CHARACTER_MAXIMUM_LENGTH),
+        defaultValue: table.COLUMN_DEFAULT,
+        nullable: table.IS_NULLABLE === "YES",
+        primaryKey: table.COLUMN_KEY === "PRI",
+        actions: {},
+      });
+    }
+
+    return {
+      statusCode: 200,
+      message: "Success",
+      data: tableDetailsData,
+    };
+  } catch (error) {
+    console.log(error.message);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
+
+function bigIntToNumber(bigInt) {
+  if (bigInt === null) return null;
+  return Number(bigInt.toString());
+}
diff --git a/server/api/devtool/orm/table/modify/index.post.js b/server/api/devtool/orm/table/modify/index.post.js
new file mode 100644
index 0000000..81587f1
--- /dev/null
+++ b/server/api/devtool/orm/table/modify/index.post.js
@@ -0,0 +1,191 @@
+import { spawn } from "node:child_process";
+import { fileURLToPath } from "url";
+import { dirname, resolve } from "path";
+import os from "os";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const { tableName, tableSchema, autoIncrementColumn } =
+      await readBody(event);
+
+    if (!tableName || !tableSchema) {
+      return {
+        statusCode: 400,
+        message: "Bad Request",
+      };
+    }
+
+    // Get existing table structure
+    const existingColumns = await prisma.$queryRaw`
+      SELECT COLUMN_NAME, DATA_TYPE, IS_NULLABLE, COLUMN_KEY
+      FROM INFORMATION_SCHEMA.COLUMNS
+      WHERE TABLE_SCHEMA = DATABASE() AND TABLE_NAME = ${tableName}
+    `;
+
+    // Compare and modify table structure
+    for (const column of tableSchema) {
+      const existingColumn = existingColumns.find(
+        (c) => c.COLUMN_NAME === column.name
+      );
+
+      if (existingColumn) {
+        // Modify existing column
+        await modifyColumn(tableName, column, existingColumn);
+      } else {
+        // Add new column
+        await addColumn(tableName, column);
+      }
+    }
+
+    // Remove columns that are not in the new schema
+    for (const existingColumn of existingColumns) {
+      if (!tableSchema.find((c) => c.name === existingColumn.COLUMN_NAME)) {
+        await removeColumn(tableName, existingColumn.COLUMN_NAME);
+      }
+    }
+
+    // Update auto-increment column if necessary
+    if (autoIncrementColumn) {
+      await updateAutoIncrement(tableName, autoIncrementColumn);
+    }
+
+    // Run Prisma Command to update the schema
+    const isPrismaCommandRun = await runPrismaCommand();
+    if (!isPrismaCommandRun) {
+      return {
+        statusCode: 500,
+        message: "Prisma Command Failed",
+      };
+    }
+
+    return {
+      statusCode: 200,
+      message: "Table modified successfully",
+    };
+  } catch (error) {
+    console.error(error);
+    return {
+      statusCode: 500,
+      message: "Internal Server Error",
+    };
+  }
+});
+
+async function modifyColumn(tableName, newColumn, existingColumn) {
+  let alterStatement = `ALTER TABLE ${tableName} MODIFY COLUMN ${newColumn.name} ${newColumn.type}`;
+
+  if (newColumn.length) {
+    alterStatement += `(${newColumn.length})`;
+  }
+
+  alterStatement += newColumn.nullable ? " NULL" : " NOT NULL";
+
+  if (newColumn.defaultValue) {
+    alterStatement += ` DEFAULT ${newColumn.defaultValue}`;
+  }
+
+  await prisma.$executeRawUnsafe(alterStatement);
+}
+
+async function addColumn(tableName, column) {
+  let alterStatement = `ALTER TABLE ${tableName} ADD COLUMN ${column.name} ${column.type}`;
+
+  if (column.length) {
+    alterStatement += `(${column.length})`;
+  }
+
+  alterStatement += column.nullable ? " NULL" : " NOT NULL";
+
+  if (column.defaultValue) {
+    alterStatement += ` DEFAULT ${column.defaultValue}`;
+  }
+
+  await prisma.$executeRawUnsafe(alterStatement);
+}
+
+async function removeColumn(tableName, columnName) {
+  await prisma.$executeRawUnsafe(
+    `ALTER TABLE ${tableName} DROP COLUMN ${columnName}`
+  );
+}
+
+async function updateAutoIncrement(tableName, autoIncrementColumn) {
+  await prisma.$executeRawUnsafe(
+    `ALTER TABLE ${tableName} MODIFY ${autoIncrementColumn} INT AUTO_INCREMENT`
+  );
+}
+
+async function runPrismaCommand(retries = 3) {
+  try {
+    console.log("---------- Run Prisma Command ----------");
+
+    const __dirname = dirname(fileURLToPath(import.meta.url));
+    const directory = resolve(__dirname, "../..");
+
+    // Command to execute
+    const command = "npx prisma db pull && npx prisma generate";
+
+    // Determine the appropriate shell command based on the platform
+    let shellCommand;
+    let spawnOptions;
+    switch (os.platform()) {
+      case "win32":
+        shellCommand = `Start-Process cmd -ArgumentList '/c cd "${directory}" && ${command}' -Verb RunAs`;
+        spawnOptions = {
+          shell: "powershell.exe",
+          args: ["-Command", shellCommand],
+        };
+        break;
+      case "darwin":
+      case "linux":
+        shellCommand = `cd "${directory}" && ${command}`;
+        spawnOptions = {
+          shell: "sh",
+          args: ["-c", shellCommand],
+        };
+        break;
+      default:
+        console.error("Unsupported platform:", os.platform());
+        return false;
+    }
+
+    // Spawn child process using the appropriate shell command
+    const childProcess = spawn(spawnOptions.shell, spawnOptions.args, {
+      stdio: "inherit",
+    });
+
+    // Listen for child process events
+    return new Promise((resolve, reject) => {
+      childProcess.on("close", (code) => {
+        if (code === 0) {
+          console.log("Prisma commands executed successfully");
+          resolve(true);
+        } else {
+          console.error(`Child process exited with code ${code}`);
+          reject(new Error(`Child process exited with code ${code}`));
+        }
+      });
+    });
+  } catch (error) {
+    console.error("Error running Prisma commands:", error);
+    return false;
+  }
+}
+
+function spawnCommand(command, args, cwd) {
+  return new Promise((resolve, reject) => {
+    const process = spawn(command, args, {
+      cwd,
+      stdio: "inherit",
+      shell: true,
+    });
+
+    process.on("close", (code) => {
+      if (code === 0) {
+        resolve();
+      } else {
+        reject(new Error(`Command failed with exit code ${code}`));
+      }
+    });
+  });
+}
diff --git a/server/api/devtool/role/add.js b/server/api/devtool/role/add.js
new file mode 100644
index 0000000..b65d9e2
--- /dev/null
+++ b/server/api/devtool/role/add.js
@@ -0,0 +1,87 @@
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    // Check if the role already exists
+    const allRole = await prisma.role.findMany({
+      where: {
+        roleStatus: "ACTIVE",
+      },
+    });
+
+    const roleExist = allRole.find((role) => {
+      return role?.roleName.toLowerCase() === body?.name.toLowerCase();
+    });
+
+    if (roleExist) {
+      return {
+        statusCode: 400,
+        message: "Role already exists",
+      };
+    }
+
+    // add new role
+    const role = await prisma.role.create({
+      data: {
+        roleName: body.name,
+        roleDescription: body.description || "",
+        roleStatus: "ACTIVE",
+        roleCreatedDate: new Date(),
+      },
+    });
+
+    if (role) {
+      // Add User to the role if users are provided
+      if (body.users && Array.isArray(body.users)) {
+        const userRoles = await Promise.all(
+          body.users.map(async (el) => {
+            const user = await prisma.user.findFirst({
+              where: {
+                userUsername: el.value,
+              },
+            });
+
+            if (user) {
+              return prisma.userrole.create({
+                data: {
+                  userRoleUserID: user.userID,
+                  userRoleRoleID: role.roleID,
+                  userRoleCreatedDate: new Date(),
+                },
+              });
+            }
+            return null;
+          })
+        );
+
+        const validUserRoles = userRoles.filter(Boolean);
+
+        return {
+          statusCode: 200,
+          message: "Role successfully added!",
+          data: {
+            role,
+            assignedUsers: validUserRoles.length,
+            totalUsers: body.users.length,
+          },
+        };
+      }
+
+      return {
+        statusCode: 200,
+        message: "Role successfully added!",
+        data: { role },
+      };
+    } else {
+      return {
+        statusCode: 500,
+        message: "Something went wrong! Please contact your administrator.",
+      };
+    }
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/role/delete.js b/server/api/devtool/role/delete.js
new file mode 100644
index 0000000..35091a8
--- /dev/null
+++ b/server/api/devtool/role/delete.js
@@ -0,0 +1,28 @@
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    // Delete user
+    const user = await prisma.role.updateMany({
+      where: {
+        roleID: body.id,
+      },
+      data: {
+        roleStatus: "DELETED",
+        roleModifiedDate: new Date(),
+      },
+    });
+
+    if (user) {
+      return {
+        statusCode: 200,
+        message: "User deleted successfully",
+      };
+    }
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/role/edit.js b/server/api/devtool/role/edit.js
new file mode 100644
index 0000000..1f22e46
--- /dev/null
+++ b/server/api/devtool/role/edit.js
@@ -0,0 +1,77 @@
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+  try {
+    // Edit role
+    const role = await prisma.role.update({
+      where: {
+        roleID: body.id,
+      },
+      data: {
+        roleName: body.name,
+        roleDescription: body.description,
+        roleModifiedDate: new Date(),
+      },
+    });
+
+    if (role) {
+      // Delete all user roles for this role
+      await prisma.userrole.deleteMany({
+        where: {
+          userRoleRoleID: body.id,
+        },
+      });
+
+      // Add User to the role if users are provided
+      if (body.users && Array.isArray(body.users)) {
+        const userRoles = await Promise.all(
+          body.users.map(async (el) => {
+            const user = await prisma.user.findFirst({
+              where: {
+                userUsername: el.value,
+              },
+            });
+
+            if (user) {
+              return prisma.userrole.create({
+                data: {
+                  userRoleUserID: user.userID,
+                  userRoleRoleID: body.id,
+                  userRoleCreatedDate: new Date(),
+                },
+              });
+            }
+            return null;
+          })
+        );
+
+        const validUserRoles = userRoles.filter(Boolean);
+
+        return {
+          statusCode: 200,
+          message: "Role successfully edited!",
+          data: {
+            role,
+            assignedUsers: validUserRoles.length,
+            totalUsers: body.users.length,
+          },
+        };
+      }
+
+      return {
+        statusCode: 200,
+        message: "Role successfully edited!",
+        data: { role },
+      };
+    } else {
+      return {
+        statusCode: 500,
+        message: "Something went wrong! Please contact your administrator.",
+      };
+    }
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/role/list.js b/server/api/devtool/role/list.js
new file mode 100644
index 0000000..9576abf
--- /dev/null
+++ b/server/api/devtool/role/list.js
@@ -0,0 +1,59 @@
+export default defineEventHandler(async (event) => {
+  // Get all users from database
+
+  try {
+    const roles = await prisma.role.findMany({
+      select: {
+        roleID: true,
+        roleName: true,
+        roleDescription: true,
+        roleStatus: true,
+        roleCreatedDate: true,
+        roleModifiedDate: true,
+      },
+      where: {
+        roleStatus: {
+          not: "DELETED",
+        },
+        roleID: {
+          not: 1,
+        },
+      },
+    });
+
+    if (roles) {
+      for (let i = 0; i < roles.length; i++) {
+        let userOfRole = await prisma.userrole.findMany({
+          select: {
+            user: {
+              select: {
+                userUsername: true,
+              },
+            },
+          },
+          where: {
+            userRoleRoleID: roles[i].roleID,
+          },
+        });
+
+        roles[i].users = userOfRole;
+      }
+
+      return {
+        statusCode: 200,
+        message: "Roles successfully fetched",
+        data: roles,
+      };
+    } else {
+      return {
+        statusCode: 404,
+        message: "No Roles found",
+      };
+    }
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/user/add.js b/server/api/devtool/user/add.js
new file mode 100644
index 0000000..9dc3c08
--- /dev/null
+++ b/server/api/devtool/user/add.js
@@ -0,0 +1,138 @@
+import sha256 from "crypto-js/sha256.js";
+
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  const password = sha256("abc123").toString();
+  let secretKey = generateSecretKey();
+
+  try {
+    // Get user from database
+    const allUser = await prisma.user.findMany({
+      where: {
+        userStatus: "ACTIVE",
+      },
+    });
+
+    // Check if the user already exists
+    const userExist = allUser.find((user) => {
+      return user?.userUsername.toLowerCase() === body?.username.toLowerCase();
+    });
+
+    if (userExist)
+      return {
+        statusCode: 400,
+        message: "Username already exists",
+      };
+
+    //  Validate secret key
+    do {
+      secretKey = generateSecretKey();
+    } while (
+      allUser.find((user) => {
+        return user?.userSecretKey === secretKey;
+      })
+    );
+
+    // Add New User
+    const user = await prisma.user.create({
+      data: {
+        userSecretKey: secretKey,
+        userUsername: body.username,
+        userPassword: password,
+        userFullName: body?.fullname || "",
+        userEmail: body?.email || "",
+        userPhone: body?.phone || "",
+        userStatus: "ACTIVE",
+        userCreatedDate: new Date(),
+      },
+    });
+
+    if (user) {
+      // Add user roles if provided
+      if (body.role && Array.isArray(body.role)) {
+        const userRoles = await Promise.all(
+          body.role.map(async (role) => {
+            const existingRole = await prisma.role.findFirst({
+              where: {
+                roleID: role.value,
+              },
+            });
+
+            if (existingRole) {
+              return prisma.userrole.create({
+                data: {
+                  userRoleUserID: user.userID,
+                  userRoleRoleID: role.value,
+                  userRoleCreatedDate: new Date(),
+                },
+              });
+            }
+            return null;
+          })
+        );
+
+        const validUserRoles = userRoles.filter(Boolean);
+
+        return {
+          statusCode: 200,
+          message: "User successfully added!",
+          data: {
+            user,
+            assignedRoles: validUserRoles.length,
+            totalRoles: body.role.length,
+          },
+        };
+      }
+
+      return {
+        statusCode: 200,
+        message: "User successfully added!",
+        data: { user },
+      };
+    } else {
+      return {
+        statusCode: 500,
+        message: "Something went wrong! Please contact your administrator.",
+      };
+    }
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
+
+function generateSecretKey() {
+  //   Generate Secret Key number and alphabet. Format : xxxx-xxxx-xxxx-xxxx
+  let secretKey = "";
+  let possible =
+    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+
+  for (let i = 0; i < 4; i++) {
+    for (let j = 0; j < 4; j++) {
+      secretKey += possible.charAt(Math.floor(Math.random() * possible.length));
+    }
+
+    if (i < 3) {
+      secretKey += "-";
+    }
+  }
+
+  return secretKey;
+}
+
+async function checkRoleID(roleID) {
+  const role = await prisma.role.findFirst({
+    where: {
+      roleID: roleID,
+    },
+  });
+
+  if (!role) {
+    return false;
+  } else {
+    return true;
+  }
+}
diff --git a/server/api/devtool/user/delete.js b/server/api/devtool/user/delete.js
new file mode 100644
index 0000000..294b204
--- /dev/null
+++ b/server/api/devtool/user/delete.js
@@ -0,0 +1,28 @@
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    // Delete user
+    const user = await prisma.user.updateMany({
+      where: {
+        userUsername: body.username,
+      },
+      data: {
+        userStatus: "DELETED",
+        userModifiedDate: new Date(),
+      },
+    });
+
+    if (user) {
+      return {
+        statusCode: 200,
+        message: "User deleted successfully",
+      };
+    }
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/user/edit.js b/server/api/devtool/user/edit.js
new file mode 100644
index 0000000..7cfa985
--- /dev/null
+++ b/server/api/devtool/user/edit.js
@@ -0,0 +1,86 @@
+export default defineEventHandler(async (event) => {
+  const body = await readBody(event);
+
+  try {
+    // Update user
+    const user = await prisma.user.updateMany({
+      where: {
+        userUsername: body.username,
+      },
+      data: {
+        userFullName: body?.fullname || "",
+        userEmail: body?.email || "",
+        userPhone: body?.phone || "",
+        userStatus: body.status,
+        userModifiedDate: new Date(),
+      },
+    });
+
+    if (user.count > 0) {
+      const getUserID = await prisma.user.findFirst({
+        where: {
+          userUsername: body.username,
+        },
+      });
+
+      if (getUserID) {
+        // Delete all user roles
+        await prisma.userrole.deleteMany({
+          where: {
+            userRoleUserID: getUserID.userID,
+          },
+        });
+
+        // Add new user roles
+        if (body.role && Array.isArray(body.role)) {
+          const userRoles = await Promise.all(
+            body.role.map(async (role) => {
+              const existingRole = await prisma.role.findFirst({
+                where: {
+                  roleID: role.value,
+                },
+              });
+
+              if (existingRole) {
+                return prisma.userrole.create({
+                  data: {
+                    userRoleUserID: getUserID.userID,
+                    userRoleRoleID: role.value,
+                    userRoleCreatedDate: new Date(),
+                  },
+                });
+              }
+              return null;
+            })
+          );
+
+          const validUserRoles = userRoles.filter(Boolean);
+
+          return {
+            statusCode: 200,
+            message: "User updated successfully",
+            data: {
+              assignedRoles: validUserRoles.length,
+              totalRoles: body.role.length,
+            },
+          };
+        }
+
+        return {
+          statusCode: 200,
+          message: "User updated successfully",
+        };
+      }
+    }
+
+    return {
+      statusCode: 404,
+      message: "User not found",
+    };
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/devtool/user/list.js b/server/api/devtool/user/list.js
new file mode 100644
index 0000000..e63e79e
--- /dev/null
+++ b/server/api/devtool/user/list.js
@@ -0,0 +1,60 @@
+export default defineEventHandler(async (event) => {
+  // Get all users from database except userStatus = DELETED
+
+  try {
+    const users = await prisma.user.findMany({
+      select: {
+        userID: true,
+        userUsername: true,
+        userFullName: true,
+        userEmail: true,
+        userPhone: true,
+        userStatus: true,
+        userCreatedDate: true,
+        userModifiedDate: true,
+      },
+      where: {
+        userStatus: {
+          not: "DELETED",
+        },
+      },
+    });
+
+    if (users) {
+      // Get all roles for each user
+      for (let i = 0; i < users.length; i++) {
+        let roleOfUser = await prisma.userrole.findMany({
+          select: {
+            role: {
+              select: {
+                roleID: true,
+                roleName: true,
+              },
+            },
+          },
+          where: {
+            userRoleUserID: users[i].userID,
+          },
+        });
+
+        users[i].roles = roleOfUser;
+      }
+
+      return {
+        statusCode: 200,
+        message: "Users successfully fetched",
+        data: users,
+      };
+    } else {
+      return {
+        statusCode: 404,
+        message: "No users found",
+      };
+    }
+  } catch (error) {
+    return {
+      statusCode: 500,
+      message: error.message,
+    };
+  }
+});
diff --git a/server/api/metabase/token.get.js b/server/api/metabase/token.get.js
new file mode 100644
index 0000000..d23e6cc
--- /dev/null
+++ b/server/api/metabase/token.get.js
@@ -0,0 +1,28 @@
+import jwt from "jsonwebtoken";
+
+export default defineEventHandler(async (event) => {
+  const config = useRuntimeConfig();
+  
+  const METABASE_SECRET_KEY = config.metabase.secretKey;
+
+  const payload = {
+    resource: { dashboard: 2 },
+    params: {},
+    exp: Math.round(Date.now() / 1000) + 10 * 60, // 10 minute expiration
+  };
+
+  try {
+    const token = jwt.sign(payload, METABASE_SECRET_KEY);
+    
+    return {
+      success: true,
+      token: token,
+      siteUrl: config.metabase.siteUrl
+    };
+  } catch (error) {
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to generate Metabase token'
+    });
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/[id].delete.js b/server/api/notifications/[id].delete.js
new file mode 100644
index 0000000..18d3d76
--- /dev/null
+++ b/server/api/notifications/[id].delete.js
@@ -0,0 +1,127 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get notification ID from route parameters
+    const notificationId = getRouterParam(event, 'id')
+    
+    if (!notificationId) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Notification ID is required'
+      })
+    }
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: 'Authentication required'
+      })
+    }
+
+    // Use Prisma transaction
+    const result = await prisma.$transaction(async (tx) => {
+      // First, check if the notification exists and belongs to the user
+      const notification = await tx.notifications.findFirst({
+        where: {
+          id: notificationId,
+          created_by: user.userID.toString()
+        },
+        select: {
+          id: true,
+          title: true,
+          status: true
+        }
+      });
+      
+      if (!notification) {
+        throw createError({
+          statusCode: 404,
+          statusMessage: 'Notification not found or you do not have permission to delete it'
+        })
+      }
+
+      // Check if notification can be deleted (only draft, scheduled, failed, or cancelled notifications)
+      const deletableStatuses = ['draft', 'scheduled', 'failed', 'cancelled']
+      if (!deletableStatuses.includes(notification.status)) {
+        const statusMessage = notification.status === 'sending' 
+          ? `Cannot delete notification while it's being sent. Please wait for it to complete or fail, then try again.`
+          : notification.status === 'sent'
+          ? `Cannot delete notification that has already been sent. Sent notifications are kept for audit purposes.`
+          : `Cannot delete notification with status: ${notification.status}. Only draft, scheduled, failed, or cancelled notifications can be deleted.`;
+        
+        throw createError({
+          statusCode: 400,
+          statusMessage: statusMessage
+        })
+      }
+
+      // If notification was scheduled, remove it from queue first
+      if (notification.status === 'scheduled') {
+        await tx.notification_queue.deleteMany({
+          where: {
+            notification_id: notificationId
+          }
+        });
+      }
+
+      // Delete related records first (if not handled by CASCADE)
+      await tx.notification_recipients.deleteMany({
+        where: {
+          notification_id: notificationId
+        }
+      });
+
+      await tx.notification_channels.deleteMany({
+        where: {
+          notification_id: notificationId
+        }
+      });
+
+      await tx.notification_user_segments.deleteMany({
+        where: {
+          notification_id: notificationId
+        }
+      });
+
+      // Delete the notification
+      const deletedNotification = await tx.notifications.delete({
+        where: {
+          id: notificationId
+        }
+      });
+
+      return {
+        id: deletedNotification.id,
+        title: notification.title
+      };
+    });
+
+    return {
+      success: true,
+      data: {
+        id: result.id,
+        title: result.title,
+        message: 'Notification deleted successfully'
+      }
+    }
+
+  } catch (error) {
+    console.error('Error deleting notification:', error)
+    
+    if (error.statusCode) {
+      throw error
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to delete notification',
+      data: {
+        error: error.message
+      }
+    })
+  } finally {
+  }
+}) 
\ No newline at end of file
diff --git a/server/api/notifications/[id].get.js b/server/api/notifications/[id].get.js
new file mode 100644
index 0000000..ad86e27
--- /dev/null
+++ b/server/api/notifications/[id].get.js
@@ -0,0 +1,223 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get notification ID from route parameters
+    const notificationId = getRouterParam(event, "id");
+
+    if (!notificationId) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Notification ID is required",
+      });
+    }
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Fetch notification with all related data using Prisma
+    const notification = await prisma.notifications.findFirst({
+      where: {
+        id: notificationId,
+        created_by: user.id,
+      },
+      include: {
+        notification_categories: {
+          select: {
+            name: true,
+            value: true,
+          },
+        },
+        notification_templates: {
+          select: {
+            name: true,
+            subject: true,
+            email_content: true,
+            push_title: true,
+            push_body: true,
+            variables: true,
+          },
+        },
+        notification_channels: {
+          select: {
+            channel_type: true,
+          },
+        },
+        notification_user_segments: {
+          include: {
+            user_segments: {
+              select: {
+                value: true,
+              },
+            },
+          },
+        },
+        notification_recipients: {
+          select: {
+            status: true,
+            opened_at: true,
+            clicked_at: true,
+          },
+        },
+      },
+    });
+
+    if (!notification) {
+      throw createError({
+        statusCode: 404,
+        statusMessage:
+          "Notification not found or you do not have permission to access it",
+      });
+    }
+
+    // Calculate analytics
+    const totalRecipients = notification.notification_recipients.length;
+    const sentCount = notification.notification_recipients.filter(
+      (r) => r.status === "sent"
+    ).length;
+    const deliveredCount = notification.notification_recipients.filter(
+      (r) => r.status === "delivered"
+    ).length;
+    const failedCount = notification.notification_recipients.filter(
+      (r) => r.status === "failed"
+    ).length;
+    const openedCount = notification.notification_recipients.filter(
+      (r) => r.opened_at !== null
+    ).length;
+    const clickedCount = notification.notification_recipients.filter(
+      (r) => r.clicked_at !== null
+    ).length;
+
+    // Calculate success rate
+    const successRate =
+      totalRecipients > 0
+        ? Math.round((deliveredCount / totalRecipients) * 100)
+        : 0;
+
+    // Format the response
+    const formattedNotification = {
+      id: notification.id,
+      title: notification.title,
+      type: notification.type,
+      priority: notification.priority,
+      status: notification.status,
+      category: {
+        name: notification.notification_categories?.name || "Uncategorized",
+        value: notification.notification_categories?.value,
+      },
+      channels: notification.notification_channels.map((c) => c.channel_type),
+      deliveryType: notification.delivery_type,
+      scheduledAt: notification.scheduled_at,
+      timezone: notification.timezone,
+      expiresAt: notification.expires_at,
+
+      // A/B Testing
+      enableAbTesting: notification.enable_ab_testing,
+      abTestSplit: notification.ab_test_split,
+      abTestName: notification.ab_test_name,
+
+      // Tracking
+      enableTracking: notification.enable_tracking,
+
+      // Audience
+      audienceType: notification.audience_type,
+      specificUsers: notification.specific_users,
+      userSegments: notification.notification_user_segments.map(
+        (s) => s.user_segments.value
+      ),
+      userStatus: notification.user_status,
+      registrationPeriod: notification.registration_period,
+      excludeUnsubscribed: notification.exclude_unsubscribed,
+      respectDoNotDisturb: notification.respect_do_not_disturb,
+
+      // Content
+      contentType: notification.content_type,
+      template: notification.notification_templates
+        ? {
+            id: notification.template_id,
+            name: notification.notification_templates.name,
+            subject: notification.notification_templates.subject,
+            emailContent: notification.notification_templates.email_content,
+            pushTitle: notification.notification_templates.push_title,
+            pushBody: notification.notification_templates.push_body,
+            variables: notification.notification_templates.variables,
+          }
+        : null,
+
+      // Email Content
+      emailSubject: notification.email_subject,
+      emailContent: notification.email_content,
+      callToActionText: notification.call_to_action_text,
+      callToActionUrl: notification.call_to_action_url,
+
+      // Push Content
+      pushTitle: notification.push_title,
+      pushBody: notification.push_body,
+      pushImageUrl: notification.push_image_url,
+
+      // Analytics
+      analytics: {
+        estimatedReach: notification.estimated_reach,
+        actualSent: notification.actual_sent,
+        totalRecipients,
+        sentCount,
+        deliveredCount,
+        failedCount,
+        openedCount,
+        clickedCount,
+        successRate,
+        openRate:
+          totalRecipients > 0
+            ? Math.round((openedCount / totalRecipients) * 100)
+            : 0,
+        clickRate:
+          totalRecipients > 0
+            ? Math.round((clickedCount / totalRecipients) * 100)
+            : 0,
+      },
+
+      // Metadata
+      createdBy: notification.created_by,
+      createdAt: notification.created_at,
+      updatedAt: notification.updated_at,
+      sentAt: notification.sent_at,
+    };
+
+    return {
+      success: true,
+      data: formattedNotification,
+    };
+  } catch (error) {
+    console.error("Error fetching notification:", error);
+
+    if (error.code?.startsWith("P")) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code,
+        },
+      });
+    }
+
+    if (error.statusCode) {
+      throw error;
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch notification",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+});
diff --git a/server/api/notifications/[id].put.js b/server/api/notifications/[id].put.js
new file mode 100644
index 0000000..7d55836
--- /dev/null
+++ b/server/api/notifications/[id].put.js
@@ -0,0 +1,150 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const id = event.context.params.id;
+    const body = await readBody(event);
+
+    // Validate if notification exists
+    const existingNotification = await prisma.notifications.findUnique({
+      where: { id },
+      include: {
+        notification_channels: true,
+        notification_user_segments: true
+      }
+    });
+
+    if (!existingNotification) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: 'Notification not found'
+      });
+    }
+
+    // Prepare update data
+    const updateData = {
+      title: body.title,
+      type: body.type,
+      priority: body.priority,
+      category_id: body.category_id,
+      status: body.status,
+      delivery_type: body.delivery_type,
+      scheduled_at: body.scheduled_at ? new Date(body.scheduled_at) : undefined,
+      timezone: body.timezone,
+      expires_at: body.expires_at ? new Date(body.expires_at) : undefined,
+      enable_ab_testing: body.enable_ab_testing,
+      ab_test_split: body.ab_test_split,
+      ab_test_name: body.ab_test_name,
+      enable_tracking: body.enable_tracking,
+      audience_type: body.audience_type,
+      specific_users: body.specific_users,
+      user_status: body.user_status,
+      registration_period: body.registration_period,
+      exclude_unsubscribed: body.exclude_unsubscribed,
+      respect_do_not_disturb: body.respect_do_not_disturb,
+      content_type: body.content_type,
+      template_id: body.template_id,
+      email_subject: body.email_subject,
+      email_content: body.email_content,
+      call_to_action_text: body.call_to_action_text,
+      call_to_action_url: body.call_to_action_url,
+      push_title: body.push_title,
+      push_body: body.push_body,
+      push_image_url: body.push_image_url,
+      estimated_reach: body.estimated_reach,
+      updated_at: new Date()
+    };
+
+    // Remove undefined values
+    Object.keys(updateData).forEach(key => 
+      updateData[key] === undefined && delete updateData[key]
+    );
+
+    // Start transaction
+    const updatedNotification = await prisma.$transaction(async (tx) => {
+      // Update notification
+      const notification = await tx.notifications.update({
+        where: { id },
+        data: updateData,
+        include: {
+          notification_channels: true,
+          notification_categories: true,
+          notification_templates: true,
+          notification_user_segments: {
+            include: {
+              user_segments: true
+            }
+          }
+        }
+      });
+
+      // Update channels if provided
+      if (Array.isArray(body.channels)) {
+        // Validate channel data structure
+        const invalidChannels = body.channels.filter(channel => !channel.type);
+        if (invalidChannels.length > 0) {
+          throw createError({
+            statusCode: 400,
+            statusMessage: 'Invalid channel data',
+            data: {
+              error: 'Each channel must have a type property',
+              invalidChannels,
+              receivedChannels: body.channels
+            }
+          });
+        }
+
+        // Delete existing channels
+        await tx.notification_channels.deleteMany({
+          where: { notification_id: id }
+        });
+
+        // Create new channels
+        if (body.channels.length > 0) {
+          await tx.notification_channels.createMany({
+            data: body.channels.map(channel => ({
+              notification_id: id,
+              channel_type: channel.type,
+              is_enabled: channel.is_enabled !== false
+            }))
+          });
+        }
+      }
+
+      // Update user segments if provided
+      if (Array.isArray(body.user_segments)) {
+        // Delete existing segments
+        await tx.notification_user_segments.deleteMany({
+          where: { notification_id: id }
+        });
+
+        // Create new segments
+        if (body.user_segments.length > 0) {
+          await tx.notification_user_segments.createMany({
+            data: body.user_segments.map(segmentId => ({
+              notification_id: id,
+              segment_id: segmentId
+            }))
+          });
+        }
+      }
+
+      return notification;
+    });
+
+    return {
+      success: true,
+      data: updatedNotification
+    };
+
+  } catch (error) {
+    console.error('Error updating notification:', error);
+    throw createError({
+      statusCode: error.statusCode || 500,
+      statusMessage: error.statusMessage || 'Failed to update notification',
+      data: {
+        error: error.message
+      }
+    });
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/audience-preview.post.js b/server/api/notifications/audience-preview.post.js
new file mode 100644
index 0000000..cfc6ad2
--- /dev/null
+++ b/server/api/notifications/audience-preview.post.js
@@ -0,0 +1,149 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const body = await readBody(event);
+    
+    // Simple validation
+    const audienceType = body.audienceType || 'all';
+    const specificUsers = body.specificUsers || '';
+    const userSegments = Array.isArray(body.userSegments) ? body.userSegments : [];
+    const excludeUnsubscribed = body.excludeUnsubscribed !== false;
+    
+    let totalCount = 0;
+    let users = [];
+    
+    // Calculate total count based on audience type
+    if (audienceType === 'all') {
+      totalCount = await prisma.user.count({
+        where: {
+          userStatus: 'active'
+        }
+      });
+
+      // Get sample users for preview
+      users = await prisma.user.findMany({
+        where: {
+          userStatus: 'active'
+        },
+        select: {
+          userID: true,
+          userEmail: true,
+          userFullName: true
+        },
+        take: 10,
+        orderBy: {
+          userCreatedDate: 'desc'
+        }
+      });
+    }
+    else if (audienceType === 'specific' && specificUsers) {
+      const usersList = specificUsers
+        .split('\n')
+        .map(u => u.trim())
+        .filter(Boolean);
+
+      if (usersList.length > 0) {
+        users = await prisma.user.findMany({
+          where: {
+            OR: [
+              { userEmail: { in: usersList } },
+              { userID: { in: usersList.map(id => parseInt(id)).filter(id => !isNaN(id)) } }
+            ]
+          },
+          select: {
+            userID: true,
+            userEmail: true,
+            userFullName: true
+          }
+        });
+        totalCount = users.length;
+      }
+    }
+    else if (audienceType === 'segmented') {
+      // For segmented audience, we'll use a simplified approach
+      // In a real implementation, we'd fetch users based on the segments
+      if (userSegments.includes('new_users')) {
+        // New users calculation - simplified example
+        const thirtyDaysAgo = new Date();
+        thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30);
+        
+        totalCount = await prisma.user.count({
+          where: {
+            userStatus: 'active',
+            userCreatedDate: {
+              gte: thirtyDaysAgo
+            }
+          }
+        });
+        
+        users = await prisma.user.findMany({
+          where: {
+            userStatus: 'active',
+            userCreatedDate: {
+              gte: thirtyDaysAgo
+            }
+          },
+          select: {
+            userID: true,
+            userEmail: true,
+            userFullName: true
+          },
+          take: 10,
+          orderBy: {
+            userCreatedDate: 'desc'
+          }
+        });
+      } else {
+        // Default segment behavior
+        totalCount = await prisma.user.count({
+          where: {
+            userStatus: 'active'
+          }
+        });
+        
+        users = await prisma.user.findMany({
+          where: {
+            userStatus: 'active'
+          },
+          select: {
+            userID: true,
+            userEmail: true,
+            userFullName: true
+          },
+          take: 10,
+          orderBy: {
+            userCreatedDate: 'desc'
+          }
+        });
+      }
+    }
+
+    // Format users for response
+    const formattedUsers = users.map(user => ({
+      id: user.userID,
+      name: user.userFullName?.trim() || 'Unknown',
+      email: user.userEmail,
+      segment: audienceType === 'specific' ? 'Specific User' : 
+               audienceType === 'segmented' ? 'Segmented User' : 'All Users'
+    }));
+
+    return {
+      success: true,
+      data: {
+        users: formattedUsers,
+        totalCount,
+        previewCount: formattedUsers.length
+      }
+    };
+  } catch (error) {
+    console.error('Error previewing audience:', error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to preview audience',
+      data: {
+        error: error.message
+      }
+    });
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/batch/index.get.js b/server/api/notifications/batch/index.get.js
new file mode 100644
index 0000000..c1aabf8
--- /dev/null
+++ b/server/api/notifications/batch/index.get.js
@@ -0,0 +1,122 @@
+import { z } from "zod";
+import prisma from "~/server/utils/prisma";
+
+// Query parameter validation schema
+const batchQuerySchema = z.object({
+  page: z
+    .string()
+    .transform((val) => parseInt(val) || 1)
+    .optional(),
+  limit: z
+    .string()
+    .transform((val) => parseInt(val) || 10)
+    .optional(),
+  status: z.string().optional(),
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Parse and validate query parameters
+    const queryParams = getQuery(event) || {};
+    const params = batchQuerySchema.parse(queryParams);
+
+    // Build where clause for filtering
+    const where = {
+      delivery_type: "batch", // Identify batch notifications
+    };
+
+    if (params.status) {
+      where.status = params.status;
+    }
+
+    // Get total count for pagination
+    const total = await prisma.notifications.count({ where });
+
+    // Calculate pagination metadata
+    const totalPages = Math.ceil(total / params.limit);
+
+    // Fetch batch notifications with related data
+    const batches = await prisma.notifications.findMany({
+      where,
+      select: {
+        id: true,
+        title: true,
+        status: true,
+        scheduled_at: true,
+        created_at: true,
+        priority: true,
+        notification_recipients: {
+          select: {
+            id: true,
+            status: true,
+          },
+        },
+        notification_queue: {
+          select: {
+            id: true,
+            status: true,
+          },
+        },
+      },
+      orderBy: {
+        created_at: "desc",
+      },
+      skip: (params.page - 1) * params.limit,
+      take: params.limit,
+    });
+
+    // Format batches for response
+    const formattedBatches = batches.map((batch) => {
+      // Calculate progress
+      const totalRecipients = batch.notification_recipients.length;
+      const processed = batch.notification_recipients.filter(
+        (r) => r.status === "sent" || r.status === "delivered"
+      ).length;
+
+      // Map status to UI-friendly status
+      let status = batch.status;
+      if (status === "draft") status = "draft";
+      else if (status === "scheduled") status = "scheduled";
+      else if (status === "processing") status = "sending";
+      else if (status === "completed") status = "sent";
+
+      return {
+        id: batch.id,
+        name: batch.title,
+        description: `Batch notification with ${totalRecipients} recipients`,
+        status: status,
+        processed: processed,
+        total: totalRecipients,
+        time: batch.created_at,
+      };
+    });
+
+    return {
+      success: true,
+      data: {
+        batches: formattedBatches,
+        pagination: {
+          page: params.page,
+          totalPages,
+          total,
+          hasMore: params.page < totalPages,
+        },
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching batches:", error);
+
+    if (error.statusCode) {
+      throw error;
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch batch notifications",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/batch/index.post.js b/server/api/notifications/batch/index.post.js
new file mode 100644
index 0000000..a48b61e
--- /dev/null
+++ b/server/api/notifications/batch/index.post.js
@@ -0,0 +1,98 @@
+import { z } from "zod";
+import prisma from "~/server/utils/prisma";
+
+// Validation schema for batch creation
+const createBatchSchema = z.object({
+  name: z.string().min(1, "Batch name is required"),
+  type: z.string().min(1, "Message type is required"),
+  description: z.string().optional(),
+  priority: z.string().default("medium"),
+  template: z.string().optional(),
+  segment: z.string().optional(),
+  scheduledAt: z.string().optional(),
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Parse and validate request body
+    const body = await readBody(event);
+    const batchData = createBatchSchema.parse(body);
+
+    // Create a new batch notification
+    const newBatch = await prisma.notifications.create({
+      data: {
+        title: batchData.name,
+        type: batchData.type,
+        priority: batchData.priority,
+        delivery_type: "batch",
+        status: batchData.scheduledAt ? "scheduled" : "draft",
+        scheduled_at: batchData.scheduledAt ? new Date(batchData.scheduledAt) : null,
+        audience_type: batchData.segment ? "segment" : "all",
+        content_type: "template",
+        template_id: batchData.template || null,
+        created_by: "system", // In a real application, this would be the user ID
+        created_at: new Date(),
+        updated_at: new Date(),
+      },
+    });
+
+    // If a segment is specified, create the segment association
+    if (batchData.segment) {
+      await prisma.notification_user_segments.create({
+        data: {
+          notification_id: newBatch.id,
+          segment_id: batchData.segment,
+          created_at: new Date(),
+        },
+      });
+    }
+
+    // Log the batch creation
+    await prisma.notification_logs.create({
+      data: {
+        notification_id: newBatch.id,
+        action: "Batch Created",
+        actor_id: "system", // In a real application, this would be the user ID
+        status: newBatch.status,
+        details: `Batch notification "${batchData.name}" created`,
+        created_at: new Date(),
+      },
+    });
+
+    return {
+      success: true,
+      data: {
+        id: newBatch.id,
+        name: newBatch.title,
+        status: newBatch.status,
+        message: "Batch created successfully",
+      },
+    };
+  } catch (error) {
+    console.error("Error creating batch:", error);
+
+    // Handle validation errors
+    if (error.name === "ZodError") {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Invalid batch data",
+        data: {
+          errors: error.errors,
+        },
+      });
+    }
+
+    if (error.statusCode) {
+      throw error;
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to create batch",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/batch/stats.get.js b/server/api/notifications/batch/stats.get.js
new file mode 100644
index 0000000..0854f36
--- /dev/null
+++ b/server/api/notifications/batch/stats.get.js
@@ -0,0 +1,71 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Since there's no explicit batch table in the schema, we'll simulate this by
+    // counting notifications with batch-related properties
+
+    // Get current date and set to start of day
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+
+    // Define what constitutes a "batch" notification (likely based on delivery_type or audience_type)
+    const batchWhere = {
+      delivery_type: "batch",
+    };
+
+    // Get batch stats
+    const [pending, processing, completed, failed] = await Promise.all([
+      // Pending batches (draft or scheduled)
+      prisma.notifications.count({
+        where: {
+          ...batchWhere,
+          status: {
+            in: ["draft", "scheduled"],
+          },
+        },
+      }),
+      // Processing batches
+      prisma.notifications.count({
+        where: {
+          ...batchWhere,
+          status: "processing",
+        },
+      }),
+      // Completed batches
+      prisma.notifications.count({
+        where: {
+          ...batchWhere,
+          status: "completed",
+        },
+      }),
+      // Failed batches
+      prisma.notifications.count({
+        where: {
+          ...batchWhere,
+          status: "failed",
+        },
+      }),
+    ]);
+
+    return {
+      success: true,
+      data: {
+        pending,
+        processing,
+        completed,
+        failed,
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching batch stats:", error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch batch statistics",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/categories.get.js b/server/api/notifications/categories.get.js
new file mode 100644
index 0000000..611f186
--- /dev/null
+++ b/server/api/notifications/categories.get.js
@@ -0,0 +1,37 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Fetch notification categories from the database
+    const categories = await prisma.notification_categories.findMany({
+      select: {
+        name: true,
+        value: true,
+        description: true,
+      },
+      orderBy: {
+        name: 'asc'
+      }
+    });
+
+    // Transform the data to match the expected format
+    const formattedCategories = categories.map(category => ({
+      label: category.name,
+      value: category.value,
+      description: category.description
+    }));
+
+    return {
+      success: true,
+      data: formattedCategories
+    }
+  } catch (error) {
+    console.error('Error fetching categories:', error)
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to fetch categories'
+    })
+  } finally {
+    // Disconnect Prisma client to avoid connection leaks
+  }
+}) 
\ No newline at end of file
diff --git a/server/api/notifications/dashboard/channel-performance.get.js b/server/api/notifications/dashboard/channel-performance.get.js
new file mode 100644
index 0000000..3b999cc
--- /dev/null
+++ b/server/api/notifications/dashboard/channel-performance.get.js
@@ -0,0 +1,76 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const now = new Date();
+    const last30Days = new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000);
+
+    // Get all channel types
+    const channelTypes = ['email', 'push', 'sms'];
+    const channelPerformance = [];
+
+    for (const channelType of channelTypes) {
+      // Get stats for this channel
+      const [totalSent, successful, failed, pending] = await Promise.all([
+        prisma.notification_recipients.count({
+          where: {
+            channel_type: channelType,
+            created_at: { gte: last30Days }
+          }
+        }),
+        prisma.notification_recipients.count({
+          where: {
+            channel_type: channelType,
+            status: 'sent',
+            created_at: { gte: last30Days }
+          }
+        }),
+        prisma.notification_recipients.count({
+          where: {
+            channel_type: channelType,
+            status: 'failed',
+            created_at: { gte: last30Days }
+          }
+        }),
+        prisma.notification_recipients.count({
+          where: {
+            channel_type: channelType,
+            status: 'pending',
+            created_at: { gte: last30Days }
+          }
+        }),
+      ]);
+
+      const successRate = totalSent > 0
+        ? ((successful / totalSent) * 100).toFixed(1)
+        : 0;
+
+      const failureRate = totalSent > 0
+        ? ((failed / totalSent) * 100).toFixed(1)
+        : 0;
+
+      channelPerformance.push({
+        channel: channelType,
+        totalSent,
+        successful,
+        failed,
+        pending,
+        successRate: parseFloat(successRate),
+        failureRate: parseFloat(failureRate),
+      });
+    }
+
+    return {
+      success: true,
+      data: channelPerformance
+    };
+  } catch (error) {
+    console.error("Error fetching channel performance:", error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch channel performance",
+      data: { error: error.message },
+    });
+  } finally {
+  }
+});
diff --git a/server/api/notifications/dashboard/overview.get.js b/server/api/notifications/dashboard/overview.get.js
new file mode 100644
index 0000000..98270a7
--- /dev/null
+++ b/server/api/notifications/dashboard/overview.get.js
@@ -0,0 +1,170 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const now = new Date();
+    const last24Hours = new Date(now.getTime() - 24 * 60 * 60 * 1000);
+    const last7Days = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000);
+    const last30Days = new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000);
+
+    // Fetch comprehensive stats
+    const [
+      totalNotifications,
+      totalSent,
+      totalScheduled,
+      totalDraft,
+      sentLast24h,
+      sentLast7Days,
+      totalRecipients,
+      successfulDeliveries,
+      failedDeliveries,
+      queuedJobs,
+      channelStats,
+      categoryStats,
+    ] = await Promise.all([
+      // Total notifications
+      prisma.notifications.count(),
+
+      // Total sent notifications
+      prisma.notifications.count({
+        where: { status: "sending" }
+      }),
+
+      // Total scheduled
+      prisma.notifications.count({
+        where: { status: "scheduled" }
+      }),
+
+      // Total drafts
+      prisma.notifications.count({
+        where: { status: "draft" }
+      }),
+
+      // Sent in last 24 hours
+      prisma.notifications.count({
+        where: {
+          status: "sending",
+          sent_at: { gte: last24Hours }
+        }
+      }),
+
+      // Sent in last 7 days
+      prisma.notifications.count({
+        where: {
+          status: "sending",
+          sent_at: { gte: last7Days }
+        }
+      }),
+
+      // Total recipients
+      prisma.notification_recipients.count(),
+
+      // Successful deliveries
+      prisma.notification_recipients.count({
+        where: { status: "sent" }
+      }),
+
+      // Failed deliveries
+      prisma.notification_recipients.count({
+        where: { status: "failed" }
+      }),
+
+      // Queued jobs
+      prisma.notification_queue.count({
+        where: { status: "queued" }
+      }),
+
+      // Channel distribution
+      prisma.notification_channels.groupBy({
+        by: ['channel_type'],
+        _count: {
+          channel_type: true
+        }
+      }),
+
+      // Category distribution
+      prisma.notifications.groupBy({
+        by: ['category_id'],
+        _count: {
+          category_id: true
+        },
+        take: 5,
+        orderBy: {
+          _count: {
+            category_id: 'desc'
+          }
+        }
+      }),
+    ]);
+
+    // Calculate delivery rate
+    const totalDeliveryAttempts = successfulDeliveries + failedDeliveries;
+    const deliveryRate = totalDeliveryAttempts > 0
+      ? ((successfulDeliveries / totalDeliveryAttempts) * 100).toFixed(1)
+      : 100;
+
+    // Calculate growth rate (last 7 days vs previous 7 days)
+    const previous7Days = new Date(last7Days.getTime() - 7 * 24 * 60 * 60 * 1000);
+    const sentPrevious7Days = await prisma.notifications.count({
+      where: {
+        status: "sending",
+        sent_at: {
+          gte: previous7Days,
+          lt: last7Days
+        }
+      }
+    });
+
+    const growthRate = sentPrevious7Days > 0
+      ? (((sentLast7Days - sentPrevious7Days) / sentPrevious7Days) * 100).toFixed(1)
+      : 0;
+
+    // Get category names
+    const categoryIds = categoryStats.map(c => c.category_id).filter(Boolean);
+    const categories = await prisma.notification_categories.findMany({
+      where: { id: { in: categoryIds } },
+      select: { id: true, name: true }
+    });
+
+    const categoryMap = Object.fromEntries(categories.map(c => [c.id, c.name]));
+
+    return {
+      success: true,
+      data: {
+        overview: {
+          total: totalNotifications,
+          sent: totalSent,
+          scheduled: totalScheduled,
+          draft: totalDraft,
+          sentLast24h,
+          sentLast7Days,
+          growthRate: parseFloat(growthRate),
+        },
+        delivery: {
+          totalRecipients,
+          successful: successfulDeliveries,
+          failed: failedDeliveries,
+          deliveryRate: parseFloat(deliveryRate),
+          queued: queuedJobs,
+        },
+        channels: channelStats.map(ch => ({
+          channel: ch.channel_type,
+          count: ch._count.channel_type,
+        })),
+        topCategories: categoryStats.map(cat => ({
+          categoryId: cat.category_id,
+          categoryName: categoryMap[cat.category_id] || 'Unknown',
+          count: cat._count.category_id,
+        })),
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching dashboard overview:", error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch dashboard data",
+      data: { error: error.message },
+    });
+  } finally {
+  }
+});
diff --git a/server/api/notifications/dashboard/recent.get.js b/server/api/notifications/dashboard/recent.get.js
new file mode 100644
index 0000000..9918324
--- /dev/null
+++ b/server/api/notifications/dashboard/recent.get.js
@@ -0,0 +1,65 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const query = getQuery(event);
+    const limit = parseInt(query.limit) || 10;
+
+    // Fetch recent notifications with related data
+    const recentNotifications = await prisma.notifications.findMany({
+      take: limit,
+      orderBy: {
+        created_at: 'desc'
+      },
+      include: {
+        notification_categories: {
+          select: {
+            name: true,
+            value: true
+          }
+        },
+        notification_channels: {
+          select: {
+            channel_type: true
+          }
+        },
+        _count: {
+          select: {
+            notification_recipients: true
+          }
+        }
+      }
+    });
+
+    // Format the response
+    const formatted = recentNotifications.map(notif => ({
+      id: notif.id,
+      title: notif.title,
+      type: notif.type,
+      priority: notif.priority,
+      status: notif.status,
+      category: notif.notification_categories?.name || 'Unknown',
+      channels: notif.notification_channels.map(ch => ch.channel_type),
+      recipientCount: notif._count.notification_recipients,
+      estimatedReach: notif.estimated_reach,
+      actualSent: notif.actual_sent,
+      createdAt: notif.created_at,
+      sentAt: notif.sent_at,
+      scheduledAt: notif.scheduled_at,
+      createdBy: notif.created_by,
+    }));
+
+    return {
+      success: true,
+      data: formatted
+    };
+  } catch (error) {
+    console.error("Error fetching recent notifications:", error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch recent notifications",
+      data: { error: error.message },
+    });
+  } finally {
+  }
+});
diff --git a/server/api/notifications/delivery/email-config.get.js b/server/api/notifications/delivery/email-config.get.js
new file mode 100644
index 0000000..c024fff
--- /dev/null
+++ b/server/api/notifications/delivery/email-config.get.js
@@ -0,0 +1,82 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user from auth middleware
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Get all email provider configurations
+    const emailConfigs = await prisma.notification_delivery_config.findMany({
+      where: {
+        channel_type: 'email'
+      },
+      select: {
+        id: true,
+        is_enabled: true,
+        provider: true,
+        provider_config: true,
+        status: true,
+        success_rate: true,
+        created_at: true,
+        updated_at: true
+      }
+    });
+
+    if (!emailConfigs || emailConfigs.length === 0) {
+      return {
+        success: true,
+        data: {
+          providers: [],
+          activeProvider: null
+        }
+      };
+    }
+
+    // Convert to provider-keyed object
+    const providersData = {};
+    emailConfigs.forEach(config => {
+      providersData[config.provider.toLowerCase().replace(/\s+/g, '-')] = {
+        enabled: config.is_enabled,
+        provider: config.provider,
+        status: config.status,
+        successRate: config.success_rate,
+        config: config.provider_config
+      };
+    });
+
+    // Find active provider (fallback to first enabled or first in list)
+    const activeConfig = emailConfigs.find(c => c.is_enabled) || emailConfigs[0];
+
+    return {
+      success: true,
+      data: {
+        providers: providersData,
+        activeProvider: activeConfig.provider.toLowerCase().replace(/\s+/g, '-'),
+        // For backward compatibility
+        enabled: activeConfig.is_enabled,
+        provider: activeConfig.provider.toLowerCase().replace(/\s+/g, '-'),
+        status: activeConfig.status,
+        successRate: activeConfig.success_rate,
+        config: activeConfig.provider_config
+      }
+    };
+  } catch (error) {
+    console.error('Error fetching email configuration:', error);
+    
+    if (error.statusCode) {
+      throw error;
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to fetch email configuration'
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/delivery/email-config.put.js b/server/api/notifications/delivery/email-config.put.js
new file mode 100644
index 0000000..f7624cf
--- /dev/null
+++ b/server/api/notifications/delivery/email-config.put.js
@@ -0,0 +1,118 @@
+import { z } from 'zod';
+import prisma from "~/server/utils/prisma";
+import { readBody } from 'h3';
+
+const emailConfigSchema = z.object({
+  enabled: z.boolean(),
+  provider: z.string(),
+  config: z.record(z.any()).optional()
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user from auth middleware
+    const user = event.context.user;
+    const userId = user?.userID;
+    if (!userId) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required (no user id)",
+      });
+    }
+    const now = new Date();
+
+    // Validate request body
+    const body = emailConfigSchema.parse(await readBody(event));
+
+    // Normalize provider name for database lookup
+    const providerName = body.provider === 'mailtrap' ? 'Mailtrap' :
+                         body.provider === 'aws-ses' ? 'AWS SES' :
+                         body.provider;
+
+    // If enabling this provider, disable all others for this channel
+    if (body.enabled) {
+      await prisma.notification_delivery_config.updateMany({
+        where: {
+          channel_type: 'email',
+          provider: { not: providerName }
+        },
+        data: {
+          is_enabled: false,
+          updated_at: now,
+          updated_by: userId
+        }
+      });
+    }
+
+    // Check if config already exists for this provider
+    const existingConfig = await prisma.notification_delivery_config.findFirst({
+      where: {
+        channel_type: 'email',
+        provider: providerName
+      }
+    });
+
+    let emailConfig;
+    if (existingConfig) {
+      // Update existing config
+      emailConfig = await prisma.notification_delivery_config.update({
+        where: {
+          id: existingConfig.id
+        },
+        data: {
+          is_enabled: body.enabled,
+          provider_config: body.config || {},
+          status: body.enabled ? 'Connected' : 'Disabled',
+          updated_at: now,
+          updated_by: userId
+        }
+      });
+    } else {
+      // Create new config
+      emailConfig = await prisma.notification_delivery_config.create({
+        data: {
+          channel_type: 'email',
+          is_enabled: body.enabled,
+          provider: providerName,
+          provider_config: body.config || {},
+          status: body.enabled ? 'Connected' : 'Disabled',
+          success_rate: 0,
+          created_by: userId,
+          updated_by: userId,
+          updated_at: now
+        }
+      });
+    }
+
+    return {
+      success: true,
+      data: {
+        enabled: emailConfig.is_enabled,
+        provider: emailConfig.provider,
+        status: emailConfig.status,
+        successRate: emailConfig.success_rate,
+        config: emailConfig.provider_config
+      }
+    };
+  } catch (error) {
+    console.error('Error updating email configuration:', error);
+    
+    if (error instanceof z.ZodError) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Invalid request data',
+        data: error.errors
+      });
+    }
+    
+    if (error.statusCode) {
+      throw error;
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to update email configuration'
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/delivery/push-config.get.js b/server/api/notifications/delivery/push-config.get.js
new file mode 100644
index 0000000..640739e
--- /dev/null
+++ b/server/api/notifications/delivery/push-config.get.js
@@ -0,0 +1,65 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user from auth middleware
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Get push notification configuration
+    const pushConfig = await prisma.notification_delivery_config.findFirst({
+      where: {
+        channel_type: 'push'
+      },
+      select: {
+        is_enabled: true,
+        provider: true,
+        provider_config: true,
+        status: true,
+        success_rate: true,
+        created_at: true,
+        updated_at: true
+      }
+    });
+
+    if (!pushConfig) {
+      return {
+        success: true,
+        data: {
+          enabled: false,
+          provider: 'firebase',
+          status: 'Not Configured',
+          successRate: 0
+        }
+      };
+    }
+
+    return {
+      success: true,
+      data: {
+        enabled: pushConfig.is_enabled,
+        provider: pushConfig.provider,
+        status: pushConfig.status,
+        successRate: pushConfig.success_rate,
+        config: pushConfig.provider_config
+      }
+    };
+  } catch (error) {
+    console.error('Error fetching push configuration:', error);
+    
+    if (error.statusCode) {
+      throw error;
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to fetch push configuration'
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/delivery/push-config.put.js b/server/api/notifications/delivery/push-config.put.js
new file mode 100644
index 0000000..bac41b8
--- /dev/null
+++ b/server/api/notifications/delivery/push-config.put.js
@@ -0,0 +1,80 @@
+import { z } from 'zod';
+import prisma from "~/server/utils/prisma";
+
+const pushConfigSchema = z.object({
+  enabled: z.boolean(),
+  provider: z.string(),
+  config: z.record(z.any()).optional()
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user from auth middleware
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Validate request body
+    const body = await readValidatedBody(event, pushConfigSchema.parse);
+
+    // Update or create push notification configuration
+    const pushConfig = await prisma.notification_delivery_config.upsert({
+      where: {
+        channel_type: 'push'
+      },
+      update: {
+        is_enabled: body.enabled,
+        provider: body.provider,
+        provider_config: body.config || {},
+        status: body.enabled ? 'Connected' : 'Disabled',
+        updated_at: new Date(),
+        updated_by: user.id
+      },
+      create: {
+        channel_type: 'push',
+        is_enabled: body.enabled,
+        provider: body.provider,
+        provider_config: body.config || {},
+        status: body.enabled ? 'Connected' : 'Disabled',
+        success_rate: 0,
+        created_by: user.id,
+        updated_by: user.id
+      }
+    });
+
+    return {
+      success: true,
+      data: {
+        enabled: pushConfig.is_enabled,
+        provider: pushConfig.provider,
+        status: pushConfig.status,
+        successRate: pushConfig.success_rate,
+        config: pushConfig.provider_config
+      }
+    };
+  } catch (error) {
+    console.error('Error updating push configuration:', error);
+    
+    if (error instanceof z.ZodError) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Invalid request data',
+        data: error.errors
+      });
+    }
+    
+    if (error.statusCode) {
+      throw error;
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to update push configuration'
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/delivery/settings.get.js b/server/api/notifications/delivery/settings.get.js
new file mode 100644
index 0000000..719bea6
--- /dev/null
+++ b/server/api/notifications/delivery/settings.get.js
@@ -0,0 +1,66 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user from auth middleware
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Get delivery settings
+    const settings = await prisma.notification_delivery_settings.findFirst({
+      select: {
+        auto_retry: true,
+        enable_fallback: true,
+        max_retries: true,
+        retry_delay: true,
+        priority: true,
+        enable_reports: true,
+        created_at: true,
+        updated_at: true
+      }
+    });
+
+    if (!settings) {
+      return {
+        success: true,
+        data: {
+          autoRetry: true,
+          enableFallback: true,
+          maxRetries: 3,
+          retryDelay: 30,
+          priority: 'normal',
+          enableReports: true
+        }
+      };
+    }
+
+    return {
+      success: true,
+      data: {
+        autoRetry: settings.auto_retry,
+        enableFallback: settings.enable_fallback,
+        maxRetries: settings.max_retries,
+        retryDelay: settings.retry_delay,
+        priority: settings.priority,
+        enableReports: settings.enable_reports
+      }
+    };
+  } catch (error) {
+    console.error('Error fetching delivery settings:', error);
+    
+    if (error.statusCode) {
+      throw error;
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to fetch delivery settings'
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/delivery/settings.put.js b/server/api/notifications/delivery/settings.put.js
new file mode 100644
index 0000000..ec45b04
--- /dev/null
+++ b/server/api/notifications/delivery/settings.put.js
@@ -0,0 +1,87 @@
+import { z } from 'zod';
+import prisma from "~/server/utils/prisma";
+
+const settingsSchema = z.object({
+  autoRetry: z.boolean(),
+  enableFallback: z.boolean(),
+  maxRetries: z.number().int().min(0).max(5),
+  retryDelay: z.number().int().min(1).max(300),
+  priority: z.enum(['low', 'normal', 'high']),
+  enableReports: z.boolean()
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user from auth middleware
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Validate request body
+    const body = await readValidatedBody(event, settingsSchema.parse);
+
+    // Update or create delivery settings
+    const settings = await prisma.notification_delivery_settings.upsert({
+      where: {
+        id: 1 // Only one settings record
+      },
+      update: {
+        auto_retry: body.autoRetry,
+        enable_fallback: body.enableFallback,
+        max_retries: body.maxRetries,
+        retry_delay: body.retryDelay,
+        priority: body.priority,
+        enable_reports: body.enableReports,
+        updated_at: new Date(),
+        updated_by: user.id
+      },
+      create: {
+        id: 1,
+        auto_retry: body.autoRetry,
+        enable_fallback: body.enableFallback,
+        max_retries: body.maxRetries,
+        retry_delay: body.retryDelay,
+        priority: body.priority,
+        enable_reports: body.enableReports,
+        created_by: user.id,
+        updated_by: user.id
+      }
+    });
+
+    return {
+      success: true,
+      data: {
+        autoRetry: settings.auto_retry,
+        enableFallback: settings.enable_fallback,
+        maxRetries: settings.max_retries,
+        retryDelay: settings.retry_delay,
+        priority: settings.priority,
+        enableReports: settings.enable_reports
+      }
+    };
+  } catch (error) {
+    console.error('Error updating delivery settings:', error);
+    
+    if (error instanceof z.ZodError) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Invalid request data',
+        data: error.errors
+      });
+    }
+    
+    if (error.statusCode) {
+      throw error;
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to update delivery settings'
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/delivery/sms-config.get.js b/server/api/notifications/delivery/sms-config.get.js
new file mode 100644
index 0000000..12d68d8
--- /dev/null
+++ b/server/api/notifications/delivery/sms-config.get.js
@@ -0,0 +1,54 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+    const smsConfig = await prisma.notification_delivery_config.findFirst({
+      where: { channel_type: 'sms' },
+      select: {
+        is_enabled: true,
+        provider: true,
+        provider_config: true,
+        status: true,
+        success_rate: true,
+        created_at: true,
+        updated_at: true
+      }
+    });
+    if (!smsConfig) {
+      return {
+        success: true,
+        data: {
+          enabled: false,
+          provider: 'twilio',
+          status: 'Not Configured',
+          successRate: 0
+        }
+      };
+    }
+    return {
+      success: true,
+      data: {
+        enabled: smsConfig.is_enabled,
+        provider: smsConfig.provider,
+        status: smsConfig.status,
+        successRate: smsConfig.success_rate,
+        config: smsConfig.provider_config
+      }
+    };
+  } catch (error) {
+    console.error('Error fetching SMS configuration:', error);
+    if (error.statusCode) throw error;
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to fetch SMS configuration'
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/delivery/sms-config.put.js b/server/api/notifications/delivery/sms-config.put.js
new file mode 100644
index 0000000..59be26d
--- /dev/null
+++ b/server/api/notifications/delivery/sms-config.put.js
@@ -0,0 +1,67 @@
+import { z } from 'zod';
+import prisma from "~/server/utils/prisma";
+
+const smsConfigSchema = z.object({
+  enabled: z.boolean(),
+  provider: z.string(),
+  config: z.record(z.any()).optional()
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+    const body = await readValidatedBody(event, smsConfigSchema.parse);
+    const smsConfig = await prisma.notification_delivery_config.upsert({
+      where: { channel_type: 'sms' },
+      update: {
+        is_enabled: body.enabled,
+        provider: body.provider,
+        provider_config: body.config || {},
+        status: body.enabled ? 'Connected' : 'Disabled',
+        updated_at: new Date(),
+        updated_by: user.id
+      },
+      create: {
+        channel_type: 'sms',
+        is_enabled: body.enabled,
+        provider: body.provider,
+        provider_config: body.config || {},
+        status: body.enabled ? 'Connected' : 'Disabled',
+        success_rate: 0,
+        created_by: user.id,
+        updated_by: user.id
+      }
+    });
+    return {
+      success: true,
+      data: {
+        enabled: smsConfig.is_enabled,
+        provider: smsConfig.provider,
+        status: smsConfig.status,
+        successRate: smsConfig.success_rate,
+        config: smsConfig.provider_config
+      }
+    };
+  } catch (error) {
+    console.error('Error updating SMS configuration:', error);
+    if (error instanceof z.ZodError) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Invalid request data',
+        data: error.errors
+      });
+    }
+    if (error.statusCode) throw error;
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to update SMS configuration'
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/delivery/stats.get.js b/server/api/notifications/delivery/stats.get.js
new file mode 100644
index 0000000..c7838c9
--- /dev/null
+++ b/server/api/notifications/delivery/stats.get.js
@@ -0,0 +1,85 @@
+import { prisma } from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user from auth middleware
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Get delivery statistics from the last 30 days
+    const thirtyDaysAgo = new Date();
+    thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30);
+
+    // Get email statistics
+    const emailStats = await prisma.notification_delivery.groupBy({
+      by: ['is_success'],
+      where: {
+        channel_type: 'email',
+        created_at: {
+          gte: thirtyDaysAgo
+        }
+      },
+      _count: {
+        id: true
+      }
+    });
+
+    // Get push notification statistics
+    const pushStats = await prisma.notification_delivery.groupBy({
+      by: ['is_success'],
+      where: {
+        channel_type: 'push',
+        created_at: {
+          gte: thirtyDaysAgo
+        }
+      },
+      _count: {
+        id: true
+      }
+    });
+
+    // Calculate totals
+    const emailCount = emailStats.reduce((sum, stat) => sum + stat._count.id, 0);
+    const pushCount = pushStats.reduce((sum, stat) => sum + stat._count.id, 0);
+    const emailSuccess = emailStats.find(stat => stat.is_success)?._count.id || 0;
+    const pushSuccess = pushStats.find(stat => stat.is_success)?._count.id || 0;
+
+    // Calculate success rate
+    const totalDeliveries = emailCount + pushCount;
+    const totalSuccessful = emailSuccess + pushSuccess;
+    const successRate = totalDeliveries > 0 
+      ? (totalSuccessful / totalDeliveries) * 100 
+      : 100;
+
+    return {
+      success: true,
+      data: {
+        emailsSent: emailCount,
+        pushSent: pushCount,
+        successRate: Number(successRate.toFixed(2)),
+        failed: totalDeliveries - totalSuccessful
+      }
+    };
+  } catch (error) {
+    console.error('Error fetching delivery stats:', {
+      message: error.message,
+      code: error.code,
+      meta: error.meta,
+      stack: error.stack
+    });
+    
+    if (error.statusCode) {
+      throw error;
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: `Failed to fetch delivery statistics: ${error.message}`
+    });
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/draft.post.js b/server/api/notifications/draft.post.js
new file mode 100644
index 0000000..f877070
--- /dev/null
+++ b/server/api/notifications/draft.post.js
@@ -0,0 +1,235 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Read request body
+    const body = await readBody(event);
+    
+    // Get current user
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: 'Authentication required'
+      });
+    }
+
+    // Prepare data for saving
+    const draftData = {
+      title: body.title || 'Untitled Draft',
+      type: body.type || 'single',
+      priority: body.priority || 'medium',
+      category: body.category,
+      channels: Array.isArray(body.channels) ? body.channels : [],
+      emailSubject: body.emailSubject || null,
+      deliveryType: body.deliveryType || 'immediate',
+      scheduledAt: body.scheduledAt || null,
+      timezone: body.timezone || 'UTC',
+      audienceType: body.audienceType || 'all',
+      specificUsers: body.specificUsers || null,
+      userSegments: Array.isArray(body.userSegments) ? body.userSegments : [],
+      excludeUnsubscribed: body.excludeUnsubscribed !== false, // default true
+      contentType: body.contentType || 'new',
+      selectedTemplate: body.selectedTemplate || null,
+      emailContent: body.emailContent || null,
+      callToActionText: body.callToActionText || null,
+      callToActionUrl: body.callToActionUrl || null,
+      pushTitle: body.pushTitle || null,
+      pushBody: body.pushBody || null,
+      draftId: body.draftId // For updating existing drafts
+    };
+
+    // Use Prisma transaction
+    const result = await prisma.$transaction(async (tx) => {
+      let notificationId = draftData.draftId;
+      
+      // Get category if provided
+      let categoryId = null;
+      if (draftData.category) {
+        const category = await tx.notification_categories.findFirst({
+          where: { value: draftData.category }
+        });
+        
+        if (category) {
+          categoryId = category.id;
+        }
+      }
+      
+      // Get template if provided
+      let templateId = null;
+      if (draftData.contentType === 'template' && draftData.selectedTemplate) {
+        const template = await tx.notification_templates.findFirst({
+          where: { 
+            value: draftData.selectedTemplate,
+            is_active: true
+          }
+        });
+        
+        if (template) {
+          templateId = template.id;
+        }
+      }
+      
+      if (notificationId) {
+        // Check if the draft exists and belongs to the user
+        const existingDraft = await tx.notifications.findFirst({
+          where: {
+            id: notificationId,
+            created_by: user.userID.toString(),
+            status: 'draft'
+          }
+        });
+        
+        if (!existingDraft) {
+          throw createError({
+            statusCode: 404,
+            statusMessage: 'Draft not found or you do not have permission to update it'
+          });
+        }
+        
+        // Update existing draft
+        const updatedDraft = await tx.notifications.update({
+          where: { id: notificationId },
+          data: {
+            title: draftData.title,
+            type: draftData.type,
+            priority: draftData.priority,
+            category_id: categoryId,
+            delivery_type: draftData.deliveryType,
+            scheduled_at: draftData.scheduledAt ? new Date(draftData.scheduledAt) : null,
+            timezone: draftData.timezone,
+            audience_type: draftData.audienceType,
+            specific_users: draftData.specificUsers,
+            exclude_unsubscribed: draftData.excludeUnsubscribed,
+            content_type: draftData.contentType,
+            template_id: templateId,
+            email_subject: draftData.emailSubject,
+            email_content: draftData.emailContent,
+            call_to_action_text: draftData.callToActionText,
+            call_to_action_url: draftData.callToActionUrl,
+            push_title: draftData.pushTitle,
+            push_body: draftData.pushBody,
+            updated_at: new Date()
+          }
+        });
+        
+        notificationId = updatedDraft.id;
+      } else {
+        // Create new draft
+        const newDraft = await tx.notifications.create({
+          data: {
+            title: draftData.title,
+            type: draftData.type,
+            priority: draftData.priority,
+            category_id: categoryId,
+            delivery_type: draftData.deliveryType,
+            scheduled_at: draftData.scheduledAt ? new Date(draftData.scheduledAt) : null,
+            timezone: draftData.timezone,
+            audience_type: draftData.audienceType,
+            specific_users: draftData.specificUsers,
+            exclude_unsubscribed: draftData.excludeUnsubscribed,
+            respect_do_not_disturb: true,
+            enable_tracking: true,
+            content_type: draftData.contentType,
+            template_id: templateId,
+            email_subject: draftData.emailSubject,
+            email_content: draftData.emailContent,
+            call_to_action_text: draftData.callToActionText,
+            call_to_action_url: draftData.callToActionUrl,
+            push_title: draftData.pushTitle,
+            push_body: draftData.pushBody,
+            created_by: user.userID.toString(),
+            status: 'draft'
+          }
+        });
+        
+        notificationId = newDraft.id;
+      }
+      
+      // Update channels
+      if (draftData.channels && draftData.channels.length > 0) {
+        // Delete existing channels
+        await tx.notification_channels.deleteMany({
+          where: { notification_id: notificationId }
+        });
+        
+        // Insert new channels
+        await tx.notification_channels.createMany({
+          data: draftData.channels.map(channel => ({
+            notification_id: notificationId,
+            channel_type: channel
+          }))
+        });
+      }
+      
+      // Update segments
+      if (draftData.userSegments && draftData.userSegments.length > 0) {
+        // Delete existing segments
+        await tx.notification_user_segments.deleteMany({
+          where: { notification_id: notificationId }
+        });
+        
+        // Insert new segments
+        for (const segment of draftData.userSegments) {
+          const segmentData = await tx.user_segments.findFirst({
+            where: {
+              value: segment,
+              is_active: true
+            }
+          });
+          
+          if (segmentData) {
+            await tx.notification_user_segments.create({
+              data: {
+                notification_id: notificationId,
+                segment_id: segmentData.id
+              }
+            });
+          }
+        }
+      }
+      
+      return {
+        id: notificationId
+      };
+    });
+    
+    return {
+      success: true,
+      data: {
+        id: result.id,
+        message: 'Draft saved successfully'
+      }
+    };
+    
+  } catch (error) {
+    console.error('Error saving draft:', error);
+    
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith('P')) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Database operation failed',
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+    
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+    
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to save draft',
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/index.post.js b/server/api/notifications/index.post.js
new file mode 100644
index 0000000..11f6cb7
--- /dev/null
+++ b/server/api/notifications/index.post.js
@@ -0,0 +1,411 @@
+import prisma from "~/server/utils/prisma";
+import { processEmailQueue } from "~/server/utils/emailService";
+
+// Basic input validation function
+function validateBasicInput(body) {
+  const errors = [];
+
+  // Required fields validation
+  if (!body.title || body.title.trim() === '') {
+    errors.push('Title is required');
+  }
+
+  if (!body.type || !['single', 'bulk'].includes(body.type)) {
+    errors.push('Type must be either "single" or "bulk"');
+  }
+
+  if (!body.priority || !['low', 'medium', 'high', 'critical'].includes(body.priority)) {
+    errors.push('Priority must be one of: low, medium, high, critical');
+  }
+
+  if (!body.category || body.category.trim() === '') {
+    errors.push('Category is required');
+  }
+
+  if (!body.channels || !Array.isArray(body.channels) || body.channels.length === 0) {
+    errors.push('At least one channel is required');
+  } else {
+    const validChannels = ['email', 'push', 'sms'];
+    const invalidChannels = body.channels.filter(channel => !validChannels.includes(channel));
+    if (invalidChannels.length > 0) {
+      errors.push(`Invalid channels: ${invalidChannels.join(', ')}`);
+    }
+  }
+
+  if (!body.deliveryType || !['immediate', 'scheduled'].includes(body.deliveryType)) {
+    errors.push('Delivery type must be either "immediate" or "scheduled"');
+  }
+
+  if (!body.audienceType || !['all', 'specific', 'segmented'].includes(body.audienceType)) {
+    errors.push('Audience type must be one of: all, specific, segmented');
+  }
+
+  if (!body.contentType || !['new', 'template'].includes(body.contentType)) {
+    errors.push('Content type must be either "new" or "template"');
+  }
+
+  // Conditional validations
+  if (body.deliveryType === 'scheduled' && !body.scheduledAt) {
+    errors.push('Scheduled date is required for scheduled notifications');
+  }
+
+  if (body.channels && body.channels.includes('email') && !body.emailSubject) {
+    errors.push('Email subject is required when email channel is selected');
+  }
+
+  // Content validations
+  if (body.contentType === 'template' && !body.selectedTemplate) {
+    errors.push('Template selection is required when using template content');
+  }
+
+  if (body.contentType === 'new') {
+    if (body.channels && body.channels.includes('email') && !body.emailContent) {
+      errors.push('Email content is required when using email channel with new content');
+    }
+
+    if (body.channels && body.channels.includes('push') && (!body.pushTitle || !body.pushBody)) {
+      errors.push('Push title and body are required when using push channel with new content');
+    }
+  }
+
+  // Audience validations
+  if (body.audienceType === 'specific' && (!body.specificUsers || body.specificUsers.trim() === '')) {
+    errors.push('Specific users are required when audience type is specific');
+  }
+
+  if (body.audienceType === 'segmented' && (!body.userSegments || body.userSegments.length === 0)) {
+    errors.push('At least one user segment is required when audience type is segmented');
+  }
+
+  return errors;
+}
+
+// Simple audience count estimation
+async function estimateAudienceCount(audienceData, tx) {
+  try {
+    if (audienceData.audienceType === 'all') {
+      // For testing, return 1 (since we're using test recipients)
+      return 1;
+    } else if (audienceData.audienceType === 'specific') {
+      // Count lines in specificUsers
+      const userLines = audienceData.specificUsers
+        .split('\n')
+        .filter(line => line.trim() !== '');
+      return userLines.length;
+    } else if (audienceData.audienceType === 'segmented') {
+      // For segmented audience, return an estimate
+      // In a real implementation, this would query based on segments
+      return audienceData.userSegments?.length || 0;
+    }
+    return 0;
+  } catch (error) {
+    console.error("Error estimating audience count:", error);
+    return 0;
+  }
+}
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Read and validate request body
+    const body = await readBody(event);
+    
+    console.log("Request body:", body);
+
+    // Basic input validation
+    const validationErrors = validateBasicInput(body);
+    if (validationErrors.length > 0) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Validation failed",
+        data: {
+          errors: validationErrors
+        }
+      });
+    }
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Set default values for optional fields
+    const notificationData = {
+      title: body.title,
+      type: body.type,
+      priority: body.priority,
+      category: body.category,
+      channels: body.channels,
+      emailSubject: body.emailSubject || null,
+      deliveryType: body.deliveryType,
+      scheduledAt: body.scheduledAt || null,
+      timezone: body.timezone || 'UTC',
+      audienceType: body.audienceType,
+      specificUsers: body.specificUsers || null,
+      userSegments: body.userSegments || [],
+      excludeUnsubscribed: body.excludeUnsubscribed !== false, // default true
+      contentType: body.contentType,
+      selectedTemplate: body.selectedTemplate || null,
+      emailContent: body.emailContent || null,
+      callToActionText: body.callToActionText || null,
+      callToActionUrl: body.callToActionUrl || null,
+      pushTitle: body.pushTitle || null,
+      pushBody: body.pushBody || null,
+    };
+
+    // Use Prisma transaction for consistency
+    const result = await prisma.$transaction(async (tx) => {
+      // 1. Get category
+      const category = await tx.notification_categories.findFirst({
+        where: { value: notificationData.category },
+      });
+
+      if (!category) {
+        throw createError({
+          statusCode: 400,
+          statusMessage: "Invalid category",
+        });
+      }
+
+      // 2. Get template data if using template
+      let templateData = null;
+      if (notificationData.contentType === "template") {
+        templateData = await tx.notification_templates.findFirst({
+          where: {
+            value: notificationData.selectedTemplate,
+            is_active: true,
+          },
+        });
+
+        if (!templateData) {
+          throw createError({
+            statusCode: 400,
+            statusMessage: "Invalid or inactive template",
+          });
+        }
+      }
+
+      // 3. Calculate estimated reach
+      const estimatedReach = await estimateAudienceCount(notificationData, tx);
+
+      // 4. Create notification record
+      const notification = await tx.notifications.create({
+        data: {
+          title: notificationData.title,
+          type: notificationData.type,
+          priority: notificationData.priority,
+          category_id: category.id,
+          delivery_type: notificationData.deliveryType,
+          scheduled_at: notificationData.scheduledAt ? new Date(notificationData.scheduledAt) : null,
+          timezone: notificationData.timezone,
+          enable_tracking: true, // Simplified: always enable tracking
+          audience_type: notificationData.audienceType,
+          specific_users: notificationData.specificUsers,
+          exclude_unsubscribed: notificationData.excludeUnsubscribed,
+          respect_do_not_disturb: true, // Simplified: always respect DND
+          content_type: notificationData.contentType,
+          template_id: templateData?.id || null,
+          email_subject: notificationData.emailSubject || templateData?.subject || null,
+          email_content: notificationData.emailContent || templateData?.email_content || null,
+          call_to_action_text: notificationData.callToActionText || null,
+          call_to_action_url: notificationData.callToActionUrl || null,
+          push_title: notificationData.pushTitle || templateData?.push_title || null,
+          push_body: notificationData.pushBody || templateData?.push_body || null,
+          estimated_reach: estimatedReach,
+          created_by: user.userID.toString(),
+          status: notificationData.deliveryType === "immediate" ? "sending" : "scheduled",
+        },
+      });
+
+      // 5. Insert notification channels
+      await tx.notification_channels.createMany({
+        data: notificationData.channels.map((channel) => ({
+          notification_id: notification.id,
+          channel_type: channel,
+        })),
+      });
+
+      // 6. Insert user segments if segmented audience
+      if (notificationData.audienceType === "segmented" && notificationData.userSegments?.length > 0) {
+        for (const segment of notificationData.userSegments) {
+          const segmentData = await tx.user_segments.findFirst({
+            where: {
+              value: segment,
+              is_active: true,
+            },
+          });
+
+          if (segmentData) {
+            await tx.notification_user_segments.create({
+              data: {
+                notification_id: notification.id,
+                segment_id: segmentData.id,
+              },
+            });
+          }
+        }
+      }
+
+      // 7. Add recipients to notification_recipients table and queue them
+      // First, determine who will receive the notification
+      const recipientsList = [];
+      
+      // Get users based on audience type
+      if (notificationData.audienceType === 'all') {
+        // For testing, use the configured sender email
+        const senderEmail = process.env.SMTP_USER || 'test@example.com';
+        recipientsList.push({
+          user_id: "test-user-1",
+          email: senderEmail, // Use your email for testing
+        });
+      } 
+      else if (notificationData.audienceType === 'specific' && notificationData.specificUsers) {
+        // Parse specific users from the text field (email addresses or IDs)
+        const userIds = notificationData.specificUsers
+          .split('\n')
+          .filter(line => line.trim() !== '')
+          .map(line => line.trim());
+          
+        // For each specified user, add to recipients
+        for (const userId of userIds) {
+          const isEmail = userId.includes('@');
+          recipientsList.push({
+            user_id: isEmail ? userId.split('@')[0] : userId, // Extract username or use ID
+            email: isEmail ? userId : `${userId}@example.com`, // Use provided email or generate fake one
+          });
+        }
+      }
+      else if (notificationData.audienceType === 'segmented' && notificationData.userSegments?.length > 0) {
+        // For demo purposes, just add placeholder users for each segment
+        for (let i = 0; i < notificationData.userSegments.length; i++) {
+          const segmentValue = notificationData.userSegments[i];
+          recipientsList.push({
+            user_id: `${segmentValue}-user-${i+1}`,
+            email: `${segmentValue}${i+1}@example.com`,
+          });
+        }
+      }
+      
+      // Create recipients and queue entries using batch inserts for better performance
+      console.log(`📦 Processing ${recipientsList.length} recipients across ${notificationData.channels.length} channel(s)...`);
+
+      // Prepare batch data for recipients
+      const recipientsData = [];
+      for (const recipient of recipientsList) {
+        for (const channel of notificationData.channels) {
+          recipientsData.push({
+            notification_id: notification.id,
+            user_id: recipient.user_id,
+            email: channel === 'email' ? recipient.email : null,
+            channel_type: channel,
+            status: 'pending',
+          });
+        }
+      }
+
+      // Batch insert all recipients at once
+      await tx.notification_recipients.createMany({
+        data: recipientsData,
+      });
+
+      // Fetch created recipients to get their IDs for queue
+      const createdRecipients = await tx.notification_recipients.findMany({
+        where: { notification_id: notification.id },
+        orderBy: { id: 'asc' }
+      });
+
+      // Determine when this notification should be scheduled
+      let scheduledFor;
+      if (notificationData.deliveryType === 'immediate') {
+        scheduledFor = new Date(Date.now() + 60000); // 1 minute from now
+      } else if (notificationData.deliveryType === 'scheduled' && notificationData.scheduledAt) {
+        scheduledFor = new Date(notificationData.scheduledAt);
+      } else {
+        scheduledFor = new Date(Date.now() + 300000); // Fallback - 5 minutes from now
+      }
+
+      const priority = notificationData.priority === 'critical' ? 1
+                     : notificationData.priority === 'high' ? 2
+                     : notificationData.priority === 'medium' ? 3
+                     : 5;
+
+      // Prepare batch data for queue
+      const queueData = createdRecipients.map(rec => ({
+        notification_id: notification.id,
+        recipient_id: rec.id,
+        scheduled_for: scheduledFor,
+        priority,
+        status: 'queued',
+      }));
+
+      // Batch insert all queue items at once
+      await tx.notification_queue.createMany({
+        data: queueData,
+      });
+
+      console.log(`✅ Created ${createdRecipients.length} recipients and queue items in batch`);
+      
+      return {
+        id: notification.id,
+        estimatedReach,
+        recipientsCreated: createdRecipients.length,
+      };
+    });
+
+    // If this is an immediate notification, trigger background queue processing (non-blocking)
+    if (notificationData.deliveryType === "immediate") {
+      // Don't await - let it run in background
+      processEmailQueue().catch(err => {
+        console.error('Background queue processing error:', err);
+      });
+    }
+
+    // Return success response
+    return {
+      success: true,
+      data: {
+        id: result.id,
+        message:
+          notificationData.deliveryType === "immediate"
+            ? "Notification queued for immediate delivery"
+            : "Notification has been scheduled",
+        estimatedReach: result.estimatedReach,
+        recipientsQueued: result.recipientsCreated || 0,
+        queueStatus: "Recipients have been added to the notification queue",
+      },
+    };
+  } catch (error) {
+    console.error("Notification creation error:", error);
+
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith('P')) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to create notification",
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+});
+
diff --git a/server/api/notifications/list.get.js b/server/api/notifications/list.get.js
new file mode 100644
index 0000000..2fb2fbc
--- /dev/null
+++ b/server/api/notifications/list.get.js
@@ -0,0 +1,161 @@
+import { z } from "zod";
+import prisma from "~/server/utils/prisma";
+
+// Query parameter validation schema
+const listNotificationSchema = z.object({
+  page: z
+    .string()
+    .transform((val) => parseInt(val) || 1)
+    .optional(),
+  limit: z
+    .string()
+    .transform((val) => parseInt(val) || 20)
+    .optional(),
+  status: z.string().optional(),
+  priority: z.string().optional(),
+  category: z.string().optional(),
+  search: z.string().optional(),
+  sortBy: z.string().default("created_at"),
+  sortOrder: z.enum(["asc", "desc"]).default("desc"),
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Parse and validate query parameters
+    const queryParams = getQuery(event) || {};
+    const params = listNotificationSchema.parse(queryParams);
+
+    // Build the where clause for filtering
+    const where = {};
+
+    if (params.status) {
+      where.status = params.status;
+    }
+
+    if (params.priority) {
+      where.priority = params.priority;
+    }
+
+    if (params.category) {
+      where.notification_categories = {
+        value: params.category
+      };
+    }
+
+    if (params.search) {
+      where.OR = [
+        { title: { contains: params.search } },
+        { email_subject: { contains: params.search } },
+        { push_title: { contains: params.search } }
+      ];
+    }
+
+    // Get total count for pagination
+    const total = await prisma.notifications.count({ where });
+
+    // Fetch notifications with relations
+    const notifications = await prisma.notifications.findMany({
+      where,
+      select: {
+        id: true,
+        title: true,
+        priority: true,
+        status: true,
+        delivery_type: true,
+        scheduled_at: true,
+        created_at: true,
+        notification_categories: {
+          select: {
+            name: true
+          }
+        },
+        notification_channels: {
+          select: {
+            channel_type: true
+          }
+        },
+        notification_recipients: {
+          select: {
+            status: true
+          }
+        }
+      },
+      orderBy: {
+        [params.sortBy]: params.sortOrder
+      },
+      skip: (params.page - 1) * params.limit,
+      take: params.limit
+    });
+
+    // Format the response with only essential fields
+    const formattedNotifications = notifications.map(notification => {
+      const totalRecipients = notification.notification_recipients.length;
+      const deliveredCount = notification.notification_recipients.filter(
+        r => r.status === 'delivered'
+      ).length;
+      
+      const successRate = totalRecipients > 0 
+        ? Math.round((deliveredCount / totalRecipients) * 100) 
+        : 0;
+
+      return {
+        title: notification.title,
+        category: notification.notification_categories?.name || 'Uncategorized',
+        channels: notification.notification_channels.map(c => c.channel_type),
+        priority: notification.priority,
+        status: notification.status,
+        recipients: totalRecipients,
+        // successRate: {
+        //   successRate,
+        //   delivered: deliveredCount,
+        //   total: totalRecipients
+        // },
+        createdAt: notification.created_at,
+        action: notification.id,
+      };
+    });
+
+    // Calculate pagination metadata
+    const totalPages = Math.ceil(total / params.limit);
+
+    return {
+      success: true,
+      data: {
+        notifications: formattedNotifications,
+        pagination: {
+          page: params.page,
+          totalPages,
+          totalItems: total,
+          hasMore: params.page < totalPages
+        },
+      },
+    };
+
+  } catch (error) {
+    console.error("Error fetching notifications:", error);
+
+    if (error.code?.startsWith('P')) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+
+    if (error.statusCode) {
+      throw error;
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch notifications",
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+});
diff --git a/server/api/notifications/logs/[id].get.js b/server/api/notifications/logs/[id].get.js
new file mode 100644
index 0000000..eaebb82
--- /dev/null
+++ b/server/api/notifications/logs/[id].get.js
@@ -0,0 +1,44 @@
+import prisma from '~/server/utils/prisma'
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Check authentication
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      return {
+        statusCode: 401,
+        body: { success: false, message: 'Unauthorized' }
+      }
+    }
+
+    const id = event.context.params.id
+    if (!id) {
+      return {
+        statusCode: 400,
+        body: { success: false, message: 'Log ID is required' }
+      }
+    }
+
+    const log = await prisma.notification_logs.findUnique({
+      where: { id }
+    })
+
+    if (!log) {
+      return {
+        statusCode: 404,
+        body: { success: false, message: 'Log entry not found' }
+      }
+    }
+
+    return {
+      statusCode: 200,
+      body: { success: true, data: log }
+    }
+  } catch (error) {
+    console.error('Error fetching log entry:', error)
+    return {
+      statusCode: 500,
+      body: { success: false, message: 'Failed to fetch log entry', error: error.message }
+    }
+  }
+}) 
\ No newline at end of file
diff --git a/server/api/notifications/logs/analytics.get.js b/server/api/notifications/logs/analytics.get.js
new file mode 100644
index 0000000..fa0560f
--- /dev/null
+++ b/server/api/notifications/logs/analytics.get.js
@@ -0,0 +1,492 @@
+import prisma from '~/server/utils/prisma'
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Check authentication
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      return {
+        statusCode: 401,
+        body: { success: false, message: 'Unauthorized' }
+      }
+    }
+
+    const query = getQuery(event)
+    const period = query.period || '7d' // Default to last 7 days
+    const channel = query.channel || 'all'
+    
+    // Calculate date range based on selected period
+    const endDate = new Date()
+    let startDate = new Date()
+    
+    switch(period) {
+      case '1d':
+        startDate.setDate(startDate.getDate() - 1)
+        break
+      case '7d':
+        startDate.setDate(startDate.getDate() - 7)
+        break
+      case '30d':
+        startDate.setDate(startDate.getDate() - 30)
+        break
+      case '90d':
+        startDate.setDate(startDate.getDate() - 90)
+        break
+      case '12m':
+        startDate.setMonth(startDate.getMonth() - 12)
+        break
+      default:
+        startDate.setDate(startDate.getDate() - 7)
+    }
+    
+    // Channel filter
+    const channelFilter = channel !== 'all' ? { channel_type: channel } : {}
+    
+    // Get key metrics
+    const totalSent = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: startDate,
+          lte: endDate
+        },
+        status: 'Sent',
+        ...channelFilter
+      }
+    })
+    
+    const previousPeriodEnd = new Date(startDate)
+    const previousPeriodStart = new Date(startDate)
+    
+    // Calculate the same duration for previous period
+    switch(period) {
+      case '1d':
+        previousPeriodStart.setDate(previousPeriodStart.getDate() - 1)
+        break
+      case '7d':
+        previousPeriodStart.setDate(previousPeriodStart.getDate() - 7)
+        break
+      case '30d':
+        previousPeriodStart.setDate(previousPeriodStart.getDate() - 30)
+        break
+      case '90d':
+        previousPeriodStart.setDate(previousPeriodStart.getDate() - 90)
+        break
+      case '12m':
+        previousPeriodStart.setMonth(previousPeriodStart.getMonth() - 12)
+        break
+    }
+    
+    const previousTotalSent = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: previousPeriodStart,
+          lt: startDate
+        },
+        status: 'Sent',
+        ...channelFilter
+      }
+    })
+    
+    const sentChangePercent = previousTotalSent > 0 
+      ? ((totalSent - previousTotalSent) / previousTotalSent * 100).toFixed(1)
+      : '0.0'
+    
+    // Get success rate
+    const totalAttempted = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: startDate,
+          lte: endDate
+        },
+        action: {
+          in: ['Notification Sent', 'Delivery Attempted']
+        },
+        ...channelFilter
+      }
+    })
+    
+    const successfulDeliveries = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: startDate,
+          lte: endDate
+        },
+        status: 'Sent',
+        ...channelFilter
+      }
+    })
+    
+    const successRate = totalAttempted > 0 
+      ? ((successfulDeliveries / totalAttempted) * 100).toFixed(1)
+      : '0.0'
+      
+    const previousSuccessRate = await calculateSuccessRate(
+      prisma, 
+      previousPeriodStart, 
+      startDate, 
+      channelFilter
+    )
+    
+    const successRateChangePercent = previousSuccessRate > 0
+      ? ((parseFloat(successRate) - previousSuccessRate) / previousSuccessRate * 100).toFixed(1)
+      : '0.0'
+    
+    // Get open rate (if tracking available)
+    const totalOpened = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: startDate,
+          lte: endDate
+        },
+        status: 'Opened',
+        ...channelFilter
+      }
+    })
+    
+    const openRate = totalSent > 0 
+      ? ((totalOpened / totalSent) * 100).toFixed(1)
+      : '0.0'
+      
+    const previousOpenRate = await calculateOpenRate(
+      prisma, 
+      previousPeriodStart, 
+      startDate, 
+      channelFilter
+    )
+    
+    const openRateChangePercent = previousOpenRate > 0
+      ? ((parseFloat(openRate) - previousOpenRate) / previousOpenRate * 100).toFixed(1)
+      : '0.0'
+    
+    // Get click rate (if tracking available)
+    const totalClicked = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: startDate,
+          lte: endDate
+        },
+        status: 'Clicked',
+        ...channelFilter
+      }
+    })
+    
+    const clickRate = totalSent > 0 
+      ? ((totalClicked / totalSent) * 100).toFixed(1)
+      : '0.0'
+      
+    const previousClickRate = await calculateClickRate(
+      prisma, 
+      previousPeriodStart, 
+      startDate, 
+      channelFilter
+    )
+    
+    const clickRateChangePercent = previousClickRate > 0
+      ? ((parseFloat(clickRate) - previousClickRate) / previousClickRate * 100).toFixed(1)
+      : '0.0'
+    
+    // Get channel performance data
+    const channelPerformance = await getChannelPerformance(prisma, startDate, endDate)
+    
+    // Get recent notable events
+    const recentEvents = await getRecentEvents(prisma)
+
+    return {
+      statusCode: 200,
+      body: {
+        success: true,
+        data: {
+          keyMetrics: [
+            {
+              title: "Total Sent",
+              value: totalSent.toLocaleString(),
+              icon: "ic:outline-send",
+              trend: parseFloat(sentChangePercent) >= 0 ? "up" : "down",
+              change: `${parseFloat(sentChangePercent) >= 0 ? '+' : ''}${sentChangePercent}%`
+            },
+            {
+              title: "Success Rate",
+              value: `${successRate}%`,
+              icon: "ic:outline-check-circle",
+              trend: parseFloat(successRateChangePercent) >= 0 ? "up" : "down",
+              change: `${parseFloat(successRateChangePercent) >= 0 ? '+' : ''}${successRateChangePercent}%`
+            },
+            {
+              title: "Open Rate",
+              value: `${openRate}%`,
+              icon: "ic:outline-open-in-new",
+              trend: parseFloat(openRateChangePercent) >= 0 ? "up" : "down",
+              change: `${parseFloat(openRateChangePercent) >= 0 ? '+' : ''}${openRateChangePercent}%`
+            },
+            {
+              title: "Click Rate",
+              value: `${clickRate}%`,
+              icon: "ic:outline-touch-app",
+              trend: parseFloat(clickRateChangePercent) >= 0 ? "up" : "down",
+              change: `${parseFloat(clickRateChangePercent) >= 0 ? '+' : ''}${clickRateChangePercent}%`
+            }
+          ],
+          channelPerformance,
+          recentEvents
+        }
+      }
+    }
+  } catch (error) {
+    console.error('Error fetching analytics data:', error)
+    return {
+      statusCode: 500,
+      body: { success: false, message: 'Failed to fetch analytics data', error: error.message }
+    }
+  }
+})
+
+// Helper functions
+async function calculateSuccessRate(prisma, startDate, endDate, channelFilter) {
+  const totalAttempted = await prisma.notification_logs.count({
+    where: {
+      created_at: {
+        gte: startDate,
+        lt: endDate
+      },
+      action: {
+        in: ['Notification Sent', 'Delivery Attempted']
+      },
+      ...channelFilter
+    }
+  })
+  
+  const successfulDeliveries = await prisma.notification_logs.count({
+    where: {
+      created_at: {
+        gte: startDate,
+        lt: endDate
+      },
+      status: 'Sent',
+      ...channelFilter
+    }
+  })
+  
+  return totalAttempted > 0 
+    ? ((successfulDeliveries / totalAttempted) * 100)
+    : 0
+}
+
+async function calculateOpenRate(prisma, startDate, endDate, channelFilter) {
+  const totalSent = await prisma.notification_logs.count({
+    where: {
+      created_at: {
+        gte: startDate,
+        lt: endDate
+      },
+      status: 'Sent',
+      ...channelFilter
+    }
+  })
+  
+  const totalOpened = await prisma.notification_logs.count({
+    where: {
+      created_at: {
+        gte: startDate,
+        lt: endDate
+      },
+      status: 'Opened',
+      ...channelFilter
+    }
+  })
+  
+  return totalSent > 0 
+    ? ((totalOpened / totalSent) * 100)
+    : 0
+}
+
+async function calculateClickRate(prisma, startDate, endDate, channelFilter) {
+  const totalSent = await prisma.notification_logs.count({
+    where: {
+      created_at: {
+        gte: startDate,
+        lt: endDate
+      },
+      status: 'Sent',
+      ...channelFilter
+    }
+  })
+  
+  const totalClicked = await prisma.notification_logs.count({
+    where: {
+      created_at: {
+        gte: startDate,
+        lt: endDate
+      },
+      status: 'Clicked',
+      ...channelFilter
+    }
+  })
+  
+  return totalSent > 0 
+    ? ((totalClicked / totalSent) * 100)
+    : 0
+}
+
+async function getChannelPerformance(prisma, startDate, endDate) {
+  // Define the channels we want to analyze
+  const channels = ['Email', 'SMS', 'Push Notification', 'Webhook']
+  const channelIcons = {
+    'Email': 'ic:outline-email',
+    'SMS': 'ic:outline-sms',
+    'Push Notification': 'ic:outline-notifications',
+    'Webhook': 'ic:outline-webhook'
+  }
+  
+  const result = []
+  
+  for (const channel of channels) {
+    // Get total sent for this channel
+    const sent = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: startDate,
+          lte: endDate
+        },
+        status: 'Sent',
+        channel_type: channel
+      }
+    })
+    
+    // Get total failed for this channel
+    const failed = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: startDate,
+          lte: endDate
+        },
+        status: 'Failed',
+        channel_type: channel
+      }
+    })
+    
+    // Get total bounced for this channel
+    const bounced = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: startDate,
+          lte: endDate
+        },
+        status: 'Bounced',
+        channel_type: channel
+      }
+    })
+    
+    // Calculate total attempted (sent + failed + bounced)
+    const total = sent + failed + bounced
+    
+    // Calculate success rate
+    const successRate = total > 0 ? ((sent / total) * 100).toFixed(1) : '0.0'
+    
+    // Calculate bounce rate
+    const bounceRate = total > 0 ? ((bounced / total) * 100).toFixed(1) : '0.0'
+    
+    // Calculate failure rate
+    const failureRate = total > 0 ? ((failed / total) * 100).toFixed(1) : '0.0'
+    
+    result.push({
+      name: channel,
+      icon: channelIcons[channel] || 'ic:outline-message',
+      sent: sent.toString(),
+      failed: failed.toString(),
+      bounced: bounced.toString(),
+      total: total.toString(),
+      successRate,
+      bounceRate,
+      failureRate
+    })
+  }
+  
+  return result
+}
+
+// Function to get recent notable events
+async function getRecentEvents(prisma) {
+  // Get last 24 hours
+  const now = new Date()
+  const oneDayAgo = new Date(now)
+  oneDayAgo.setDate(oneDayAgo.getDate() - 1)
+  
+  // Find recent logs with interesting events
+  const recentLogs = await prisma.notification_logs.findMany({
+    where: {
+      created_at: {
+        gte: oneDayAgo,
+        lte: now
+      },
+      OR: [
+        { status: 'Failed' },
+        { status: 'Bounced' },
+        { 
+          AND: [
+            { status: 'Sent' },
+            { 
+              details: {
+                contains: 'batch'
+              } 
+            }
+          ]
+        },
+        { status: 'Opened' }
+      ]
+    },
+    orderBy: {
+      created_at: 'desc'
+    },
+    take: 5
+  })
+  
+  // Transform logs into notable events
+  return recentLogs.map(log => {
+    let type = 'info'
+    let title = log.action
+    let description = log.details || ''
+    let value = ''
+    let time = formatTimeAgo(log.created_at)
+    
+    if (log.status === 'Failed') {
+      type = 'error'
+      title = 'Delivery Failure'
+      description = log.error_message || log.details || ''
+      value = log.channel_type || ''
+    } else if (log.status === 'Bounced') {
+      type = 'warning'
+      title = 'Delivery Bounced'
+      value = log.channel_type || ''
+    } else if (log.status === 'Opened') {
+      type = 'success'
+      title = 'Notification Opened'
+      value = 'User Engagement'
+    } else if (log.status === 'Sent' && log.details?.includes('batch')) {
+      type = 'info'
+      title = 'Batch Delivery'
+      // Try to extract batch size from details
+      const match = log.details?.match(/(\d+)\s*notifications?/i)
+      value = match ? `${match[1]} sent` : ''
+    }
+    
+    return {
+      title,
+      description,
+      value,
+      time,
+      type
+    }
+  })
+}
+
+// Format time ago
+function formatTimeAgo(timestamp) {
+  const now = new Date()
+  const time = new Date(timestamp)
+  const diffInMinutes = Math.floor((now - time) / (1000 * 60))
+
+  if (diffInMinutes < 1) return "Just now"
+  if (diffInMinutes < 60) return `${diffInMinutes} minutes ago`
+  if (diffInMinutes < 1440) return `${Math.floor(diffInMinutes / 60)} hours ago`
+  return `${Math.floor(diffInMinutes / 1440)} days ago`
+} 
\ No newline at end of file
diff --git a/server/api/notifications/logs/index.get.js b/server/api/notifications/logs/index.get.js
new file mode 100644
index 0000000..80cfc32
--- /dev/null
+++ b/server/api/notifications/logs/index.get.js
@@ -0,0 +1,234 @@
+import prisma from '~/server/utils/prisma'
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Check authentication
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      return {
+        statusCode: 401,
+        body: { success: false, message: 'Unauthorized' }
+      }
+    }
+
+    const query = getQuery(event)
+    let logs = [];
+    let totalLogs = 0;
+    let failedDeliveries = 0;
+    let successfulDeliveries = 0;
+    let total = 0;
+
+    try {
+      // Define filters
+      const filters = {}
+      
+      // Date range filter
+      if (query.startDate) {
+        filters.created_at = {
+          ...filters.created_at,
+          gte: new Date(query.startDate)
+        }
+      }
+      
+      if (query.endDate) {
+        filters.created_at = {
+          ...filters.created_at,
+          lte: new Date(query.endDate)
+        }
+      }
+      
+      // Action filter
+      if (query.action) {
+        filters.action = query.action
+      }
+      
+      // Channel filter
+      if (query.channel) {
+        filters.channel_type = query.channel
+      }
+      
+      // Status filter
+      if (query.status) {
+        filters.status = query.status
+      }
+      
+      // Actor/user filter
+      if (query.actor) {
+        filters.actor = {
+          contains: query.actor
+        }
+      }
+      
+      // Notification ID filter
+      if (query.notificationId) {
+        filters.notification_id = query.notificationId
+      }
+      
+      // Keyword search in details or error_message
+      if (query.keyword) {
+        filters.OR = [
+          { details: { contains: query.keyword } },
+          { error_message: { contains: query.keyword } }
+        ]
+      }
+      
+      // Pagination
+      const page = parseInt(query.page) || 1
+      const limit = parseInt(query.limit) || 10
+      const skip = (page - 1) * limit
+      
+      try {
+        console.log("Attempting to query notification_logs table...");
+        
+        // First check if the table exists
+        let tableExists = true;
+        try {
+          await prisma.$queryRaw`SELECT 1 FROM notification_logs LIMIT 1`;
+          console.log("notification_logs table exists!");
+        } catch (tableCheckError) {
+          console.error("Table check error:", tableCheckError.message);
+          console.error("Table likely doesn't exist - you need to run the migration!");
+          tableExists = false;
+          throw new Error("notification_logs table does not exist");
+        }
+        
+        if (tableExists) {
+          // Get total count for pagination
+          total = await prisma.notification_logs.count({
+            where: filters
+          })
+          
+          // Get logs with pagination and sorting
+          logs = await prisma.notification_logs.findMany({
+            where: filters,
+            orderBy: {
+              created_at: 'desc'
+            },
+            skip,
+            take: limit
+          })
+          
+          // Get summary stats
+          totalLogs = await prisma.notification_logs.count()
+          failedDeliveries = await prisma.notification_logs.count({
+            where: {
+              status: 'Failed'
+            }
+          })
+          successfulDeliveries = await prisma.notification_logs.count({
+            where: {
+              status: 'Sent'
+            }
+          })
+          
+          console.log(`Successfully fetched ${logs.length} logs from database`);
+        }
+      } catch (dbError) {
+        console.error("Database query error:", dbError.message);
+        console.error("Stack trace:", dbError.stack);
+        
+        // Uncommenting the mock data code below will revert to using mock data
+        // If you want to see real errors, keep this commented out
+        
+        /*
+        // If the database table doesn't exist or there's another error, use mock data
+        logs = generateMockLogs(limit);
+        total = 25; // Mock total count
+        totalLogs = 25;
+        failedDeliveries = 3;
+        successfulDeliveries = 20;
+        */
+        
+        throw dbError; // Re-throw to see actual error in response
+      }
+    } catch (prismaError) {
+      console.error("Prisma error:", prismaError.message);
+      console.error("Stack trace:", prismaError.stack);
+      
+      // Uncommenting the mock data code below will revert to using mock data
+      // If you want to see real errors, keep this commented out
+      
+      /*
+      // If there's an issue with Prisma itself, use mock data
+      logs = generateMockLogs(10);
+      total = 25; // Mock total count
+      totalLogs = 25;
+      failedDeliveries = 3;
+      successfulDeliveries = 20;
+      */
+
+      throw prismaError; // Re-throw to see actual error in response
+    }
+    
+    // Calculate success rate
+    const successRate = totalLogs > 0 
+      ? Math.round((successfulDeliveries / totalLogs) * 100) 
+      : 0
+    
+    const page = parseInt(query.page) || 1
+    const limit = parseInt(query.limit) || 10
+    
+    return {
+      statusCode: 200,
+      body: {
+        success: true,
+        data: {
+          logs,
+          pagination: {
+            page,
+            limit,
+            total,
+            pages: Math.ceil(total / limit)
+          },
+          summary: {
+            totalLogs,
+            failedDeliveries,
+            successfulDeliveries,
+            successRate
+          }
+        }
+      }
+    }
+  } catch (error) {
+    console.error('Error fetching notification logs:', error)
+    return {
+      statusCode: 500,
+      body: { 
+        success: false, 
+        message: 'Failed to fetch notification logs', 
+        error: error.message,
+        stack: error.stack
+      }
+    }
+  }
+})
+
+// Helper function to generate mock logs for testing
+function generateMockLogs(count = 10) {
+  const actions = ['Notification Created', 'Notification Sent', 'Delivery Attempted', 'Notification Opened'];
+  const statuses = ['Sent', 'Failed', 'Opened', 'Queued'];
+  const channels = ['Email', 'SMS', 'Push Notification', 'Webhook'];
+  const actors = ['System', 'Admin', 'API', 'Scheduler'];
+  
+  return Array.from({ length: count }, (_, i) => {
+    const status = statuses[Math.floor(Math.random() * statuses.length)];
+    const action = actions[Math.floor(Math.random() * actions.length)];
+    const created_at = new Date();
+    created_at.setHours(created_at.getHours() - Math.floor(Math.random() * 72)); // Random time in last 72 hours
+    
+    return {
+      id: `mock-${i+1}-${Date.now()}`.substring(0, 36),
+      notification_id: `notif-${i+1}-${Date.now()}`.substring(0, 36),
+      action,
+      actor: actors[Math.floor(Math.random() * actors.length)],
+      actor_id: `user-${i+1}`,
+      channel_type: channels[Math.floor(Math.random() * channels.length)],
+      status,
+      details: `${action} via ${channels[Math.floor(Math.random() * channels.length)]}`,
+      source_ip: `192.168.1.${i+1}`,
+      error_code: status === 'Failed' ? 'ERR_DELIVERY_FAILED' : null,
+      error_message: status === 'Failed' ? 'Failed to deliver notification' : null,
+      created_at
+    };
+  });
+} 
\ No newline at end of file
diff --git a/server/api/notifications/logs/monitoring.get.js b/server/api/notifications/logs/monitoring.get.js
new file mode 100644
index 0000000..1663b35
--- /dev/null
+++ b/server/api/notifications/logs/monitoring.get.js
@@ -0,0 +1,260 @@
+import prisma from '~/server/utils/prisma'
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Check authentication
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      return {
+        statusCode: 401,
+        body: { success: false, message: 'Unauthorized' }
+      }
+    }
+    
+    // Get system status metrics
+    const now = new Date()
+    const oneDayAgo = new Date(now)
+    oneDayAgo.setDate(oneDayAgo.getDate() - 1)
+    
+    // Get total sent in last 24 hours
+    const totalSent = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: oneDayAgo,
+          lte: now
+        },
+        status: 'Sent'
+      }
+    })
+    
+    // Get success rate in last 24 hours
+    const totalAttempted = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: oneDayAgo,
+          lte: now
+        },
+        action: {
+          in: ['Notification Sent', 'Delivery Attempted']
+        }
+      }
+    })
+    
+    const successfulDeliveries = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: oneDayAgo,
+          lte: now
+        },
+        status: 'Sent'
+      }
+    })
+    
+    const successRate = totalAttempted > 0 
+      ? ((successfulDeliveries / totalAttempted) * 100).toFixed(2)
+      : 0
+    
+    // Get error rate in last 24 hours
+    const failedDeliveries = await prisma.notification_logs.count({
+      where: {
+        created_at: {
+          gte: oneDayAgo,
+          lte: now
+        },
+        status: 'Failed'
+      }
+    })
+    
+    const errorRate = totalAttempted > 0 
+      ? ((failedDeliveries / totalAttempted) * 100).toFixed(2)
+      : 0
+    
+    // Get average response time (mock data since we need actual measurements)
+    const avgResponseTime = "145"
+    
+    // Calculate status based on metrics
+    const getSystemStatus = (metric, thresholds) => {
+      if (metric <= thresholds.healthy) return 'healthy'
+      if (metric <= thresholds.warning) return 'warning'
+      return 'critical'
+    }
+    
+    // Get queue status
+    const queueStatus = await getQueueStatus(prisma)
+    
+    // Get recent activity
+    const recentActivity = await getRecentActivity(prisma)
+    
+    // Get performance metrics
+    const performanceMetrics = {
+      cpu: 23,  // Mock data
+      memory: 67,  // Mock data
+      queueLoad: calculateQueueLoad(queueStatus)
+    }
+    
+    // Get error alerts (mock data)
+    const errorAlerts = await getErrorAlerts(prisma, oneDayAgo, now)
+
+    return {
+      statusCode: 200,
+      body: {
+        success: true,
+        data: {
+          systemStatus: [
+            {
+              title: "System Health",
+              value: errorRate < 1 ? "Healthy" : errorRate < 5 ? "Warning" : "Critical",
+              icon: "ic:outline-favorite",
+              status: getSystemStatus(errorRate, { healthy: 1, warning: 5 })
+            },
+            {
+              title: "Throughput",
+              value: `${Math.round(totalSent / 24)}/hr`,
+              icon: "ic:outline-speed",
+              status: 'healthy'  // Simplified for now
+            },
+            {
+              title: "Error Rate",
+              value: `${errorRate}%`,
+              icon: "ic:outline-error-outline",
+              status: getSystemStatus(errorRate, { healthy: 1, warning: 5 })
+            },
+            {
+              title: "Response Time",
+              value: `${avgResponseTime}ms`,
+              icon: "ic:outline-timer",
+              status: getSystemStatus(parseFloat(avgResponseTime), { healthy: 100, warning: 200 })
+            }
+          ],
+          performanceMetrics,
+          queueStatus,
+          recentActivity,
+          errorAlerts
+        }
+      }
+    }
+  } catch (error) {
+    console.error('Error fetching monitoring data:', error)
+    return {
+      statusCode: 500,
+      body: { success: false, message: 'Failed to fetch monitoring data', error: error.message }
+    }
+  }
+})
+
+// Helper functions
+async function getQueueStatus(prisma) {
+  const channels = ['Email', 'SMS', 'Push Notification', 'Webhook']
+  
+  // In a real implementation, this would query the notification_queue table
+  // For now, we'll use mock data
+  return [
+    {
+      name: "Email Queue",
+      count: "1,247",
+      description: "Pending emails",
+      status: "active",
+      utilization: 78
+    },
+    {
+      name: "SMS Queue",
+      count: "89",
+      description: "Pending SMS",
+      status: "active",
+      utilization: 23
+    },
+    {
+      name: "Push Queue",
+      count: "3,456",
+      description: "Pending push notifications",
+      status: "warning",
+      utilization: 92
+    },
+    {
+      name: "Webhook Queue",
+      count: "12",
+      description: "Pending webhooks",
+      status: "active",
+      utilization: 8
+    }
+  ]
+}
+
+function calculateQueueLoad(queueStatus) {
+  // Calculate average utilization across all queues
+  const totalUtilization = queueStatus.reduce((sum, queue) => sum + queue.utilization, 0)
+  return Math.round(totalUtilization / queueStatus.length)
+}
+
+async function getRecentActivity(prisma) {
+  // Get the most recent 5 log entries
+  const recentLogs = await prisma.notification_logs.findMany({
+    orderBy: {
+      created_at: 'desc'
+    },
+    take: 5
+  })
+  
+  // Format for the frontend
+  return recentLogs.map(log => {
+    const timeAgo = formatTimeAgo(log.created_at)
+    
+    return {
+      action: log.action,
+      description: log.details || 'No details provided',
+      status: log.status ? log.status.toLowerCase() : 'unknown',
+      time: timeAgo,
+      source: log.channel_type || 'System'
+    }
+  })
+}
+
+function formatTimeAgo(timestamp) {
+  const now = new Date()
+  const time = new Date(timestamp)
+  const diffInMinutes = Math.floor((now - time) / (1000 * 60))
+
+  if (diffInMinutes < 1) return "Just now"
+  if (diffInMinutes < 60) return `${diffInMinutes} minutes ago`
+  if (diffInMinutes < 1440) return `${Math.floor(diffInMinutes / 60)} hours ago`
+  return `${Math.floor(diffInMinutes / 1440)} days ago`
+}
+
+async function getErrorAlerts(prisma, startDate, endDate) {
+  // Get recent errors
+  const recentErrors = await prisma.notification_logs.findMany({
+    where: {
+      created_at: {
+        gte: startDate,
+        lte: endDate
+      },
+      status: 'Failed',
+      error_message: {
+        not: null
+      }
+    },
+    orderBy: {
+      created_at: 'desc'
+    },
+    take: 3
+  })
+  
+  // Format for the frontend
+  return recentErrors.map(error => {
+    const timeAgo = formatTimeAgo(error.created_at)
+    
+    // Determine severity based on error code or other factors
+    let severity = 'warning'
+    if (error.error_code && error.error_code.startsWith('CRIT')) {
+      severity = 'critical'
+    }
+    
+    return {
+      title: error.action || 'Error Detected',
+      description: error.error_message || 'Unknown error occurred',
+      timestamp: timeAgo,
+      component: error.channel_type || 'System',
+      severity
+    }
+  })
+} 
\ No newline at end of file
diff --git a/server/api/notifications/queue/clear.post.js b/server/api/notifications/queue/clear.post.js
new file mode 100644
index 0000000..43d0b73
--- /dev/null
+++ b/server/api/notifications/queue/clear.post.js
@@ -0,0 +1,95 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    const body = await readBody(event);
+    const { action = 'failed_only' } = body; // 'failed_only', 'completed_only', 'all_old'
+
+    let whereCondition = {};
+
+    switch (action) {
+      case 'failed_only':
+        whereCondition = {
+          status: 'failed'
+        };
+        break;
+      case 'completed_only':
+        whereCondition = {
+          status: 'completed'
+        };
+        break;
+      case 'all_old':
+        // Clear items older than 1 hour except queued ones
+        whereCondition = {
+          created_at: {
+            lt: new Date(Date.now() - 60 * 60 * 1000) // 1 hour ago
+          },
+          status: {
+            not: 'queued'
+          }
+        };
+        break;
+      case 'all_except_latest':
+        // Get the latest notification ID first
+        const latestNotification = await prisma.notifications.findFirst({
+          orderBy: { created_at: 'desc' },
+          select: { id: true }
+        });
+        
+        if (latestNotification) {
+          whereCondition = {
+            notification_id: {
+              not: latestNotification.id
+            },
+            status: {
+              in: ['failed', 'completed']
+            }
+          };
+        }
+        break;
+      default:
+        throw createError({
+          statusCode: 400,
+          statusMessage: "Invalid action. Use: failed_only, completed_only, all_old, all_except_latest"
+        });
+    }
+
+    // Delete queue items based on condition
+    const deleteResult = await prisma.notification_queue.deleteMany({
+      where: whereCondition
+    });
+
+    return {
+      success: true,
+      data: {
+        message: `Cleared ${deleteResult.count} queue items`,
+        action,
+        deletedCount: deleteResult.count
+      }
+    };
+  } catch (error) {
+    console.error('Error clearing queue:', error);
+    
+    if (error.statusCode) {
+      throw error;
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to clear queue',
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+});
\ No newline at end of file
diff --git a/server/api/notifications/queue/history.get.js b/server/api/notifications/queue/history.get.js
new file mode 100644
index 0000000..3360667
--- /dev/null
+++ b/server/api/notifications/queue/history.get.js
@@ -0,0 +1,187 @@
+import { z } from "zod";
+import prisma from "~/server/utils/prisma";
+
+// Query parameter validation schema
+const querySchema = z.object({
+  period: z.enum(["hour", "day", "week", "month"]).default("day"),
+  metric: z.enum(["throughput", "error_rate", "response_time"]).default("throughput"),
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Parse and validate query parameters
+    const query = getQuery(event);
+    const { period, metric } = querySchema.parse(query);
+
+    // Set time range based on period
+    const now = new Date();
+    let startDate;
+    let intervalMinutes;
+    let numPoints;
+
+    switch (period) {
+      case "hour":
+        startDate = new Date(now.getTime() - 60 * 60 * 1000); // 1 hour ago
+        intervalMinutes = 1; // 1-minute intervals
+        numPoints = 60;
+        break;
+      case "day":
+        startDate = new Date(now.getTime() - 24 * 60 * 60 * 1000); // 24 hours ago
+        intervalMinutes = 60; // 1-hour intervals
+        numPoints = 24;
+        break;
+      case "week":
+        startDate = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000); // 7 days ago
+        intervalMinutes = 24 * 60; // 1-day intervals
+        numPoints = 7;
+        break;
+      case "month":
+        startDate = new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000); // 30 days ago
+        intervalMinutes = 24 * 60; // 1-day intervals
+        numPoints = 30;
+        break;
+      default:
+        startDate = new Date(now.getTime() - 24 * 60 * 60 * 1000);
+        intervalMinutes = 60;
+        numPoints = 24;
+    }
+
+    const dataPoints = [];
+
+    // Generate time buckets
+    for (let i = 0; i < numPoints; i++) {
+      const bucketStart = new Date(startDate.getTime() + i * intervalMinutes * 60 * 1000);
+      const bucketEnd = new Date(bucketStart.getTime() + intervalMinutes * 60 * 1000);
+
+      let value = 0;
+
+      switch (metric) {
+        case "throughput": {
+          // Count completed jobs in this time bucket
+          const count = await prisma.notification_queue.count({
+            where: {
+              status: "completed",
+              updated_at: {
+                gte: bucketStart,
+                lt: bucketEnd,
+              },
+            },
+          });
+          value = count;
+          break;
+        }
+
+        case "error_rate": {
+          // Calculate error rate in this time bucket
+          const [totalJobs, failedJobs] = await Promise.all([
+            prisma.notification_queue.count({
+              where: {
+                OR: [{ status: "completed" }, { status: "failed" }],
+                updated_at: {
+                  gte: bucketStart,
+                  lt: bucketEnd,
+                },
+              },
+            }),
+            prisma.notification_queue.count({
+              where: {
+                status: "failed",
+                updated_at: {
+                  gte: bucketStart,
+                  lt: bucketEnd,
+                },
+              },
+            }),
+          ]);
+          value = totalJobs > 0 ? Math.round((failedJobs / totalJobs) * 100) : 0;
+          break;
+        }
+
+        case "response_time": {
+          // Calculate average response time in this time bucket
+          const jobs = await prisma.notification_queue.findMany({
+            where: {
+              status: "completed",
+              updated_at: {
+                gte: bucketStart,
+                lt: bucketEnd,
+              },
+              last_attempt_at: { not: null },
+            },
+            select: {
+              created_at: true,
+              last_attempt_at: true,
+            },
+            take: 50, // Sample size
+          });
+
+          if (jobs.length > 0) {
+            const responseTimes = jobs.map(job => {
+              const diff = new Date(job.last_attempt_at).getTime() - new Date(job.created_at).getTime();
+              return Math.abs(diff);
+            });
+            value = Math.round(responseTimes.reduce((sum, time) => sum + time, 0) / responseTimes.length);
+          } else {
+            value = 0;
+          }
+          break;
+        }
+      }
+
+      dataPoints.push({
+        timestamp: bucketStart.toISOString(),
+        value,
+      });
+    }
+
+    // Calculate summary statistics
+    const values = dataPoints.map(p => p.value);
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    const avg = Math.round(values.reduce((sum, val) => sum + val, 0) / values.length);
+
+    // Calculate trend (compare first half vs second half)
+    const midpoint = Math.floor(values.length / 2);
+    const firstHalfAvg = values.slice(0, midpoint).reduce((sum, val) => sum + val, 0) / midpoint;
+    const secondHalfAvg = values.slice(midpoint).reduce((sum, val) => sum + val, 0) / (values.length - midpoint);
+    const trend = secondHalfAvg > firstHalfAvg * 1.1 ? "increasing" 
+                : secondHalfAvg < firstHalfAvg * 0.9 ? "decreasing" 
+                : "stable";
+
+    return {
+      success: true,
+      data: {
+        metric,
+        period,
+        dataPoints,
+        summary: {
+          min,
+          max,
+          avg,
+          trend,
+        },
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching queue history:", error);
+
+    if (error.name === "ZodError") {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Invalid query parameters",
+        data: {
+          errors: error.errors,
+        },
+      });
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch queue history",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+});
diff --git a/server/api/notifications/queue/jobs.get.js b/server/api/notifications/queue/jobs.get.js
new file mode 100644
index 0000000..e0a96d0
--- /dev/null
+++ b/server/api/notifications/queue/jobs.get.js
@@ -0,0 +1,118 @@
+import { z } from "zod";
+import prisma from "~/server/utils/prisma";
+
+// Query parameter validation schema
+const jobsQuerySchema = z.object({
+  page: z
+    .string()
+    .transform((val) => parseInt(val) || 1)
+    .optional(),
+  limit: z
+    .string()
+    .transform((val) => parseInt(val) || 10)
+    .optional(),
+  status: z.string().optional(),
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Parse and validate query parameters
+    const queryParams = getQuery(event) || {};
+    const params = jobsQuerySchema.parse(queryParams);
+
+    // Build where clause for filtering
+    const where = {};
+    if (params.status) {
+      where.status = params.status;
+    }
+
+    // Get total count for pagination
+    const total = await prisma.notification_queue.count({ where });
+
+    // Calculate pagination metadata
+    const totalPages = Math.ceil(total / params.limit);
+
+    // Fetch jobs with relations
+    const jobs = await prisma.notification_queue.findMany({
+      where,
+      select: {
+        id: true,
+        status: true,
+        scheduled_for: true,
+        attempts: true,
+        max_attempts: true,
+        last_attempt_at: true,
+        error_message: true,
+        created_at: true,
+        updated_at: true,
+        priority: true,
+        notifications: {
+          select: {
+            id: true,
+            title: true,
+            type: true,
+          },
+        },
+        notification_recipients: {
+          select: {
+            user_id: true,
+            email: true,
+            channel_type: true,
+          },
+        },
+      },
+      orderBy: {
+        scheduled_for: "asc",
+      },
+      skip: (params.page - 1) * params.limit,
+      take: params.limit,
+    });
+
+    // Format jobs for response
+    const formattedJobs = jobs.map((job) => {
+      return {
+        id: job.id,
+        type: job.notifications?.type || "unknown",
+        description: job.notifications?.title || "Job Description",
+        status: job.status,
+        attempts: job.attempts,
+        maxAttempts: job.max_attempts,
+        priority: job.priority,
+        recipient: job.notification_recipients?.email || job.notification_recipients?.user_id,
+        channel: job.notification_recipients?.channel_type,
+        scheduledFor: job.scheduled_for,
+        createdAt: job.created_at,
+        lastAttempt: job.last_attempt_at,
+        errorMessage: job.error_message,
+      };
+    });
+
+    return {
+      success: true,
+      data: {
+        jobs: formattedJobs,
+        pagination: {
+          page: params.page,
+          totalPages,
+          totalItems: total,
+          hasMore: params.page < totalPages,
+        },
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching queue jobs:", error);
+
+    if (error.statusCode) {
+      throw error;
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch queue jobs",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/queue/performance.get.js b/server/api/notifications/queue/performance.get.js
new file mode 100644
index 0000000..042b0da
--- /dev/null
+++ b/server/api/notifications/queue/performance.get.js
@@ -0,0 +1,144 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    const now = new Date();
+    const last24Hours = new Date(now.getTime() - 24 * 60 * 60 * 1000);
+    const last60Minutes = new Date(now.getTime() - 60 * 60 * 1000);
+
+    // Fetch comprehensive queue metrics
+    const [
+      totalProcessedToday,
+      totalCompletedToday,
+      totalFailedToday,
+      queuedJobs,
+      processingJobs,
+      completedLastHour,
+      allJobsToday
+    ] = await Promise.all([
+      // Total processed (completed + failed) in last 24 hours
+      prisma.notification_queue.count({
+        where: {
+          OR: [{ status: "completed" }, { status: "failed" }],
+          updated_at: { gte: last24Hours },
+        },
+      }),
+      // Successful jobs in last 24 hours
+      prisma.notification_queue.count({
+        where: {
+          status: "completed",
+          updated_at: { gte: last24Hours },
+        },
+      }),
+      // Failed jobs in last 24 hours
+      prisma.notification_queue.count({
+        where: {
+          status: "failed",
+          updated_at: { gte: last24Hours },
+        },
+      }),
+      // Currently queued jobs
+      prisma.notification_queue.count({
+        where: { status: "queued" },
+      }),
+      // Currently processing jobs
+      prisma.notification_queue.count({
+        where: { status: "processing" },
+      }),
+      // Completed in last hour
+      prisma.notification_queue.count({
+        where: {
+          status: "completed",
+          updated_at: { gte: last60Minutes },
+        },
+      }),
+      // Get sample jobs to calculate average processing time
+      prisma.notification_queue.findMany({
+        where: {
+          status: "completed",
+          updated_at: { gte: last24Hours },
+          last_attempt_at: { not: null },
+        },
+        select: {
+          created_at: true,
+          last_attempt_at: true,
+        },
+        take: 100,
+      }),
+    ]);
+
+    // Calculate throughput (messages per minute)
+    const throughputPerMinute = Math.round(totalProcessedToday / (24 * 60));
+    const currentThroughput = completedLastHour; // Last hour throughput
+    const peakThroughput = Math.round(currentThroughput * 1.3); // Estimate peak
+    const avgThroughput = throughputPerMinute;
+
+    // Calculate success rate
+    const successRate = totalProcessedToday > 0
+      ? ((totalCompletedToday / totalProcessedToday) * 100).toFixed(1)
+      : "100";
+
+    // Calculate error rate
+    const errorRate = totalProcessedToday > 0
+      ? ((totalFailedToday / totalProcessedToday) * 100).toFixed(1)
+      : "0";
+
+    // Calculate queue load percentage
+    const totalCapacity = 1000; // Assume max capacity
+    const queueLoad = Math.min(100, Math.round(((queuedJobs + processingJobs) / totalCapacity) * 100));
+
+    // Calculate average response time from actual data
+    let avgResponseTime = 0;
+    if (allJobsToday.length > 0) {
+      const responseTimes = allJobsToday
+        .filter(job => job.last_attempt_at)
+        .map(job => {
+          const diff = new Date(job.last_attempt_at).getTime() - new Date(job.created_at).getTime();
+          return Math.abs(diff);
+        });
+
+      if (responseTimes.length > 0) {
+        avgResponseTime = Math.round(
+          responseTimes.reduce((sum, time) => sum + time, 0) / responseTimes.length
+        );
+      }
+    }
+    // Fallback if no data
+    if (avgResponseTime === 0) avgResponseTime = 250;
+
+    // Active workers (estimate based on processing jobs)
+    const activeWorkers = processingJobs > 0 ? Math.min(10, processingJobs) : 1;
+
+    return {
+      success: true,
+      data: {
+        metrics: {
+          throughput: throughputPerMinute.toString(),
+          uptime: successRate,
+          workers: activeWorkers.toString(),
+          queueLoad: queueLoad.toString(),
+        },
+        throughput: {
+          current: currentThroughput.toString(),
+          peak: peakThroughput.toString(),
+          average: avgThroughput.toString(),
+        },
+        systemStatus: {
+          uptimeToday: successRate,
+          responseTime: avgResponseTime.toString(),
+          errorRate: errorRate,
+        },
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching queue performance:", error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch queue performance metrics",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+});
diff --git a/server/api/notifications/queue/process.post.js b/server/api/notifications/queue/process.post.js
new file mode 100644
index 0000000..11f144a
--- /dev/null
+++ b/server/api/notifications/queue/process.post.js
@@ -0,0 +1,31 @@
+import { triggerQueueProcessing } from "~/server/utils/queueProcessor";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user from auth middleware
+    const user = event.context.user;
+    if (!user) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    console.log('🔄 Manually triggering queue processing...');
+
+    // Trigger queue processing
+    await triggerQueueProcessing();
+
+    return {
+      success: true,
+      message: "Queue processing triggered successfully",
+    };
+  } catch (error) {
+    console.error("Error triggering queue processing:", error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to trigger queue processing",
+      data: { error: error.message },
+    });
+  }
+});
diff --git a/server/api/notifications/queue/retry/[id].post.js b/server/api/notifications/queue/retry/[id].post.js
new file mode 100644
index 0000000..75966b7
--- /dev/null
+++ b/server/api/notifications/queue/retry/[id].post.js
@@ -0,0 +1,84 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get job ID from params
+    const id = event.context.params.id;
+
+    if (!id) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Job ID is required",
+      });
+    }
+
+    // Check if job exists and is in a failed state
+    const job = await prisma.notification_queue.findUnique({
+      where: {
+        id: id,
+      },
+    });
+
+    if (!job) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Job not found",
+      });
+    }
+
+    if (job.status !== "failed") {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Only failed jobs can be retried",
+      });
+    }
+
+    // Reset job for retry
+    await prisma.notification_queue.update({
+      where: {
+        id: id,
+      },
+      data: {
+        status: "queued",
+        attempts: job.attempts, // Keep the previous attempts count for tracking
+        last_attempt_at: null,
+        error_message: null,
+        updated_at: new Date(),
+      },
+    });
+
+    // Log the retry action
+    await prisma.notification_logs.create({
+      data: {
+        notification_id: job.notification_id,
+        action: "Job Retry",
+        status: "Queued",
+        details: `Job ${id} requeued for retry after ${job.attempts} previous attempts`,
+        created_at: new Date(),
+      },
+    });
+
+    return {
+      success: true,
+      data: {
+        message: "Job queued for retry",
+        jobId: id,
+      },
+    };
+  } catch (error) {
+    console.error("Error retrying job:", error);
+
+    if (error.statusCode) {
+      throw error;
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to retry job",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/queue/retry/all.post.js b/server/api/notifications/queue/retry/all.post.js
new file mode 100644
index 0000000..d299f35
--- /dev/null
+++ b/server/api/notifications/queue/retry/all.post.js
@@ -0,0 +1,73 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Find all failed jobs
+    const failedJobs = await prisma.notification_queue.findMany({
+      where: {
+        status: "failed",
+      },
+      select: {
+        id: true,
+        notification_id: true,
+        attempts: true,
+      },
+    });
+
+    if (failedJobs.length === 0) {
+      return {
+        success: true,
+        data: {
+          message: "No failed jobs to retry",
+          count: 0,
+        },
+      };
+    }
+
+    // Update all failed jobs to queued status
+    await prisma.notification_queue.updateMany({
+      where: {
+        status: "failed",
+      },
+      data: {
+        status: "queued",
+        last_attempt_at: null,
+        error_message: null,
+        updated_at: new Date(),
+      },
+    });
+
+    // Log the batch retry action
+    await prisma.notification_logs.create({
+      data: {
+        action: "Batch Job Retry",
+        status: "Processed",
+        details: `${failedJobs.length} failed jobs requeued for retry`,
+        created_at: new Date(),
+      },
+    });
+
+    return {
+      success: true,
+      data: {
+        message: `${failedJobs.length} jobs queued for retry`,
+        count: failedJobs.length,
+      },
+    };
+  } catch (error) {
+    console.error("Error retrying all failed jobs:", error);
+
+    if (error.statusCode) {
+      throw error;
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to retry all jobs",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/queue/retry/jobs.get.js b/server/api/notifications/queue/retry/jobs.get.js
new file mode 100644
index 0000000..f3a3353
--- /dev/null
+++ b/server/api/notifications/queue/retry/jobs.get.js
@@ -0,0 +1,118 @@
+import { z } from "zod";
+import prisma from "~/server/utils/prisma";
+
+// Query parameter validation schema
+const jobsQuerySchema = z.object({
+  page: z
+    .string()
+    .transform((val) => parseInt(val) || 1)
+    .optional(),
+  limit: z
+    .string()
+    .transform((val) => parseInt(val) || 10)
+    .optional(),
+});
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Parse and validate query parameters
+    const queryParams = getQuery(event) || {};
+    const params = jobsQuerySchema.parse(queryParams);
+
+    // Build where clause for filtering failed jobs
+    const where = {
+      status: "failed",
+    };
+
+    // Get total count for pagination
+    const total = await prisma.notification_queue.count({ where });
+
+    // Calculate pagination metadata
+    const totalPages = Math.ceil(total / params.limit);
+
+    // Fetch failed jobs with relations
+    const jobs = await prisma.notification_queue.findMany({
+      where,
+      select: {
+        id: true,
+        status: true,
+        scheduled_for: true,
+        attempts: true,
+        max_attempts: true,
+        last_attempt_at: true,
+        error_message: true,
+        created_at: true,
+        notifications: {
+          select: {
+            id: true,
+            title: true,
+            type: true,
+          },
+        },
+      },
+      orderBy: {
+        last_attempt_at: "desc",
+      },
+      skip: (params.page - 1) * params.limit,
+      take: params.limit,
+    });
+
+    // Format jobs for response
+    const formattedJobs = jobs.map((job) => {
+      return {
+        id: job.id,
+        type: job.notifications?.type || "unknown",
+        description: job.notifications?.title || "Failed Notification",
+        status: job.status,
+        attempts: job.attempts,
+        maxAttempts: job.max_attempts,
+        errorType: job.error_message ? getErrorType(job.error_message) : "Unknown Error",
+        errorMessage: job.error_message || "No error message provided",
+        failedAt: job.last_attempt_at ? new Date(job.last_attempt_at).toISOString() : null,
+        nextRetry: "Manual retry required",
+      };
+    });
+
+    return {
+      success: true,
+      data: {
+        jobs: formattedJobs,
+        pagination: {
+          page: params.page,
+          totalPages,
+          totalItems: total,
+          hasMore: params.page < totalPages,
+        },
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching failed jobs:", error);
+
+    if (error.statusCode) {
+      throw error;
+    }
+
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch failed jobs",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+});
+
+// Helper function to extract error type from error message
+function getErrorType(errorMessage) {
+  if (!errorMessage) return "Unknown Error";
+  
+  if (errorMessage.includes("timeout")) return "Timeout Error";
+  if (errorMessage.includes("connect")) return "Connection Error";
+  if (errorMessage.includes("authentication")) return "Authentication Error";
+  if (errorMessage.includes("rate limit")) return "Rate Limit Error";
+  if (errorMessage.includes("validation")) return "Validation Error";
+  if (errorMessage.includes("template")) return "Template Error";
+  
+  return "Processing Error";
+} 
\ No newline at end of file
diff --git a/server/api/notifications/queue/retry/stats.get.js b/server/api/notifications/queue/retry/stats.get.js
new file mode 100644
index 0000000..7b8df79
--- /dev/null
+++ b/server/api/notifications/queue/retry/stats.get.js
@@ -0,0 +1,73 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current date and set to start of day
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+
+    // Get yesterday
+    const yesterday = new Date(today);
+    yesterday.setDate(yesterday.getDate() - 1);
+
+    // Query counts for different job statuses
+    const [failed, retrying, recovered, deadLetter] = await Promise.all([
+      // Failed jobs count
+      prisma.notification_queue.count({
+        where: {
+          status: "failed",
+        },
+      }),
+      // Jobs currently being retried (if your system tracks this state)
+      prisma.notification_queue.count({
+        where: {
+          status: "processing",
+          attempts: {
+            gt: 1,
+          },
+        },
+      }),
+      // Recovered jobs (failed but then succeeded)
+      prisma.notification_queue.count({
+        where: {
+          status: "completed",
+          attempts: {
+            gt: 1,
+          },
+          updated_at: {
+            gte: yesterday,
+          },
+        },
+      }),
+      // Dead letter queue (failed and max attempts reached)
+      prisma.notification_queue.count({
+        where: {
+          status: "failed",
+          attempts: {
+            equals: prisma.notification_queue.fields.max_attempts,
+          },
+        },
+      }),
+    ]);
+
+    return {
+      success: true,
+      data: {
+        failed,
+        retrying,
+        recovered,
+        deadLetter,
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching retry stats:", error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch retry statistics",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/queue/stats.get.js b/server/api/notifications/queue/stats.get.js
new file mode 100644
index 0000000..d498775
--- /dev/null
+++ b/server/api/notifications/queue/stats.get.js
@@ -0,0 +1,52 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current date and set to start of day
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+
+    // Count pending jobs
+    const pending = await prisma.notification_queue.count({
+      where: {
+        status: "queued",
+      },
+    });
+
+    // Count completed jobs today
+    const completed = await prisma.notification_queue.count({
+      where: {
+        status: "completed",
+        updated_at: {
+          gte: today,
+        },
+      },
+    });
+
+    // Count failed jobs
+    const failed = await prisma.notification_queue.count({
+      where: {
+        status: "failed",
+      },
+    });
+
+    return {
+      success: true,
+      data: {
+        pending,
+        completed,
+        failed,
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching queue stats:", error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch queue statistics",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/queue/status.get.js b/server/api/notifications/queue/status.get.js
new file mode 100644
index 0000000..83b3c1e
--- /dev/null
+++ b/server/api/notifications/queue/status.get.js
@@ -0,0 +1,84 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Get queue statistics
+    const queueStats = await prisma.notification_queue.groupBy({
+      by: ['status'],
+      _count: {
+        status: true
+      },
+      orderBy: {
+        status: 'asc'
+      }
+    });
+
+    // Get recent queue items
+    const recentItems = await prisma.notification_queue.findMany({
+      include: {
+        notifications: {
+          select: {
+            id: true,
+            title: true,
+            created_at: true,
+            status: true
+          }
+        },
+        notification_recipients: {
+          select: {
+            id: true,
+            email: true,
+            channel_type: true,
+            status: true
+          }
+        }
+      },
+      orderBy: {
+        created_at: 'desc'
+      },
+      take: 20
+    });
+
+    return {
+      success: true,
+      data: {
+        stats: queueStats.reduce((acc, stat) => {
+          acc[stat.status] = stat._count.status;
+          return acc;
+        }, {}),
+        recentItems: recentItems.map(item => ({
+          id: item.id,
+          notificationTitle: item.notifications?.title,
+          recipientEmail: item.notification_recipients?.email,
+          channelType: item.notification_recipients?.channel_type,
+          status: item.status,
+          scheduledFor: item.scheduled_for,
+          createdAt: item.created_at,
+          lastAttempt: item.last_attempt_at,
+          attempts: item.attempts,
+          errorMessage: item.error_message
+        }))
+      }
+    };
+  } catch (error) {
+    console.error('Error fetching queue status:', error);
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to fetch queue status',
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+});
\ No newline at end of file
diff --git a/server/api/notifications/segments.get.js b/server/api/notifications/segments.get.js
new file mode 100644
index 0000000..746a6d6
--- /dev/null
+++ b/server/api/notifications/segments.get.js
@@ -0,0 +1,38 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Fetch active user segments
+    const segments = await prisma.user_segments.findMany({
+      where: {
+        is_active: true,
+      },
+      select: {
+        id: true,
+        name: true,
+        value: true,
+        description: true,
+      },
+      orderBy: {
+        name: "asc",
+      },
+    });
+
+    return segments.map((segment) => ({
+      id: segment.id,
+      name: segment.name,
+      value: segment.value,
+      description: segment.description,
+    }));
+  } catch (error) {
+    console.error("Error fetching segments:", error);
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch user segments",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/templates/[id].delete.js b/server/api/notifications/templates/[id].delete.js
new file mode 100644
index 0000000..f3ceb45
--- /dev/null
+++ b/server/api/notifications/templates/[id].delete.js
@@ -0,0 +1,130 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get template ID from route parameters
+    const templateId = getRouterParam(event, "id");
+
+    if (!templateId) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Template ID is required",
+      });
+    }
+
+    console.log("Deleting template:", templateId);
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Check if template exists and user has permission
+    const existingTemplate = await prisma.notification_templates.findFirst({
+      where: {
+        id: templateId,
+        // Optionally restrict to user's own templates
+        // created_by: user.userID.toString()
+      }
+    });
+
+    if (!existingTemplate) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Template not found or you don't have permission to delete it",
+      });
+    }
+
+    // Check if template is being used by any notifications
+    const templatesInUse = await prisma.notifications.findFirst({
+      where: {
+        template_id: templateId
+      }
+    });
+
+    if (templatesInUse) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Cannot delete template that is currently being used by notifications. Please remove it from notifications first.",
+      });
+    }
+
+    console.log("Template found and can be deleted:", existingTemplate.name);
+
+    // Delete the template
+    await prisma.notification_templates.delete({
+      where: {
+        id: templateId
+      }
+    });
+
+    console.log("Template deleted successfully:", templateId);
+
+    // Return success response
+    return {
+      success: true,
+      data: {
+        message: `Template "${existingTemplate.name}" has been deleted successfully`,
+        deletedTemplate: {
+          id: existingTemplate.id,
+          name: existingTemplate.name,
+          value: existingTemplate.value
+        }
+      }
+    };
+
+  } catch (error) {
+    console.error("Template deletion error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      stack: error.stack,
+      cause: error.cause,
+      code: error.code,
+      statusCode: error.statusCode
+    });
+
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith('P')) {
+      console.error("Prisma error code:", error.code);
+      
+      if (error.code === 'P2025') {
+        throw createError({
+          statusCode: 404,
+          statusMessage: "Template not found",
+          data: {
+            error: "The template you're trying to delete does not exist.",
+            code: error.code
+          }
+        });
+      }
+      
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to delete template",
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/templates/[id].get.js b/server/api/notifications/templates/[id].get.js
new file mode 100644
index 0000000..08e038c
--- /dev/null
+++ b/server/api/notifications/templates/[id].get.js
@@ -0,0 +1,134 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get template ID from route parameters
+    const templateId = getRouterParam(event, "id");
+
+    if (!templateId) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Template ID is required",
+      });
+    }
+
+    console.log("Fetching template:", templateId);
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Fetch the template
+    const template = await prisma.notification_templates.findUnique({
+      where: {
+        id: templateId,
+      },
+    });
+
+    if (!template) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Template not found",
+      });
+    }
+
+    console.log("Template found:", template.name);
+
+    // Format the response data to match frontend expectations
+    const formattedTemplate = {
+      id: template.id,
+      title: template.name,
+      value: template.value,
+      description: template.description || "",
+      subject: template.subject || "",
+      preheader: template.preheader || "",
+      category: template.category || "",
+      channels: template.channels || [],
+      status: template.status || "Draft",
+      version: template.version || "1.0",
+      content: template.email_content || "",
+      tags: template.tags || "",
+      isPersonal: template.is_personal || false,
+      // Email specific settings
+      fromName: template.from_name || "",
+      replyTo: template.reply_to || "",
+      trackOpens: template.track_opens !== false, // Default to true
+      // Push notification specific settings
+      pushTitle: template.push_title || "",
+      pushIcon: template.push_icon || "",
+      pushUrl: template.push_url || "",
+      // SMS specific settings
+      smsContent: template.sms_content || "",
+      // Metadata
+      isActive: template.is_active || false,
+      variables: template.variables || null,
+      createdBy: template.created_by,
+      updatedBy: template.updated_by,
+      createdAt: template.created_at,
+      updatedAt: template.updated_at,
+    };
+
+    // Return success response
+    return {
+      success: true,
+      message: "wowowowow",
+      data: {
+        template: formattedTemplate,
+      },
+    };
+  } catch (error) {
+    console.error("Template fetch error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      stack: error.stack,
+      cause: error.cause,
+      code: error.code,
+      statusCode: error.statusCode,
+    });
+
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith("P")) {
+      console.error("Prisma error code:", error.code);
+
+      if (error.code === "P2025") {
+        throw createError({
+          statusCode: 404,
+          statusMessage: "Template not found",
+          data: {
+            error: "The template you're looking for does not exist.",
+            code: error.code,
+          },
+        });
+      }
+
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code,
+        },
+      });
+    }
+
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch template",
+      data: {
+        error: error.message,
+      },
+    });
+  } finally {
+  }
+});
diff --git a/server/api/notifications/templates/[id].put.js b/server/api/notifications/templates/[id].put.js
new file mode 100644
index 0000000..4fe248f
--- /dev/null
+++ b/server/api/notifications/templates/[id].put.js
@@ -0,0 +1,308 @@
+import { z } from "zod";
+import prisma from "~/server/utils/prisma";
+
+// Input validation schema for updating templates
+const updateTemplateSchema = z.object({
+  title: z.string().min(1, "Title is required").max(100, "Title must be less than 100 characters"),
+  description: z.string().optional(),
+  subject: z.string().min(1, "Subject is required").max(255, "Subject must be less than 255 characters"),
+  preheader: z.string().max(255, "Preheader must be less than 255 characters").optional(),
+  category: z.string().min(1, "Category is required"),
+  channels: z.array(z.enum(["email", "sms", "push"])).min(1, "At least one channel is required"),
+  status: z.enum(["Draft", "Active", "Archived"]).default("Draft"),
+  version: z.string().default("1.0"),
+  content: z.string().min(1, "Content is required"),
+  tags: z.string().optional(),
+  isPersonal: z.boolean().default(false),
+  // Email specific settings
+  fromName: z.string().optional(),
+  replyTo: z.string().email("Invalid reply-to email format").optional().or(z.literal("")),
+  trackOpens: z.boolean().default(true),
+  // Push notification specific settings
+  pushTitle: z.string().optional(),
+  pushIcon: z.string().url("Invalid push icon URL").optional().or(z.literal("")),
+  pushUrl: z.string().url("Invalid push URL").optional().or(z.literal("")),
+  // SMS specific settings
+  smsContent: z.string().max(160, "SMS content must be 160 characters or less").optional(),
+});
+
+// Helper function to generate unique value from title
+function generateUniqueValue(title) {
+  return title
+    .toLowerCase()
+    .replace(/[^a-z0-9\s]/g, '')
+    .replace(/\s+/g, '_')
+    .substring(0, 50);
+}
+
+// Helper function to validate template content
+function validateTemplateContent(content, channels) {
+  const errors = [];
+  
+  // Check for balanced variable syntax
+  const variableMatches = content.match(/\{\{[^}]*\}\}/g) || [];
+  for (const match of variableMatches) {
+    if (!match.endsWith('}}')) {
+      errors.push(`Unmatched variable syntax: ${match}`);
+    }
+  }
+  
+  return errors;
+}
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get template ID from route parameters
+    const templateId = getRouterParam(event, "id");
+
+    if (!templateId) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Template ID is required",
+      });
+    }
+
+    // Read and validate request body
+    const body = await readBody(event);
+    
+    console.log("Template update request for ID:", templateId, body);
+
+    // Validate input data
+    const validationResult = updateTemplateSchema.safeParse(body);
+    if (!validationResult.success) {
+      const errors = validationResult.error.errors.map(err => 
+        `${err.path.join('.')}: ${err.message}`
+      );
+      
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Validation failed",
+        data: {
+          errors: errors
+        }
+      });
+    }
+
+    const validatedData = validationResult.data;
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    console.log("User authenticated:", user.userID);
+
+    // Check if template exists
+    const existingTemplate = await prisma.notification_templates.findUnique({
+      where: {
+        id: templateId
+      }
+    });
+
+    if (!existingTemplate) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Template not found",
+      });
+    }
+
+    console.log("Template found for update:", existingTemplate.name);
+
+    // Validate template content
+    const contentErrors = validateTemplateContent(validatedData.content, validatedData.channels);
+    if (contentErrors.length > 0) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Content validation failed",
+        data: {
+          errors: contentErrors
+        }
+      });
+    }
+
+    // Generate unique value for the template if title changed
+    let finalValue = existingTemplate.value;
+    if (validatedData.title !== existingTemplate.name) {
+      let uniqueValue = generateUniqueValue(validatedData.title);
+      
+      // Check if value already exists and make it unique
+      let counter = 1;
+      finalValue = uniqueValue;
+      while (true) {
+        const existingValueTemplate = await prisma.notification_templates.findUnique({
+          where: { 
+            value: finalValue,
+            NOT: { id: templateId } // Exclude current template
+          }
+        });
+        
+        if (!existingValueTemplate) {
+          break;
+        }
+        
+        finalValue = `${uniqueValue}_${counter}`;
+        counter++;
+        
+        // Safety check to prevent infinite loop
+        if (counter > 100) {
+          finalValue = `${uniqueValue}_${Date.now()}`;
+          break;
+        }
+      }
+    }
+
+    // Prepare data for database update
+    const templateData = {
+      name: validatedData.title,
+      value: finalValue,
+      description: validatedData.description || null,
+      subject: validatedData.subject,
+      preheader: validatedData.preheader || null,
+      email_content: validatedData.content,
+      push_title: validatedData.pushTitle || null,
+      push_body: validatedData.content ? validatedData.content.replace(/<[^>]*>/g, '').substring(0, 300) : null,
+      push_icon: validatedData.pushIcon || null,
+      push_url: validatedData.pushUrl || null,
+      sms_content: validatedData.smsContent || null,
+      category: validatedData.category,
+      channels: validatedData.channels,
+      status: validatedData.status,
+      version: validatedData.version,
+      tags: validatedData.tags || null,
+      is_personal: validatedData.isPersonal,
+      from_name: validatedData.fromName || null,
+      reply_to: validatedData.replyTo || null,
+      track_opens: validatedData.trackOpens,
+      is_active: validatedData.status === "Active",
+      updated_by: user.userID.toString(),
+      updated_at: new Date(),
+    };
+
+    console.log("Updating template with data:", templateData);
+
+    // Create version history entry before updating the template
+    await prisma.notification_template_versions.create({
+      data: {
+        template_id: templateId,
+        version: existingTemplate.version || "1.0",
+        name: existingTemplate.name,
+        description: existingTemplate.description,
+        subject: existingTemplate.subject,
+        preheader: existingTemplate.preheader,
+        email_content: existingTemplate.email_content,
+        push_title: existingTemplate.push_title,
+        push_body: existingTemplate.push_body,
+        push_icon: existingTemplate.push_icon,
+        push_url: existingTemplate.push_url,
+        sms_content: existingTemplate.sms_content,
+        category: existingTemplate.category,
+        channels: existingTemplate.channels,
+        status: existingTemplate.status,
+        tags: existingTemplate.tags,
+        is_personal: existingTemplate.is_personal,
+        from_name: existingTemplate.from_name,
+        reply_to: existingTemplate.reply_to,
+        track_opens: existingTemplate.track_opens,
+        variables: existingTemplate.variables,
+        is_active: existingTemplate.is_active,
+        change_description: `Template updated - version ${existingTemplate.version}`,
+        is_current: false,
+        created_by: user.userID.toString(),
+      }
+    });
+
+    // Update the template
+    const updatedTemplate = await prisma.notification_templates.update({
+      where: {
+        id: templateId
+      },
+      data: templateData
+    });
+
+    console.log("Template updated successfully:", updatedTemplate.id);
+
+    // Return success response
+    return {
+      success: true,
+      data: {
+        id: updatedTemplate.id,
+        message: "Template updated successfully",
+        template: {
+          id: updatedTemplate.id,
+          name: updatedTemplate.name,
+          value: updatedTemplate.value,
+          status: updatedTemplate.status,
+          category: updatedTemplate.category,
+          channels: updatedTemplate.channels,
+          version: updatedTemplate.version,
+          updated_at: updatedTemplate.updated_at
+        }
+      },
+    };
+
+  } catch (error) {
+    console.error("Template update error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      stack: error.stack,
+      cause: error.cause,
+      code: error.code,
+      statusCode: error.statusCode
+    });
+
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith('P')) {
+      console.error("Prisma error code:", error.code);
+      
+      if (error.code === 'P2002') {
+        throw createError({
+          statusCode: 400,
+          statusMessage: "Template with this name already exists",
+          data: {
+            error: "A template with this name already exists. Please choose a different name.",
+            code: error.code
+          }
+        });
+      }
+      
+      if (error.code === 'P2025') {
+        throw createError({
+          statusCode: 404,
+          statusMessage: "Template not found",
+          data: {
+            error: "The template you're trying to update does not exist.",
+            code: error.code
+          }
+        });
+      }
+      
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to update template",
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/templates/[id]/duplicate.post.js b/server/api/notifications/templates/[id]/duplicate.post.js
new file mode 100644
index 0000000..afe630e
--- /dev/null
+++ b/server/api/notifications/templates/[id]/duplicate.post.js
@@ -0,0 +1,185 @@
+import prisma from "~/server/utils/prisma";
+
+// Helper function to generate unique value from title
+function generateUniqueValue(title) {
+  return title
+    .toLowerCase()
+    .replace(/[^a-z0-9\s]/g, '')
+    .replace(/\s+/g, '_')
+    .substring(0, 50);
+}
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get template ID from route parameters
+    const templateId = getRouterParam(event, "id");
+
+    if (!templateId) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Template ID is required",
+      });
+    }
+
+    console.log("Duplicating template:", templateId);
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Find the original template
+    const originalTemplate = await prisma.notification_templates.findUnique({
+      where: {
+        id: templateId
+      }
+    });
+
+    if (!originalTemplate) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Template not found",
+      });
+    }
+
+    console.log("Original template found:", originalTemplate.name);
+
+    // Generate new name and value for the duplicate
+    const newName = `${originalTemplate.name} (Copy)`;
+    let uniqueValue = generateUniqueValue(newName);
+    
+    // Check if value already exists and make it unique
+    let counter = 1;
+    let finalValue = uniqueValue;
+    while (true) {
+      const existingTemplate = await prisma.notification_templates.findUnique({
+        where: { value: finalValue }
+      });
+      
+      if (!existingTemplate) {
+        break;
+      }
+      
+      finalValue = `${uniqueValue}_copy_${counter}`;
+      counter++;
+      
+      // Safety check to prevent infinite loop
+      if (counter > 100) {
+        finalValue = `${uniqueValue}_copy_${Date.now()}`;
+        break;
+      }
+    }
+
+    // Prepare duplicate template data
+    const duplicateData = {
+      name: newName,
+      value: finalValue,
+      description: originalTemplate.description,
+      subject: originalTemplate.subject,
+      preheader: originalTemplate.preheader,
+      email_content: originalTemplate.email_content,
+      push_title: originalTemplate.push_title,
+      push_body: originalTemplate.push_body,
+      push_icon: originalTemplate.push_icon,
+      push_url: originalTemplate.push_url,
+      sms_content: originalTemplate.sms_content,
+      category: originalTemplate.category,
+      channels: originalTemplate.channels,
+      status: "Draft", // Always start as draft
+      version: "1.0", // Reset version for new template
+      tags: originalTemplate.tags,
+      is_personal: originalTemplate.is_personal,
+      from_name: originalTemplate.from_name,
+      reply_to: originalTemplate.reply_to,
+      track_opens: originalTemplate.track_opens,
+      variables: originalTemplate.variables,
+      is_active: false, // Inactive by default
+      created_by: user.userID.toString(),
+      updated_by: user.userID.toString(),
+    };
+
+    console.log("Creating duplicate with data:", duplicateData);
+
+    // Create the duplicate template
+    const duplicateTemplate = await prisma.notification_templates.create({
+      data: duplicateData
+    });
+
+    console.log("Template duplicated successfully:", duplicateTemplate.id);
+
+    // Return success response
+    return {
+      success: true,
+      data: {
+        message: `Template "${originalTemplate.name}" has been duplicated successfully`,
+        originalTemplate: {
+          id: originalTemplate.id,
+          name: originalTemplate.name,
+          value: originalTemplate.value
+        },
+        duplicateTemplate: {
+          id: duplicateTemplate.id,
+          name: duplicateTemplate.name,
+          value: duplicateTemplate.value,
+          status: duplicateTemplate.status,
+          version: duplicateTemplate.version,
+          created_at: duplicateTemplate.created_at
+        }
+      }
+    };
+
+  } catch (error) {
+    console.error("Template duplication error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      stack: error.stack,
+      cause: error.cause,
+      code: error.code,
+      statusCode: error.statusCode
+    });
+
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith('P')) {
+      console.error("Prisma error code:", error.code);
+      
+      if (error.code === 'P2002') {
+        throw createError({
+          statusCode: 400,
+          statusMessage: "Duplicate value conflict",
+          data: {
+            error: "Unable to generate unique identifier for the duplicate template. Please try again.",
+            code: error.code
+          }
+        });
+      }
+      
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to duplicate template",
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/templates/[id]/versions.get.js b/server/api/notifications/templates/[id]/versions.get.js
new file mode 100644
index 0000000..4fa18b8
--- /dev/null
+++ b/server/api/notifications/templates/[id]/versions.get.js
@@ -0,0 +1,149 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get template ID from route parameters
+    const templateId = getRouterParam(event, "id");
+
+    if (!templateId) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Template ID is required",
+      });
+    }
+
+    console.log("Fetching version history for template:", templateId);
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Check if template exists
+    const template = await prisma.notification_templates.findUnique({
+      where: { id: templateId }
+    });
+
+    if (!template) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Template not found",
+      });
+    }
+
+    // Check if the version history table exists
+    let versions = [];
+    try {
+      // Fetch version history for the template
+      versions = await prisma.notification_template_versions.findMany({
+        where: {
+          template_id: templateId
+        },
+        orderBy: {
+          created_at: 'desc'
+        }
+      });
+    } catch (dbError) {
+      console.error("Database error when fetching versions:", dbError);
+      
+      // If table doesn't exist, return empty array
+      if (dbError.code === 'P2021' || dbError.message.includes('doesn\'t exist')) {
+        console.log("Version history table doesn't exist, returning empty array");
+        versions = [];
+      } else {
+        throw dbError;
+      }
+    }
+
+    // Format the response data
+    const formattedVersions = versions.map(version => ({
+      id: version.id,
+      version: version.version,
+      name: version.name,
+      description: version.description,
+      subject: version.subject,
+      content: version.email_content,
+      changeDescription: version.change_description,
+      isCurrent: version.is_current,
+      status: version.status,
+      createdBy: version.created_by,
+      createdAt: version.created_at,
+      formattedCreatedAt: version.created_at 
+        ? new Date(version.created_at).toLocaleDateString("en-US", {
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit",
+            hour: "2-digit",
+            minute: "2-digit",
+          })
+        : "",
+    }));
+
+    console.log(`Found ${formattedVersions.length} versions for template ${templateId}`);
+
+    // Return success response
+    return {
+      success: true,
+      data: {
+        templateId,
+        templateName: template.name,
+        versions: formattedVersions,
+        totalCount: formattedVersions.length
+      }
+    };
+
+  } catch (error) {
+    console.error("Version history fetch error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      stack: error.stack,
+      cause: error.cause,
+      code: error.code,
+      statusCode: error.statusCode
+    });
+
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith('P')) {
+      console.error("Prisma error code:", error.code);
+      
+      if (error.code === 'P2025') {
+        throw createError({
+          statusCode: 404,
+          statusMessage: "Template not found",
+          data: {
+            error: "The template you're looking for does not exist.",
+            code: error.code
+          }
+        });
+      }
+      
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to fetch version history",
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/templates/[id]/versions/[versionId].delete.js b/server/api/notifications/templates/[id]/versions/[versionId].delete.js
new file mode 100644
index 0000000..3d5469c
--- /dev/null
+++ b/server/api/notifications/templates/[id]/versions/[versionId].delete.js
@@ -0,0 +1,145 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get template ID and version ID from route parameters
+    const templateId = getRouterParam(event, "id");
+    const versionId = getRouterParam(event, "versionId");
+
+    if (!templateId || !versionId) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Template ID and Version ID are required",
+      });
+    }
+
+    console.log(`Deleting version ${versionId} for template ${templateId}`);
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Check if template exists
+    const template = await prisma.notification_templates.findUnique({
+      where: { id: templateId }
+    });
+
+    if (!template) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Template not found",
+      });
+    }
+
+    // Check if version exists
+    const version = await prisma.notification_template_versions.findUnique({
+      where: { id: versionId }
+    });
+
+    if (!version || version.template_id !== templateId) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Version not found",
+      });
+    }
+
+    // Check if this is the current version
+    if (version.is_current) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Cannot delete current version",
+        data: {
+          error: "You cannot delete the current version of a template. Please restore a different version first."
+        }
+      });
+    }
+
+    // Check if there are other versions (prevent deletion of the only version)
+    const versionCount = await prisma.notification_template_versions.count({
+      where: { template_id: templateId }
+    });
+
+    if (versionCount <= 1) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Cannot delete the only version",
+        data: {
+          error: "This is the only version of the template. At least one version must exist."
+        }
+      });
+    }
+
+    // Delete the version
+    await prisma.notification_template_versions.delete({
+      where: { id: versionId }
+    });
+
+    console.log(`Version ${version.version} deleted successfully`);
+
+    // Return success response
+    return {
+      success: true,
+      data: {
+        message: `Version ${version.version} has been deleted successfully`,
+        templateId,
+        deletedVersion: version.version,
+        deletedVersionId: versionId
+      }
+    };
+
+  } catch (error) {
+    console.error("Version delete error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      stack: error.stack,
+      cause: error.cause,
+      code: error.code,
+      statusCode: error.statusCode
+    });
+
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith('P')) {
+      console.error("Prisma error code:", error.code);
+      
+      if (error.code === 'P2025') {
+        throw createError({
+          statusCode: 404,
+          statusMessage: "Template or version not found",
+          data: {
+            error: "The template or version you're looking for does not exist.",
+            code: error.code
+          }
+        });
+      }
+      
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to delete version",
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/templates/[id]/versions/[versionId]/restore.post.js b/server/api/notifications/templates/[id]/versions/[versionId]/restore.post.js
new file mode 100644
index 0000000..f2325d8
--- /dev/null
+++ b/server/api/notifications/templates/[id]/versions/[versionId]/restore.post.js
@@ -0,0 +1,231 @@
+import prisma from "~/server/utils/prisma";
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Get template ID and version ID from route parameters
+    const templateId = getRouterParam(event, "id");
+    const versionId = getRouterParam(event, "versionId");
+
+    if (!templateId || !versionId) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Template ID and Version ID are required",
+      });
+    }
+
+    console.log(`Restoring version ${versionId} for template ${templateId}`);
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    // Check if template exists
+    const template = await prisma.notification_templates.findUnique({
+      where: { id: templateId }
+    });
+
+    if (!template) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Template not found",
+      });
+    }
+
+    // Check if version exists
+    const version = await prisma.notification_template_versions.findUnique({
+      where: { id: versionId }
+    });
+
+    if (!version || version.template_id !== templateId) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: "Version not found",
+      });
+    }
+
+    // Generate new version number (increment current version)
+    const currentVersion = template.version || "1.0";
+    const versionParts = currentVersion.split('.');
+    const majorVersion = parseInt(versionParts[0]) || 1;
+    const minorVersion = parseInt(versionParts[1]) || 0;
+    const newVersion = `${majorVersion}.${minorVersion + 1}`;
+
+    // Create version history entry for current template state before restore
+    await prisma.notification_template_versions.create({
+      data: {
+        template_id: templateId,
+        version: currentVersion,
+        name: template.name,
+        description: template.description,
+        subject: template.subject,
+        preheader: template.preheader,
+        email_content: template.email_content,
+        push_title: template.push_title,
+        push_body: template.push_body,
+        push_icon: template.push_icon,
+        push_url: template.push_url,
+        sms_content: template.sms_content,
+        category: template.category,
+        channels: template.channels,
+        status: template.status,
+        tags: template.tags,
+        is_personal: template.is_personal,
+        from_name: template.from_name,
+        reply_to: template.reply_to,
+        track_opens: template.track_opens,
+        variables: template.variables,
+        is_active: template.is_active,
+        change_description: `Automatic backup before restoring version ${version.version}`,
+        is_current: false,
+        created_by: user.userID.toString(),
+      }
+    });
+
+    // Update the current template with the version data
+    const updatedTemplate = await prisma.notification_templates.update({
+      where: { id: templateId },
+      data: {
+        name: version.name,
+        description: version.description,
+        subject: version.subject,
+        preheader: version.preheader,
+        email_content: version.email_content,
+        push_title: version.push_title,
+        push_body: version.push_body,
+        push_icon: version.push_icon,
+        push_url: version.push_url,
+        sms_content: version.sms_content,
+        category: version.category,
+        channels: version.channels,
+        status: version.status,
+        tags: version.tags,
+        is_personal: version.is_personal,
+        from_name: version.from_name,
+        reply_to: version.reply_to,
+        track_opens: version.track_opens,
+        variables: version.variables,
+        is_active: version.is_active,
+        version: newVersion,
+        updated_by: user.userID.toString(),
+        updated_at: new Date(),
+      }
+    });
+
+    // Create version history entry for the restored version
+    await prisma.notification_template_versions.create({
+      data: {
+        template_id: templateId,
+        version: newVersion,
+        name: version.name,
+        description: version.description,
+        subject: version.subject,
+        preheader: version.preheader,
+        email_content: version.email_content,
+        push_title: version.push_title,
+        push_body: version.push_body,
+        push_icon: version.push_icon,
+        push_url: version.push_url,
+        sms_content: version.sms_content,
+        category: version.category,
+        channels: version.channels,
+        status: version.status,
+        tags: version.tags,
+        is_personal: version.is_personal,
+        from_name: version.from_name,
+        reply_to: version.reply_to,
+        track_opens: version.track_opens,
+        variables: version.variables,
+        is_active: version.is_active,
+        change_description: `Restored from version ${version.version}`,
+        is_current: true,
+        created_by: user.userID.toString(),
+      }
+    });
+
+    // Mark previous current version as not current
+    await prisma.notification_template_versions.updateMany({
+      where: {
+        template_id: templateId,
+        is_current: true,
+        version: { not: newVersion }
+      },
+      data: {
+        is_current: false
+      }
+    });
+
+    console.log(`Version ${version.version} restored successfully as version ${newVersion}`);
+
+    // Return success response
+    return {
+      success: true,
+      data: {
+        message: `Version ${version.version} has been restored successfully as version ${newVersion}`,
+        templateId,
+        restoredVersion: version.version,
+        newVersion,
+        template: {
+          id: updatedTemplate.id,
+          title: updatedTemplate.name,
+          version: updatedTemplate.version,
+          updatedAt: updatedTemplate.updated_at
+        }
+      }
+    };
+
+  } catch (error) {
+    console.error("Version restore error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      stack: error.stack,
+      cause: error.cause,
+      code: error.code,
+      statusCode: error.statusCode
+    });
+
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith('P')) {
+      console.error("Prisma error code:", error.code);
+      
+      if (error.code === 'P2025') {
+        throw createError({
+          statusCode: 404,
+          statusMessage: "Template or version not found",
+          data: {
+            error: "The template or version you're looking for does not exist.",
+            code: error.code
+          }
+        });
+      }
+      
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to restore version",
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+}); 
\ No newline at end of file
diff --git a/server/api/notifications/templates/create.post.js b/server/api/notifications/templates/create.post.js
new file mode 100644
index 0000000..e8bc5b9
--- /dev/null
+++ b/server/api/notifications/templates/create.post.js
@@ -0,0 +1,231 @@
+import { z } from "zod";
+import prisma from "~/server/utils/prisma";
+
+// Input validation schema
+const createTemplateSchema = z.object({
+  title: z.string().min(1, "Title is required").max(100, "Title must be less than 100 characters"),
+  description: z.string().optional(),
+  subject: z.string().min(1, "Subject is required").max(255, "Subject must be less than 255 characters"),
+  preheader: z.string().max(255, "Preheader must be less than 255 characters").optional(),
+  category: z.string().min(1, "Category is required"),
+  channels: z.array(z.enum(["email", "sms", "push"])).min(1, "At least one channel is required"),
+  status: z.enum(["Draft", "Active", "Archived"]).default("Draft"),
+  version: z.string().default("1.0"),
+  content: z.string().min(1, "Content is required"),
+  tags: z.string().optional(),
+  isPersonal: z.boolean().default(false),
+  // Email specific settings
+  fromName: z.string().optional(),
+  replyTo: z.string().email("Invalid reply-to email format").optional().or(z.literal("")),
+  trackOpens: z.boolean().default(true),
+  // Push notification specific settings
+  pushTitle: z.string().optional(),
+  pushIcon: z.string().url("Invalid push icon URL").optional().or(z.literal("")),
+  pushUrl: z.string().url("Invalid push URL").optional().or(z.literal("")),
+  // SMS specific settings
+  smsContent: z.string().max(160, "SMS content must be 160 characters or less").optional(),
+});
+
+// Helper function to generate unique value from title
+function generateUniqueValue(title) {
+  return title
+    .toLowerCase()
+    .replace(/[^a-z0-9\s]/g, '')
+    .replace(/\s+/g, '_')
+    .substring(0, 50);
+}
+
+// Helper function to validate template content
+function validateTemplateContent(content, channels) {
+  const errors = [];
+  
+  // Check for balanced variable syntax
+  const variableMatches = content.match(/\{\{[^}]*\}\}/g) || [];
+  for (const match of variableMatches) {
+    if (!match.endsWith('}}')) {
+      errors.push(`Unmatched variable syntax: ${match}`);
+    }
+  }
+  
+  return errors;
+}
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Read and validate request body
+    const body = await readBody(event);
+    
+    console.log("Template creation request:", body);
+
+    // Validate input data
+    const validationResult = createTemplateSchema.safeParse(body);
+    if (!validationResult.success) {
+      const errors = validationResult.error.errors.map(err => 
+        `${err.path.join('.')}: ${err.message}`
+      );
+      
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Validation failed",
+        data: {
+          errors: errors
+        }
+      });
+    }
+
+    const validatedData = validationResult.data;
+
+    // Get current user (assuming auth middleware provides this)
+    const user = event.context.user;
+    if (!user || !user.userID) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: "Authentication required",
+      });
+    }
+
+    console.log("User authenticated:", user.userID);
+
+    // Validate template content
+    const contentErrors = validateTemplateContent(validatedData.content, validatedData.channels);
+    if (contentErrors.length > 0) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Content validation failed",
+        data: {
+          errors: contentErrors
+        }
+      });
+    }
+
+    // Generate unique value for the template
+    let uniqueValue = generateUniqueValue(validatedData.title);
+    
+    // Check if value already exists and make it unique
+    let counter = 1;
+    let finalValue = uniqueValue;
+    while (true) {
+      const existingTemplate = await prisma.notification_templates.findUnique({
+        where: { value: finalValue }
+      });
+      
+      if (!existingTemplate) {
+        break;
+      }
+      
+      finalValue = `${uniqueValue}_${counter}`;
+      counter++;
+      
+      // Safety check to prevent infinite loop
+      if (counter > 100) {
+        finalValue = `${uniqueValue}_${Date.now()}`;
+        break;
+      }
+    }
+
+    // Prepare data for database insertion
+    const templateData = {
+      name: validatedData.title,
+      value: finalValue,
+      description: validatedData.description || null,
+      subject: validatedData.subject,
+      preheader: validatedData.preheader || null,
+      email_content: validatedData.content,
+      push_title: validatedData.pushTitle || null,
+      push_body: validatedData.content ? validatedData.content.replace(/<[^>]*>/g, '').substring(0, 300) : null,
+      push_icon: validatedData.pushIcon || null,
+      push_url: validatedData.pushUrl || null,
+      sms_content: validatedData.smsContent || null,
+      category: validatedData.category,
+      channels: validatedData.channels,
+      status: validatedData.status,
+      version: validatedData.version,
+      tags: validatedData.tags || null,
+      is_personal: validatedData.isPersonal,
+      from_name: validatedData.fromName || null,
+      reply_to: validatedData.replyTo || null,
+      track_opens: validatedData.trackOpens,
+      is_active: validatedData.status === "Active" ? 1 : validatedData.status === "Draft" ? 0 : 2,
+      created_by: user.userID.toString(),
+      updated_by: user.userID.toString(),
+    };
+
+    console.log("Creating template with data:", templateData);
+
+    // Create the template
+    const newTemplate = await prisma.notification_templates.create({
+      data: templateData
+    });
+
+    console.log("Template created successfully:", newTemplate.id);
+
+    // Return success response
+    return {
+      success: true,
+      data: {
+        id: newTemplate.id,
+        message: "Template created successfully",
+        template: {
+          id: newTemplate.id,
+          name: newTemplate.name,
+          value: newTemplate.value,
+          status: newTemplate.status,
+          category: newTemplate.category,
+          channels: newTemplate.channels,
+          version: newTemplate.version,
+          created_at: newTemplate.created_at
+        }
+      },
+    };
+
+  } catch (error) {
+    console.error("Template creation error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      stack: error.stack,
+      cause: error.cause,
+      code: error.code,
+      statusCode: error.statusCode
+    });
+
+    // Handle Prisma errors
+    if (error.code && error.code.startsWith('P')) {
+      console.error("Prisma error code:", error.code);
+      
+      if (error.code === 'P2002') {
+        throw createError({
+          statusCode: 400,
+          statusMessage: "Template with this name already exists",
+          data: {
+            error: "A template with this name already exists. Please choose a different name.",
+            code: error.code
+          }
+        });
+      }
+      
+      throw createError({
+        statusCode: 400,
+        statusMessage: "Database operation failed",
+        data: {
+          error: error.message,
+          code: error.code
+        }
+      });
+    }
+
+    // Handle known errors with status codes
+    if (error.statusCode) {
+      throw error;
+    }
+
+    // Generic server error
+    throw createError({
+      statusCode: 500,
+      statusMessage: "Failed to create template",
+      data: {
+        error: error.message
+      }
+    });
+  } finally {
+  }
+});
diff --git a/server/api/notifications/templates/index.get.js b/server/api/notifications/templates/index.get.js
new file mode 100644
index 0000000..89af244
--- /dev/null
+++ b/server/api/notifications/templates/index.get.js
@@ -0,0 +1,64 @@
+import prisma from "~/server/utils/prisma";
+
+// Helper function to map is_active integer to status string
+function getStatusFromIsActive(isActive) {
+  console.log("Converting is_active value:", isActive, "type:", typeof isActive);
+  switch (isActive) {
+    case 1:
+      return "Active";
+    case 0:
+      return "Inactive";
+    case 2:
+      return "Draft";
+    default:
+      return "Draft";
+  }
+}
+
+export default defineEventHandler(async (event) => {
+  try {
+    // Use raw query to get the actual integer values for is_active
+    const templates = await prisma.$queryRaw`
+      SELECT
+        id,
+        name,
+        value,
+        category,
+        is_active,
+        created_at,
+        updated_at
+      FROM notification_templates
+      ORDER BY name ASC
+    `;
+
+    console.log("RAW QUERY TEMPLATES:", templates);
+    console.log("First template is_active:", templates[0]?.is_active, "type:", typeof templates[0]?.is_active);
+
+    // Format the response to match frontend expectations
+    return {
+      success: true,
+      message: "Code: A1",
+      data: {
+        templates: templates.map((template) => ({
+          id: template.id,
+          title: template.name,
+          value: template.value,
+          category: template.category || "General",
+          is_active: template.is_active,
+          created_at: template.created_at || "",
+          updated_at: template.updated_at || "",
+        })),
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching templates:", error);
+    return {
+      success: false,
+      data: {
+        message: "Failed to fetch templates",
+        error: error.message,
+      },
+    };
+  } finally {
+  }
+});
diff --git a/server/api/notifications/test-send.post.js b/server/api/notifications/test-send.post.js
new file mode 100644
index 0000000..a916276
--- /dev/null
+++ b/server/api/notifications/test-send.post.js
@@ -0,0 +1,161 @@
+import { z } from 'zod'
+import { sendEmailNotification } from '~/server/utils/emailService'
+
+const testSendSchema = z.object({
+  email: z.string().email('Valid email is required'),
+  notificationId: z.string().uuid().optional(),
+  testData: z.object({
+    title: z.string(),
+    channels: z.array(z.string()),
+    emailSubject: z.string().optional(),
+    emailContent: z.string().optional(),
+    pushTitle: z.string().optional(),
+    pushBody: z.string().optional(),
+    callToActionText: z.string().optional(),
+    callToActionUrl: z.string().optional()
+  }).optional()
+})
+
+export default defineEventHandler(async (event) => {
+  try {
+    const body = await readValidatedBody(event, testSendSchema.parse)
+    const { $db } = useNitroApp()
+    
+    let notificationData = body.testData
+    
+    // If notificationId is provided, fetch from database
+    if (body.notificationId) {
+      const result = await $db.query(`
+        SELECT n.*, nc.channel_type, nt.subject as template_subject, 
+               nt.email_content as template_email_content,
+               nt.push_title as template_push_title,
+               nt.push_body as template_push_body
+        FROM notifications n
+        LEFT JOIN notification_channels nc ON n.id = nc.notification_id
+        LEFT JOIN notification_templates nt ON n.template_id = nt.id
+        WHERE n.id = $1
+      `, [body.notificationId])
+      
+      if (result.rows.length === 0) {
+        throw createError({
+          statusCode: 404,
+          statusMessage: 'Notification not found'
+        })
+      }
+      
+      const notification = result.rows[0]
+      const channels = result.rows.map(row => row.channel_type).filter(Boolean)
+      
+      notificationData = {
+        title: notification.title,
+        channels,
+        emailSubject: notification.email_subject || notification.template_subject,
+        emailContent: notification.email_content || notification.template_email_content,
+        pushTitle: notification.push_title || notification.template_push_title,
+        pushBody: notification.push_body || notification.template_push_body,
+        callToActionText: notification.call_to_action_text,
+        callToActionUrl: notification.call_to_action_url
+      }
+    }
+    
+    if (!notificationData) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Either notificationId or testData is required'
+      })
+    }
+    
+    const results = []
+    
+    // Send test email
+    if (notificationData.channels.includes('email') && notificationData.emailContent) {
+      try {
+        await sendEmailNotification({
+          to: body.email,
+          subject: notificationData.emailSubject || 'Test Notification',
+          content: notificationData.emailContent,
+          callToActionText: notificationData.callToActionText,
+          callToActionUrl: notificationData.callToActionUrl
+        })
+        
+        results.push({
+          channel: 'email',
+          status: 'sent',
+          message: 'Test email sent successfully'
+        })
+      } catch (error) {
+        results.push({
+          channel: 'email',
+          status: 'failed',
+          message: error.message
+        })
+      }
+    }
+    
+    // Send test push notification
+    if (notificationData.channels.includes('push') && notificationData.pushTitle) {
+      try {
+        await sendTestPush({
+          email: body.email, // Use email to identify user for push
+          title: notificationData.pushTitle,
+          body: notificationData.pushBody
+        })
+        
+        results.push({
+          channel: 'push',
+          status: 'sent',
+          message: 'Test push notification sent successfully'
+        })
+      } catch (error) {
+        results.push({
+          channel: 'push',
+          status: 'failed',
+          message: error.message
+        })
+      }
+    }
+    
+    return {
+      success: true,
+      data: {
+        message: 'Test notifications processed',
+        results
+      }
+    }
+    
+  } catch (error) {
+    console.error('Error sending test notification:', error)
+    
+    if (error.statusCode) {
+      throw error
+    }
+    
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Failed to send test notification'
+    })
+  }
+})
+
+// Mock push notification function - replace with your actual push service
+async function sendTestPush({ email, title, body }) {
+  // This is a mock implementation
+  // Replace with your actual push service (Firebase, OneSignal, etc.)
+  
+  console.log('Sending test push notification:', {
+    email,
+    title,
+    body
+  })
+  
+  // Simulate push sending delay
+  await new Promise(resolve => setTimeout(resolve, 800))
+  
+  // For demo purposes, we'll just log and return success
+  // In a real implementation, you would:
+  // 1. Find user's device tokens by email
+  // 2. Send to push notification service
+  // 3. Handle any errors appropriately
+  
+  return true
+} 
\ No newline at end of file
diff --git a/server/middleware/auth.js b/server/middleware/auth.js
new file mode 100644
index 0000000..d08bdb7
--- /dev/null
+++ b/server/middleware/auth.js
@@ -0,0 +1,109 @@
+import jwt from "jsonwebtoken";
+
+const ENV = useRuntimeConfig();
+
+export default defineEventHandler(async (event) => {
+  try {
+    const cookies = event.req.headers.cookie;
+    if (!cookies) throw new Error("Cookie not found");
+
+    let { accessToken, refreshToken, user } = parseCookie(cookies);
+
+    if (!accessToken) accessToken = null;
+    if (!refreshToken) refreshToken = null;
+
+    let { subdomain } = JSON.parse(user);
+    if (!subdomain) subdomain = null;
+
+    let payloadUser = null;
+
+    payloadUser = verifyAccessToken(accessToken);
+
+    if (!payloadUser) {
+      payloadUser = verifyRefreshToken(refreshToken);
+      if (!payloadUser) throw new Error("Unauthorized Refresh Token");
+
+      const accessToken = generateAccessToken({
+        email: payloadUser.email,
+        roles: payloadUser.roles,
+      });
+
+      // Set new access token
+      event.res.setHeader("Set-Cookie", [
+        `accessToken=${accessToken}; HttpOnly; Secure; SameSite=Lax; Path=/`,
+      ]);
+    }
+
+    const getUser = await getUserInfo(payloadUser.username);
+    if (!getUser) throw new Error("User not found");
+
+    event.context.user = {
+      userID: getUser.userID || null,
+      email: payloadUser.email || null,
+      roles: payloadUser.roles || [],
+    };
+
+    return;
+  } catch (error) {
+    // console.log(error.message);
+    event.context.user = {
+      userID: null,
+      email: null,
+      roles: [],
+    };
+    return;
+  }
+});
+
+function parseCookie(str) {
+  return str
+    .split(";")
+    .map((v) => v.split("="))
+    .reduce((acc, v) => {
+      acc[decodeURIComponent(v[0].trim())] = decodeURIComponent(v[1].trim());
+      return acc;
+    }, {});
+}
+
+function verifyAccessToken(accessToken) {
+  try {
+    const token = ENV.auth.secretAccess;
+    return jwt.verify(accessToken, token);
+  } catch (error) {
+    return false;
+  }
+}
+
+function verifyRefreshToken(refreshToken) {
+  try {
+    const token = ENV.auth.secretRefresh;
+    return jwt.verify(refreshToken, token);
+  } catch (error) {
+    return false;
+  }
+}
+
+function generateAccessToken(user) {
+  try {
+    const token = ENV.auth.secretAccess;
+    return jwt.sign(user, token, { expiresIn: "1d" });
+  } catch (error) {
+    return false;
+  }
+}
+
+async function getUserInfo(username) {
+  try {
+    const user = await prisma.user.findFirst({
+      where: {
+        userUsername: username,
+      },
+    });
+
+    if (!user) return null;
+
+    return user;
+  } catch (error) {
+    console.log(error);
+  }
+}
diff --git a/server/nitro.config.js b/server/nitro.config.js
new file mode 100644
index 0000000..0d2ca51
--- /dev/null
+++ b/server/nitro.config.js
@@ -0,0 +1,3 @@
+import { defineNitroConfig } from "nitropack";
+
+export default defineNitroConfig({});
diff --git a/server/plugins/queueProcessor.js b/server/plugins/queueProcessor.js
new file mode 100644
index 0000000..5abef9a
--- /dev/null
+++ b/server/plugins/queueProcessor.js
@@ -0,0 +1,14 @@
+import { startQueueProcessor, stopQueueProcessor } from '../utils/queueProcessor';
+
+export default defineNitroPlugin((nitroApp) => {
+  console.log('📦 Initializing notification queue processor plugin...');
+
+  // Start the queue processor when the server starts
+  startQueueProcessor();
+
+  // Optional: Stop gracefully on server shutdown
+  nitroApp.hooks.hook('close', () => {
+    console.log('🛑 Shutting down queue processor...');
+    stopQueueProcessor();
+  });
+});
diff --git a/server/utils/buildNuxtTemplate.js b/server/utils/buildNuxtTemplate.js
new file mode 100644
index 0000000..a73c36a
--- /dev/null
+++ b/server/utils/buildNuxtTemplate.js
@@ -0,0 +1,35 @@
+export function buildNuxtTemplate({ title, name }) {
+  // Ensure title is properly escaped for use in template
+  const escapedTitle = title.replace(/"/g, '\\"').replace(/\n/g, '\\n');
+  
+  return `<script setup>
+    definePageMeta({
+      title: "${escapedTitle}",
+      middleware: ["auth"],
+      requiresAuth: true,
+    });
+    </script>
+    
+    <template>
+      <div>
+        <LayoutsBreadcrumb />
+        <rs-card>
+          <template #header>
+            <div>
+              ${title}
+            </div>
+          </template>
+          <template #body>
+            <div>
+              Content for ${title}
+            </div>
+          </template>
+        </rs-card>
+      </div>
+    </template>
+    
+    <style scoped>
+    /* Add your styles here */
+    </style>
+    `;
+}
diff --git a/server/utils/emailService.js b/server/utils/emailService.js
new file mode 100644
index 0000000..c6892e8
--- /dev/null
+++ b/server/utils/emailService.js
@@ -0,0 +1,472 @@
+import nodemailer from 'nodemailer';
+import prisma from './prisma';
+import DOMPurify from 'isomorphic-dompurify';
+
+// Create email transporter with configuration from database or environment
+async function createTransporter() {
+  try {
+    // Try to get email configuration from database
+    const emailConfig = await prisma.notification_delivery_config.findFirst({
+      where: {
+        channel_type: 'email',
+        is_enabled: true
+      }
+    });
+
+    let transportConfig;
+
+    if (emailConfig && emailConfig.provider_config) {
+      // Use database configuration
+      const config = emailConfig.provider_config;
+      transportConfig = {
+        host: config.host,
+        port: config.port || 587,
+        secure: config.secure || false,
+        auth: {
+          user: config.user || config.username,
+          pass: config.pass || config.password
+        }
+      };
+      console.log('Using database email config:', { host: config.host, port: config.port, user: config.user || config.username });
+    } else {
+      // Fallback to environment variables
+      transportConfig = {
+        host: process.env.SMTP_HOST || 'smtp.gmail.com',
+        port: parseInt(process.env.SMTP_PORT) || 587,
+        secure: process.env.SMTP_SECURE === 'true',
+        auth: {
+          user: process.env.SMTP_USER,
+          pass: process.env.SMTP_PASS
+        }
+      };
+      console.log('Using environment email config:', { 
+        host: transportConfig.host, 
+        port: transportConfig.port, 
+        user: transportConfig.auth.user,
+        hasPassword: !!transportConfig.auth.pass
+      });
+    }
+
+    if (!transportConfig.auth.user || !transportConfig.auth.pass) {
+      throw new Error('Email credentials not configured. Please set SMTP_USER and SMTP_PASS or configure via delivery settings.');
+    }
+
+    return nodemailer.createTransport(transportConfig);
+  } catch (error) {
+    console.error('Error creating email transporter:', error);
+    throw new Error('Failed to create email transporter: ' + error.message);
+  }
+}
+
+// Send email notification
+export async function sendEmailNotification({ to, subject, content, callToActionText, callToActionUrl, notificationId }) {
+  try {
+    const transporter = await createTransporter();
+
+    // Create HTML email template
+    const htmlContent = createEmailTemplate({
+      content,
+      callToActionText,
+      callToActionUrl
+    });
+
+    // Get sender email from database config or environment
+    let senderEmail = process.env.SMTP_FROM || process.env.SMTP_USER;
+    
+    try {
+      const emailConfig = await prisma.notification_delivery_config.findFirst({
+        where: {
+          channel_type: 'email',
+          is_enabled: true
+        }
+      });
+      
+      if (emailConfig?.provider_config?.senderEmail) {
+        senderEmail = emailConfig.provider_config.senderEmail;
+      }
+    } catch (error) {
+      console.warn('Could not fetch sender email from database config, using environment default');
+    }
+
+    const mailOptions = {
+      from: senderEmail,
+      to,
+      subject,
+      html: htmlContent,
+      text: stripHtmlTags(content) // Plain text version
+    };
+
+    const result = await transporter.sendMail(mailOptions);
+    
+    // Log the successful send
+    if (notificationId) {
+      await logEmailDelivery({
+        notificationId,
+        recipientEmail: to,
+        status: 'sent',
+        messageId: result.messageId,
+        response: result.response
+      });
+    }
+
+    return {
+      success: true,
+      messageId: result.messageId,
+      response: result.response
+    };
+  } catch (error) {
+    console.error('Error sending email:', error);
+    
+    // Log the failed send
+    if (notificationId) {
+      await logEmailDelivery({
+        notificationId,
+        recipientEmail: to,
+        status: 'failed',
+        error: error.message
+      });
+    }
+
+    throw error;
+  }
+}
+
+// Create HTML email template
+function createEmailTemplate({ content, callToActionText, callToActionUrl }) {
+  // Sanitize HTML content to prevent XSS attacks
+  const sanitizedContent = DOMPurify.sanitize(content, {
+    ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'u', 'h1', 'h2', 'h3', 'h4', 'ul', 'ol', 'li', 'a', 'div', 'span'],
+    ALLOWED_ATTR: ['href', 'target', 'style', 'class'],
+    ALLOW_DATA_ATTR: false
+  });
+
+  // Sanitize call to action text and validate URL
+  const sanitizedCtaText = callToActionText ? DOMPurify.sanitize(callToActionText, { ALLOWED_TAGS: [] }) : '';
+
+  // Validate call to action URL (only allow http/https)
+  let sanitizedCtaUrl = '';
+  if (callToActionUrl) {
+    try {
+      const url = new URL(callToActionUrl);
+      if (url.protocol === 'http:' || url.protocol === 'https:') {
+        sanitizedCtaUrl = url.href;
+      }
+    } catch (e) {
+      console.warn('Invalid call to action URL:', callToActionUrl);
+    }
+  }
+
+  const ctaButton = sanitizedCtaText && sanitizedCtaUrl ? `
+    <div style="text-align: center; margin: 30px 0;">
+      <a href="${sanitizedCtaUrl}"
+         style="background-color: #007bff; color: white; padding: 12px 24px;
+                text-decoration: none; border-radius: 4px; display: inline-block;">
+        ${sanitizedCtaText}
+      </a>
+    </div>
+  ` : '';
+
+  return `
+    <!DOCTYPE html>
+    <html>
+    <head>
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>Notification</title>
+    </head>
+    <body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
+      <div style="background-color: #f8f9fa; padding: 20px; border-radius: 8px;">
+        ${sanitizedContent}
+        ${ctaButton}
+      </div>
+      <div style="margin-top: 20px; padding: 10px; border-top: 1px solid #eee; font-size: 12px; color: #666; text-align: center;">
+        <p>This is an automated notification. Please do not reply to this email.</p>
+      </div>
+    </body>
+    </html>
+  `;
+}
+
+// Strip HTML tags for plain text version
+function stripHtmlTags(html) {
+  return html.replace(/<[^>]*>/g, '').replace(/\s+/g, ' ').trim();
+}
+
+// Log email delivery status
+async function logEmailDelivery({ notificationId, recipientEmail, status, messageId, response, error }) {
+  try {
+    await prisma.notification_logs.create({
+      data: {
+        notification_id: notificationId,
+        action: status === 'sent' ? 'email_delivered' : 'email_failed',
+        channel_type: 'email',
+        status,
+        details: `Email ${status} to ${recipientEmail}. ${response || error || ''}`,
+        error_message: status === 'failed' ? (error || response) : null,
+        metadata: {
+          recipient_email: recipientEmail,
+          message_id: messageId,
+          response: response
+        }
+      }
+    });
+  } catch (logError) {
+    console.error('Error logging email delivery:', logError);
+  }
+}
+
+// Process notification queue for email sending
+export async function processEmailQueue() {
+  try {
+    // Calculate timeout threshold (5 minutes ago)
+    const timeoutThreshold = new Date(Date.now() - 5 * 60 * 1000);
+
+    // Get pending email notifications from queue
+    // Include both 'queued' items AND 'processing' items that are stuck (older than 5 minutes)
+    const queueItems = await prisma.notification_queue.findMany({
+      where: {
+        OR: [
+          {
+            status: 'queued',
+            scheduled_for: {
+              lte: new Date()
+            }
+          },
+          {
+            status: 'processing',
+            last_attempt_at: {
+              lt: timeoutThreshold
+            }
+          }
+        ]
+      },
+      include: {
+        notifications: true,
+        notification_recipients: true
+      },
+      orderBy: [
+        { priority: 'asc' },
+        { created_at: 'desc' }, // Process newer notifications first
+        { scheduled_for: 'asc' }
+      ],
+      take: 500 // Process in batches - increased for better throughput with large recipient lists
+    });
+
+    const results = [];
+    const totalItems = queueItems.length;
+    let processedCount = 0;
+
+    if (totalItems > 0) {
+      console.log(`[${new Date().toISOString()}] 📧 Starting to process ${totalItems} queue items...`);
+    }
+
+    for (const queueItem of queueItems) {
+      const { notifications: notification, notification_recipients: recipient } = queueItem;
+      processedCount++;
+
+      if (recipient.channel_type === 'email' && recipient.email) {
+        try {
+          // Check if max retry attempts exceeded (max 3 attempts)
+          const currentAttempts = queueItem.attempts || 0;
+          if (currentAttempts >= 3) {
+            console.log(`[${new Date().toISOString()}] ❌ Queue item #${queueItem.id} exceeded max retry attempts (${currentAttempts}), marking as failed`);
+
+            await prisma.notification_queue.update({
+              where: { id: queueItem.id },
+              data: {
+                status: 'failed',
+                error_message: `Maximum retry attempts (${currentAttempts}) exceeded`,
+                updated_at: new Date()
+              }
+            });
+
+            await prisma.notification_recipients.update({
+              where: { id: recipient.id },
+              data: {
+                status: 'failed',
+                error_message: `Maximum retry attempts (${currentAttempts}) exceeded`
+              }
+            });
+
+            results.push({
+              queueId: queueItem.id,
+              recipientId: recipient.id,
+              status: 'failed',
+              error: 'Maximum retry attempts exceeded'
+            });
+
+            continue; // Skip to next item
+          }
+
+          // Log if this is a recovery of a stuck item
+          if (queueItem.status === 'processing') {
+            console.log(`[${new Date().toISOString()}] 🔄 Recovering stuck queue item #${queueItem.id} (attempt ${currentAttempts + 1}/3)`);
+          }
+
+          // Mark as processing (atomic operation)
+          await prisma.notification_queue.update({
+            where: { id: queueItem.id },
+            data: {
+              status: 'processing',
+              last_attempt_at: new Date(),
+              attempts: currentAttempts + 1
+            }
+          });
+
+          // Send the email (external API call - do NOT wrap in transaction)
+          await sendEmailNotification({
+            to: recipient.email,
+            subject: notification.email_subject,
+            content: notification.email_content,
+            callToActionText: notification.call_to_action_text,
+            callToActionUrl: notification.call_to_action_url,
+            notificationId: notification.id
+          });
+
+          // Update all statuses in a single transaction for consistency
+          await prisma.$transaction(async (tx) => {
+            // Update recipient status
+            await tx.notification_recipients.update({
+              where: { id: recipient.id },
+              data: {
+                status: 'sent',
+                sent_at: new Date()
+              }
+            });
+
+            // Update queue status to completed
+            await tx.notification_queue.update({
+              where: { id: queueItem.id },
+              data: {
+                status: 'completed',
+                updated_at: new Date()
+              }
+            });
+
+            // Check if all recipients for this notification are done (sent or failed)
+            const pendingRecipients = await tx.notification_recipients.count({
+              where: {
+                notification_id: notification.id,
+                status: 'pending'
+              }
+            });
+
+            // If no more pending recipients, update notification status to 'sent'
+            if (pendingRecipients === 0) {
+              const sentCount = await tx.notification_recipients.count({
+                where: {
+                  notification_id: notification.id,
+                  status: 'sent'
+                }
+              });
+
+              await tx.notifications.update({
+                where: { id: notification.id },
+                data: {
+                  status: 'sent',
+                  sent_at: new Date(),
+                  actual_sent: sentCount
+                }
+              });
+            }
+          }, {
+            maxWait: 5000, // Maximum time to wait for transaction to start (5s)
+            timeout: 10000, // Maximum time for transaction to complete (10s)
+          });
+
+          results.push({
+            queueId: queueItem.id,
+            recipientId: recipient.id,
+            status: 'sent',
+            recovered: queueItem.attempts > 1 // True if this was a retry
+          });
+
+          // Log progress every 100 items
+          if (processedCount % 100 === 0) {
+            console.log(`[${new Date().toISOString()}] ⏳ Progress: ${processedCount}/${totalItems} items processed (${Math.round(processedCount/totalItems*100)}%)`);
+          }
+
+        } catch (error) {
+          console.error(`[${new Date().toISOString()}] ❌ Error sending email to ${recipient.email}:`, error.message);
+
+          // Update all failure statuses in a single transaction for consistency
+          await prisma.$transaction(async (tx) => {
+            // Update recipient status to failed
+            await tx.notification_recipients.update({
+              where: { id: recipient.id },
+              data: {
+                status: 'failed',
+                error_message: error.message
+              }
+            });
+
+            // Update queue status to failed
+            await tx.notification_queue.update({
+              where: { id: queueItem.id },
+              data: {
+                status: 'failed',
+                error_message: error.message,
+                updated_at: new Date()
+              }
+            });
+
+            // Check if all recipients are done (sent or failed)
+            const pendingRecipients = await tx.notification_recipients.count({
+              where: {
+                notification_id: notification.id,
+                status: 'pending'
+              }
+            });
+
+            // If no more pending recipients, update notification status
+            if (pendingRecipients === 0) {
+              const successfulCount = await tx.notification_recipients.count({
+                where: {
+                  notification_id: notification.id,
+                  status: 'sent'
+                }
+              });
+
+              await tx.notifications.update({
+                where: { id: notification.id },
+                data: {
+                  status: successfulCount > 0 ? 'sent' : 'failed',
+                  sent_at: new Date(),
+                  actual_sent: successfulCount
+                }
+              });
+            }
+          }, {
+            maxWait: 5000, // Maximum time to wait for transaction to start (5s)
+            timeout: 10000, // Maximum time for transaction to complete (10s)
+          });
+
+          results.push({
+            queueId: queueItem.id,
+            recipientId: recipient.id,
+            status: 'failed',
+            error: error.message
+          });
+        }
+      }
+    }
+
+    // Final summary
+    if (totalItems > 0) {
+      const sent = results.filter(r => r.status === 'sent').length;
+      const failed = results.filter(r => r.status === 'failed').length;
+      const recovered = results.filter(r => r.recovered).length;
+
+      console.log(`[${new Date().toISOString()}] ✅ Batch complete: ${sent} sent, ${failed} failed out of ${totalItems} total`);
+      if (recovered > 0) {
+        console.log(`[${new Date().toISOString()}] 🔄 Recovered items: ${recovered}`);
+      }
+    }
+
+    return results;
+  } catch (error) {
+    console.error(`[${new Date().toISOString()}] ❌ Error processing email queue:`, error.message);
+    console.error(`[${new Date().toISOString()}] 📋 Error stack:`, error.stack);
+    throw error;
+  }
+}
\ No newline at end of file
diff --git a/server/utils/lookup.js b/server/utils/lookup.js
new file mode 100644
index 0000000..4491174
--- /dev/null
+++ b/server/utils/lookup.js
@@ -0,0 +1,34 @@
+// utils/lookup.js
+export async function getLookupData({ lookupTitle, lookupStatus } = {}) {
+  try {
+    console.log("lookupTitle", lookupTitle);
+    console.log("lookupStatus", lookupStatus);
+    const lookups = await prisma.lookup.findMany({
+      where: {
+        lookupTitle: lookupTitle || undefined, // Filter by lookupTitle if provided
+        lookupStatus: lookupStatus || "ACTIVE", // Default to 'ACTIVE' if not provided
+      },
+      orderBy: {
+        lookupOrder: {
+          // Handle NULL values in lookupOrder
+          sort: "asc",
+          nulls: "last",
+        },
+      },
+      select: {
+        lookupID: true,
+        lookupTitle: true,
+        lookupValue: true,
+        lookupType: true,
+        lookupStatus: true,
+        lookupOrder: true,
+        lookupRefCode: true, // Included in case needed for future queries
+      },
+    });
+
+    return lookups;
+  } catch (error) {
+    console.error("Error fetching lookup data:", error);
+    throw new Error("Failed to fetch lookup data.");
+  }
+}
diff --git a/server/utils/prisma.ts b/server/utils/prisma.ts
new file mode 100644
index 0000000..3e89b28
--- /dev/null
+++ b/server/utils/prisma.ts
@@ -0,0 +1,21 @@
+import { PrismaClient } from "@prisma/client";
+
+// PrismaClient is attached to the `global` object in development to prevent
+// exhausting your database connection limit.
+const globalForPrisma = global as unknown as { prisma: PrismaClient };
+
+export const prisma =
+  globalForPrisma.prisma ||
+  new PrismaClient({
+    log: ["error", "warn"],
+    // Increase connection pool for better performance with background queue processing
+    datasources: {
+      db: {
+        url: process.env.DATABASE_URL,
+      },
+    },
+  });
+
+if (process.env.NODE_ENV !== "production") globalForPrisma.prisma = prisma;
+
+export default prisma;
\ No newline at end of file
diff --git a/server/utils/queueProcessor.js b/server/utils/queueProcessor.js
new file mode 100644
index 0000000..2585a23
--- /dev/null
+++ b/server/utils/queueProcessor.js
@@ -0,0 +1,88 @@
+import { processEmailQueue } from './emailService';
+
+let isProcessing = false;
+let processorInterval = null;
+
+/**
+ * Start the background queue processor
+ * Processes the queue every 30 seconds
+ */
+export function startQueueProcessor() {
+  if (processorInterval) {
+    console.log('Queue processor already running');
+    return;
+  }
+
+  console.log('🚀 Starting background queue processor...');
+
+  // Process immediately on start
+  processQueue();
+
+  // Then process every 30 seconds
+  processorInterval = setInterval(processQueue, 30000);
+
+  console.log('✅ Queue processor started (runs every 30 seconds)');
+}
+
+/**
+ * Stop the background queue processor
+ */
+export function stopQueueProcessor() {
+  if (processorInterval) {
+    clearInterval(processorInterval);
+    processorInterval = null;
+    console.log('⏸️  Queue processor stopped');
+  }
+}
+
+/**
+ * Process the queue (with lock to prevent concurrent processing)
+ */
+async function processQueue() {
+  const timestamp = new Date().toISOString();
+
+  // Skip if already processing
+  if (isProcessing) {
+    console.log(`[${timestamp}] ⏭️  Queue processor skipped (already running)`);
+    return;
+  }
+
+  try {
+    isProcessing = true;
+    const startTime = Date.now();
+    console.log(`[${timestamp}] ⚙️  Processing notification queue...`);
+
+    const results = await processEmailQueue();
+    const duration = ((Date.now() - startTime) / 1000).toFixed(2);
+
+    if (results && results.length > 0) {
+      const sent = results.filter(r => r.status === 'sent').length;
+      const failed = results.filter(r => r.status === 'failed').length;
+      const recovered = results.filter(r => r.recovered).length;
+
+      let message = `[${new Date().toISOString()}] ✅ Queue processed in ${duration}s: ${sent} sent, ${failed} failed, ${results.length} total`;
+      if (recovered > 0) {
+        message += ` (${recovered} recovered from timeout)`;
+      }
+      console.log(message);
+
+      // Log detailed results for debugging
+      console.log(`[${new Date().toISOString()}] 📊 Queue stats: Success rate: ${((sent/results.length)*100).toFixed(1)}%`);
+    } else {
+      console.log(`[${new Date().toISOString()}] 📭 No queued items to process`);
+    }
+  } catch (error) {
+    console.error(`[${new Date().toISOString()}] ❌ Error processing queue:`, error);
+    console.error(`[${new Date().toISOString()}] 📋 Error stack:`, error.stack);
+  } finally {
+    isProcessing = false;
+    console.log(`[${new Date().toISOString()}] 🔓 Queue processor lock released`);
+  }
+}
+
+/**
+ * Manually trigger queue processing
+ */
+export async function triggerQueueProcessing() {
+  return processQueue();
+}
diff --git a/stores/layout.js b/stores/layout.js
new file mode 100644
index 0000000..c1ccce3
--- /dev/null
+++ b/stores/layout.js
@@ -0,0 +1,14 @@
+import { defineStore } from "pinia";
+
+export const useLayoutStore = defineStore({
+  id: "layout",
+  state: () => ({
+    layoutType: "vertical",
+    mobileWidth: "1024",
+  }),
+  actions: {
+    setLayoutType(layoutType) {
+      this.layoutType = layoutType;
+    },
+  },
+});
diff --git a/stores/theme.js b/stores/theme.js
new file mode 100644
index 0000000..798e81a
--- /dev/null
+++ b/stores/theme.js
@@ -0,0 +1,22 @@
+import { defineStore, skipHydrate } from "pinia";
+
+export const useThemeStore = defineStore({
+  id: "theme",
+  state: () => ({
+    theme: "default",
+    layoutType: "vertical",
+    codeTheme: "oneDark",
+  }),
+  persist: true,
+  actions: {
+    setTheme(theme) {
+      this.theme = theme;
+    },
+    setLayoutType(layoutType) {
+      this.layoutType = layoutType;
+    },
+    setCodeTheme(codeTheme) {
+      this.codeTheme = codeTheme;
+    },
+  },
+});
diff --git a/stores/user.js b/stores/user.js
new file mode 100644
index 0000000..8bfa433
--- /dev/null
+++ b/stores/user.js
@@ -0,0 +1,22 @@
+import { defineStore } from "pinia";
+
+export const useUserStore = defineStore({
+  id: "user",
+  state: () => ({
+    username: null,
+    roles: null,
+    isAuth: false,
+  }),
+  persist: true,
+  actions: {
+    setUsername(username) {
+      this.username = username;
+    },
+    setRoles(roles) {
+      this.roles = roles;
+    },
+    setIsAuthenticated(isAuth) {
+      this.isAuth = isAuth;
+    },
+  },
+});
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..bd96c13
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,17 @@
+module.exports = {
+  content: ["/app.vue"],
+  plugins: [require("@formkit/themes/tailwindcss")],
+  darkMode: "class", // or 'class'
+  theme: {
+    extend: {
+      colors: {
+        primary: "rgb(var(--color-primary), <alpha-value>)",
+        secondary: "rgb(var(--color-secondary), <alpha-value>)",
+        success: "rgb(var(--color-success), <alpha-value>)",
+        info: "rgb(var(--color-info), <alpha-value>)",
+        warning: "rgb(var(--color-warning), <alpha-value>)",
+        danger: "rgb(var(--color-danger), <alpha-value>)",
+      },
+    },
+  },
+};
diff --git a/templates/form1.vue b/templates/form1.vue
new file mode 100644
index 0000000..87c412b
--- /dev/null
+++ b/templates/form1.vue
@@ -0,0 +1,95 @@
+<script setup>
+const param = ref({
+  field1: "",
+  field2: "",
+  field3: "",
+  field4: "",
+  field5: "",
+  field6: "",
+  field7: "",
+  field8: "",
+});
+
+const submit = () => {
+  console.log("submit");
+};
+</script>
+
+<template>
+  <div>
+    <rs-card>
+      <template #header> Contact Form </template>
+      <template #body>
+        <FormKit type="form" @submit="submit">
+          <div class="grid grid-cols-2 gap-x-4">
+            <FormKit
+              v-model="param.field1"
+              label="First Name"
+              type="text"
+              validation="required"
+              validation-visibility="dirty"
+            />
+            <FormKit
+              v-model="param.field2"
+              label="Last Name"
+              type="text"
+              validation="required"
+              validation-visibility="dirty"
+            />
+          </div>
+
+          <FormKit
+            v-model="param.field3"
+            label="Gender"
+            type="radio"
+            validation="required"
+            :options="[
+              { label: 'Lelaki', value: 'lelaki' },
+              { label: 'Perempuan', value: 'perempuan' },
+            ]"
+            :classes="{
+              fieldset: 'border-0 !p-0',
+              legend: '!font-semibold !text-sm mb-0',
+              options: '!flex !flex-row gap-4 mt-3',
+            }"
+          />
+          <FormKit
+            v-model="param.field4"
+            label="Email"
+            type="email"
+            validation="required|email"
+            validation-visibility="dirty"
+          />
+          <FormKit
+            v-model="param.field5"
+            label="Phone Number"
+            type="tel"
+            validation="matches:/^[0-9]{3}-[0-9]{7}$/"
+            validation-visibility="dirty"
+            :validation-messages="{
+              matches: 'Phone number must be in the format xxx-xxxxxxx',
+            }"
+            help="Phone number must be in the format xxx-xxxxxxx"
+          />
+
+          <FormKit
+            v-model="param.field6"
+            label="Date of Birth"
+            type="date"
+            validation="required|date_before:2005-01-01"
+            validation-visibility="dirty"
+            help="Date of birth must be before 2005-01-01"
+          />
+          <FormKit
+            v-model="param.field7"
+            label="Address"
+            type="textarea"
+            rows="10"
+            validation="required"
+            validation-visibility="dirty"
+          />
+        </FormKit>
+      </template>
+    </rs-card>
+  </div>
+</template>
diff --git a/templates/index.js b/templates/index.js
new file mode 100644
index 0000000..614d5b2
--- /dev/null
+++ b/templates/index.js
@@ -0,0 +1,22 @@
+// ==============================
+// ------- IMPORTANT NOTE -------
+// ==============================
+
+// Id must be unique
+// img path must be in public folder
+// filename must be same as the name of the template file
+
+const data = [
+  {
+    id: "dxtM4vP",
+    title: "Form 1",
+    description: "Basic form for contact details",
+    filename: "form1",
+    img: "/img/template/form1.jpg",
+    tag: ["form", "formkit", "text", "radio", "phone", "date", "textarea"],
+  },
+];
+
+export default {
+  data,
+};
diff --git a/templates/tags.js b/templates/tags.js
new file mode 100644
index 0000000..8a3bf46
--- /dev/null
+++ b/templates/tags.js
@@ -0,0 +1,45 @@
+const tags = [
+  "table",
+  "list",
+  "card",
+  "grid",
+  "chart",
+  "apex chart",
+  "chart js",
+  "map",
+  "calendar",
+  "timeline",
+  "wizard",
+  "stepper",
+  "modal",
+  "drawer",
+  "tooltip",
+  "dropdown",
+  "menu",
+  "tab",
+  "accordion",
+  "carousel",
+  "slider",
+  "form",
+  "formkit",
+  "text",
+  "textarea",
+  "email",
+  "phone",
+  "number",
+  "date",
+  "radio",
+  "checkbox",
+  "select",
+  "password",
+  "button",
+  "switch",
+  "rich text editor",
+  "dropzone",
+  "file upload",
+  "otp",
+];
+
+export default {
+  tags,
+};
diff --git a/test-site-settings.md b/test-site-settings.md
new file mode 100644
index 0000000..3650a0a
--- /dev/null
+++ b/test-site-settings.md
@@ -0,0 +1,121 @@
+# Site Settings Features Test Guide
+
+## Features Implemented ✅
+
+### 1. Font Size Stepper for Site Name
+**Location**: Site Settings > Appearance Tab > Site Name Styling
+
+**Test Steps**:
+1. Navigate to `/devtool/config/site-settings`
+2. Click on the "Appearance" tab
+3. Locate the "Site Name Font Size" section
+4. Use the stepper buttons (+/-) to change the font size (12px - 36px)
+5. Observe the live preview showing the size change
+6. Check the current size indicator showing the exact pixel value
+
+**Expected Results**:
+- Font size changes in real-time in the preview
+- Size indicator updates with current pixel value
+- Header and sidemenu site name reflect the new size after saving
+
+### 2. Google Fonts Suggestions Dropdown
+**Location**: Site Settings > Appearance Tab > Font Configuration
+
+**Test Steps**:
+1. In the same "Appearance" tab, scroll to "Font Configuration"
+2. Open the "Popular Google Fonts" dropdown
+3. Select a font (e.g., "Inter", "Poppins", "Roboto")
+4. Verify the font is applied immediately
+5. Check that a success toast notification appears
+6. Verify the "Current Font" section updates
+
+**Expected Results**:
+- Dropdown contains 15 popular Google Fonts
+- Font applies immediately when selected
+- Success notification shows: "[Font Name] font applied successfully"
+- Current font section shows the new font name and Google Fonts URL
+- Dropdown resets after selection
+
+### 3. Show Site Name in Header Toggle
+**Location**: Site Settings > Basic Tab
+
+**Test Steps**:
+1. Go to the "Basic" tab
+2. Locate the "Show site name in header" toggle
+3. Toggle it OFF
+4. Navigate to any other page
+5. Check the header - site name should be hidden
+6. Return to settings and toggle it ON
+7. Check the header - site name should be visible again
+
+**Expected Results**:
+- When OFF: Site name is hidden in both header and sidemenu
+- When ON: Site name is visible in both header and sidemenu
+- Changes apply immediately without needing to save
+
+### 4. Consistent UI Components
+**Verification Points**:
+- Uses `rs-button` components with proper variants (primary, outline)
+- Uses `rs-card` components for layout
+- Consistent spacing and typography
+- Uses `FontSizeStepper` component with proper props
+- Proper dark mode support
+- Icons from Iconify (`ic:` prefix)
+
+**Design Patterns Used**:
+- Border rounded containers with proper padding
+- Gray borders with dark mode variants
+- Consistent form input styling
+- Proper spacing with Tailwind classes
+- Live preview sidebar with real-time updates
+
+## Database Fields Added ✅
+
+- `siteNameFontSize` (Int, default: 18) - Already existed in Prisma schema
+- Field is properly handled in API endpoints
+- Synced with global site settings composable
+
+## API Integration ✅
+
+- All settings are saved to `/api/devtool/config/site-settings`
+- Font size is included in the POST request body
+- Settings load correctly on page refresh
+- Changes persist across browser sessions
+
+## Components Updated ✅
+
+1. **pages/devtool/config/site-settings/index.vue**
+   - Added font size stepper
+   - Added Google Fonts dropdown
+   - Enhanced live preview
+   - Added visual feedback
+
+2. **components/layouts/Header.vue**
+   - Applied dynamic font sizing
+   - Respects show/hide toggle
+
+3. **components/layouts/sidemenu/index.vue**
+   - Applied scaled font sizing
+   - Respects show/hide toggle
+
+4. **composables/useSiteSettings.js**
+   - Added siteNameFontSize field
+   - Maintains global state consistency
+
+## Testing Checklist ✅
+
+- [ ] Font size stepper works (12px - 36px range)
+- [ ] Font size preview updates in real-time
+- [ ] Font size applies to header site name
+- [ ] Font size applies to sidemenu site name (scaled)
+- [ ] Google Fonts dropdown has 15 options
+- [ ] Google Font selection applies immediately
+- [ ] Font source URL updates when Google Font selected
+- [ ] Show/hide toggle works for header
+- [ ] Show/hide toggle works for sidemenu
+- [ ] Live preview sidebar reflects all changes
+- [ ] Settings save and persist correctly
+- [ ] Dark mode compatibility
+- [ ] Mobile responsiveness
+- [ ] Toast notifications appear for font changes
+- [ ] All UI components follow design system 
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..a7bfa18
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..a910bf7
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,10364 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@aashutoshrathi/word-wrap@^1.2.3":
+  version "1.2.6"
+  resolved "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz"
+  integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==
+
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
+"@ampproject/remapping@^2.2.0":
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz"
+  integrity sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@apideck/better-ajv-errors@^0.3.1":
+  version "0.3.6"
+  resolved "https://registry.npmjs.org/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz"
+  integrity sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==
+  dependencies:
+    json-schema "^0.4.0"
+    jsonpointer "^5.0.0"
+    leven "^3.1.0"
+
+"@asamuzakjp/css-color@^4.0.3":
+  version "4.0.5"
+  resolved "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-4.0.5.tgz"
+  integrity sha512-lMrXidNhPGsDjytDy11Vwlb6OIGrT3CmLg3VWNFyWkLWtijKl7xjvForlh8vuj0SHGjgl4qZEQzUmYTeQA2JFQ==
+  dependencies:
+    "@csstools/css-calc" "^2.1.4"
+    "@csstools/css-color-parser" "^3.1.0"
+    "@csstools/css-parser-algorithms" "^3.0.5"
+    "@csstools/css-tokenizer" "^3.0.4"
+    lru-cache "^11.2.1"
+
+"@asamuzakjp/dom-selector@^6.5.4":
+  version "6.6.2"
+  resolved "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-6.6.2.tgz"
+  integrity sha512-+AG0jN9HTwfDLBhjhX1FKi6zlIAc/YGgEHlN/OMaHD1pOPFsC5CpYQpLkPX0aFjyaVmoq9330cQDCU4qnSL1qA==
+  dependencies:
+    "@asamuzakjp/nwsapi" "^2.3.9"
+    bidi-js "^1.0.3"
+    css-tree "^3.1.0"
+    is-potential-custom-element-name "^1.0.1"
+    lru-cache "^11.2.2"
+
+"@asamuzakjp/nwsapi@^2.3.9":
+  version "2.3.9"
+  resolved "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz"
+  integrity sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.22.10", "@babel/code-frame@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz"
+  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.27.1"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/compat-data@^7.22.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz"
+  integrity sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==
+
+"@babel/core@^7.11.1", "@babel/core@^7.20.7", "@babel/core@^7.22.9":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/core/-/core-7.22.10.tgz"
+  integrity sha512-fTmqbbUBAwCcre6zPzNngvsI0aNrPZe77AeqvDxWM9Nm+04RrJ3CAmGHA9f7lJQY6ZMhRztNemy4uslDxTX4Qw==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.22.10"
+    "@babel/generator" "^7.22.10"
+    "@babel/helper-compilation-targets" "^7.22.10"
+    "@babel/helper-module-transforms" "^7.22.9"
+    "@babel/helpers" "^7.22.10"
+    "@babel/parser" "^7.22.10"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.10"
+    "@babel/types" "^7.22.10"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.2"
+    semver "^6.3.1"
+
+"@babel/eslint-parser@^7.19.1":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.22.10.tgz"
+  integrity sha512-0J8DNPRXQRLeR9rPaUMM3fA+RbixjnVLe/MRMYCkp3hzgsSuxCHQ8NN8xQG1wIHKJ4a1DTROTvFJdW+B5/eOsg==
+  dependencies:
+    "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
+    eslint-visitor-keys "^2.1.0"
+    semver "^6.3.1"
+
+"@babel/eslint-parser@~7.19.0":
+  version "7.19.1"
+  resolved "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.19.1.tgz"
+  integrity sha512-AqNf2QWt1rtu2/1rLswy6CDP7H9Oh3mMhk177Y67Rg8d7RD9WfOLLv8CGn6tisFvS2htm86yIe1yLF6I1UDaGQ==
+  dependencies:
+    "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
+    eslint-visitor-keys "^2.1.0"
+    semver "^6.3.0"
+
+"@babel/generator@^7.22.10", "@babel/generator@^7.27.3":
+  version "7.27.3"
+  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.27.3.tgz"
+  integrity sha512-xnlJYj5zepml8NXtjkG0WquFUv8RskFqyFcVgTBp5k+NaA/8uw/K+OSVf8AMGw5e9HKP2ETd5xpK5MLZQD6b4Q==
+  dependencies:
+    "@babel/parser" "^7.27.3"
+    "@babel/types" "^7.27.3"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
+"@babel/helper-annotate-as-pure@^7.22.5":
+  version "7.27.3"
+  resolved "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz"
+  integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
+  dependencies:
+    "@babel/types" "^7.27.3"
+
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.10.tgz"
+  integrity sha512-Av0qubwDQxC56DoUReVDeLfMEjYYSN1nZrTUrWkXd7hpU73ymRANkbuDm3yni9npkn+RXy9nNbEJZEzXr7xrfQ==
+  dependencies:
+    "@babel/types" "^7.22.10"
+
+"@babel/helper-compilation-targets@^7.22.10", "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz"
+  integrity sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-validator-option" "^7.22.5"
+    browserslist "^4.21.9"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
+"@babel/helper-create-class-features-plugin@^7.22.10", "@babel/helper-create-class-features-plugin@^7.22.5":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.10.tgz"
+  integrity sha512-5IBb77txKYQPpOEdUdIhBx8VrZyDCQ+H82H0+5dX1TmuscP5vJKEE3cKurjtIw/vFwzbVH48VweE78kVDBrqjA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    semver "^6.3.1"
+
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.5":
+  version "7.22.9"
+  resolved "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.9.tgz"
+  integrity sha512-+svjVa/tFwsNSG4NEy1h85+HQ5imbT92Q5/bgtS7P0GTQlP8WuFdqsiABmQouhiFGyV66oGxZFpeYHza1rNsKw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    regexpu-core "^5.3.1"
+    semver "^6.3.1"
+
+"@babel/helper-define-polyfill-provider@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz"
+  integrity sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+
+"@babel/helper-environment-visitor@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz"
+  integrity sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==
+
+"@babel/helper-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz"
+  integrity sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==
+  dependencies:
+    "@babel/template" "^7.22.5"
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-hoist-variables@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz"
+  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-member-expression-to-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.5.tgz"
+  integrity sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.22.5":
+  version "7.27.1"
+  resolved "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz"
+  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
+  dependencies:
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
+"@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz"
+  integrity sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-validator-identifier" "^7.22.5"
+
+"@babel/helper-optimise-call-expression@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz"
+  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.27.1", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+  version "7.27.1"
+  resolved "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz"
+  integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
+
+"@babel/helper-remap-async-to-generator@^7.22.5", "@babel/helper-remap-async-to-generator@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.9.tgz"
+  integrity sha512-8WWC4oR4Px+tr+Fp0X3RHDVfINGpF3ad1HIbrc8A77epiR6eMMc6jsgozkzT2uDiOOdoS9cLIQ+XD2XvI2WSmQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-wrap-function" "^7.22.9"
+
+"@babel/helper-replace-supers@^7.22.5", "@babel/helper-replace-supers@^7.22.9":
+  version "7.22.9"
+  resolved "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz"
+  integrity sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+
+"@babel/helper-simple-access@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz"
+  integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz"
+  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-split-export-declaration@^7.22.6":
+  version "7.22.6"
+  resolved "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz"
+  integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-string-parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz"
+  integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
+
+"@babel/helper-validator-identifier@^7.22.5", "@babel/helper-validator-identifier@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz"
+  integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
+
+"@babel/helper-validator-option@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz"
+  integrity sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==
+
+"@babel/helper-wrap-function@^7.22.9":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.10.tgz"
+  integrity sha512-OnMhjWjuGYtdoO3FmsEFWvBStBAe2QOgwOLsLNDjN+aaiMD8InJk1/O3HSD8lkqTjCgg5YI34Tz15KNNA3p+nQ==
+  dependencies:
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/types" "^7.22.10"
+
+"@babel/helpers@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.10.tgz"
+  integrity sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==
+  dependencies:
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.10"
+    "@babel/types" "^7.22.10"
+
+"@babel/parser@^7.18.4", "@babel/parser@^7.20.15", "@babel/parser@^7.21.3", "@babel/parser@^7.22.10", "@babel/parser@^7.22.4", "@babel/parser@^7.22.7", "@babel/parser@^7.27.2", "@babel/parser@^7.27.3":
+  version "7.27.3"
+  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.27.3.tgz"
+  integrity sha512-xyYxRj6+tLNDTWi0KCBcZ9V7yg3/lwL9DWh9Uwh/RIVlIfFidggcgxKX3GCXwCiswwcGRawBKbEg2LG/Y8eJhw==
+  dependencies:
+    "@babel/types" "^7.27.3"
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.5.tgz"
+  integrity sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.5.tgz"
+  integrity sha512-31Bb65aZaUwqCbWMnZPduIZxCBngHFlzyN6Dq6KAJjtx+lx6ohKHubc61OomYi7XwVD4Ol0XCVz4h+pYFR048g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.5"
+
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
+
+"@babel/plugin-syntax-async-generators@^7.8.4":
+  version "7.8.4"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz"
+  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-class-properties@^7.12.13":
+  version "7.12.13"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz"
+  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.12.13"
+
+"@babel/plugin-syntax-class-static-block@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz"
+  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-dynamic-import@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz"
+  integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-export-namespace-from@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz"
+  integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.3"
+
+"@babel/plugin-syntax-import-assertions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz"
+  integrity sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-attributes@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz"
+  integrity sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-meta@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-json-strings@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz"
+  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-jsx@^7.22.5":
+  version "7.27.1"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz"
+  integrity sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.27.1"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz"
+  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-numeric-separator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz"
+  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-object-rest-spread@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz"
+  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz"
+  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-optional-chaining@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz"
+  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-private-property-in-object@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz"
+  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-top-level-await@^7.14.5":
+  version "7.14.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz"
+  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.14.5"
+
+"@babel/plugin-syntax-typescript@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz"
+  integrity sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz"
+  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
+"@babel/plugin-transform-arrow-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz"
+  integrity sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-async-generator-functions@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.10.tgz"
+  integrity sha512-eueE8lvKVzq5wIObKK/7dvoeKJ+xc6TvRn6aysIjS6pSCeLy7S/eVi7pEQknZqyqvzaNKdDtem8nUNTBgDVR2g==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.9"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+
+"@babel/plugin-transform-async-to-generator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz"
+  integrity sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.5"
+
+"@babel/plugin-transform-block-scoped-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz"
+  integrity sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-block-scoping@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.10.tgz"
+  integrity sha512-1+kVpGAOOI1Albt6Vse7c8pHzcZQdQKW+wJH+g8mCaszOdDVwRXa/slHPqIw+oJAJANTKDMuM2cBdV0Dg618Vg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz"
+  integrity sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-static-block@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.5.tgz"
+  integrity sha512-SPToJ5eYZLxlnp1UzdARpOGeC2GbHvr9d/UV0EukuVx8atktg194oe+C5BqQ8jRTkgLRVOPYeXRSBg1IlMoVRA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+
+"@babel/plugin-transform-classes@^7.22.6":
+  version "7.22.6"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.6.tgz"
+  integrity sha512-58EgM6nuPNG6Py4Z3zSuu0xWu2VfodiMi72Jt5Kj2FECmaYk1RrTXA45z6KBFsu9tRgwQDwIiY4FXTt+YsSFAQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    globals "^11.1.0"
+
+"@babel/plugin-transform-computed-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz"
+  integrity sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/template" "^7.22.5"
+
+"@babel/plugin-transform-destructuring@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.22.10.tgz"
+  integrity sha512-dPJrL0VOyxqLM9sritNbMSGx/teueHF/htMKrPT7DNxccXxRDPYqlgPFFdr8u+F+qUZOkZoXue/6rL5O5GduEw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-dotall-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz"
+  integrity sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-duplicate-keys@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz"
+  integrity sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-dynamic-import@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.5.tgz"
+  integrity sha512-0MC3ppTB1AMxd8fXjSrbPa7LT9hrImt+/fcj+Pg5YMD7UQyWp/02+JWpdnCymmsXwIx5Z+sYn1bwCn4ZJNvhqQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+
+"@babel/plugin-transform-exponentiation-operator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz"
+  integrity sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-export-namespace-from@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.5.tgz"
+  integrity sha512-X4hhm7FRnPgd4nDA4b/5V280xCx6oL7Oob5+9qVS5C13Zq4bh1qq7LU0GgRU6b5dBWBvhGaXYVB4AcN6+ol6vg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
+"@babel/plugin-transform-for-of@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.5.tgz"
+  integrity sha512-3kxQjX1dU9uudwSshyLeEipvrLjBCVthCgeTp6CzE/9JYrlAIaeekVxRpCWsDDfYTfRZRoCeZatCQvwo+wvK8A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz"
+  integrity sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-json-strings@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.5.tgz"
+  integrity sha512-DuCRB7fu8MyTLbEQd1ew3R85nx/88yMoqo2uPSjevMj3yoN7CDM8jkgrY0wmVxfJZyJ/B9fE1iq7EQppWQmR5A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+
+"@babel/plugin-transform-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz"
+  integrity sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-logical-assignment-operators@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.5.tgz"
+  integrity sha512-MQQOUW1KL8X0cDWfbwYP+TbVbZm16QmQXJQ+vndPtH/BoO0lOKpVoEDMI7+PskYxH+IiE0tS8xZye0qr1lGzSA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
+"@babel/plugin-transform-member-expression-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz"
+  integrity sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-modules-amd@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.22.5.tgz"
+  integrity sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-modules-commonjs@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.5.tgz"
+  integrity sha512-B4pzOXj+ONRmuaQTg05b3y/4DuFz3WcCNAXPLb2Q0GT0TrGKGxNKV4jwsXts+StaM0LQczZbOpj8o1DLPDJIiA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
+
+"@babel/plugin-transform-modules-systemjs@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.5.tgz"
+  integrity sha512-emtEpoaTMsOs6Tzz+nbmcePl6AKVtS1yC4YNAeMun9U8YCsgadPNxnOPQ8GhHFB2qdx+LZu9LgoC0Lthuu05DQ==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+
+"@babel/plugin-transform-modules-umd@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz"
+  integrity sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz"
+  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-new-target@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz"
+  integrity sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-nullish-coalescing-operator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.5.tgz"
+  integrity sha512-6CF8g6z1dNYZ/VXok5uYkkBBICHZPiGEl7oDnAx2Mt1hlHVHOSIKWJaXHjQJA5VB43KZnXZDIexMchY4y2PGdA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
+"@babel/plugin-transform-numeric-separator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.5.tgz"
+  integrity sha512-NbslED1/6M+sXiwwtcAB/nieypGw02Ejf4KtDeMkCEpP6gWFMX1wI9WKYua+4oBneCCEmulOkRpwywypVZzs/g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
+"@babel/plugin-transform-object-rest-spread@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.5.tgz"
+  integrity sha512-Kk3lyDmEslH9DnvCDA1s1kkd3YWQITiBOHngOtDL9Pt6BZjzqb6hiOlb8VfjiiQJ2unmegBqZu0rx5RxJb5vmQ==
+  dependencies:
+    "@babel/compat-data" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-transform-parameters" "^7.22.5"
+
+"@babel/plugin-transform-object-super@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz"
+  integrity sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+
+"@babel/plugin-transform-optional-catch-binding@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.5.tgz"
+  integrity sha512-pH8orJahy+hzZje5b8e2QIlBWQvGpelS76C63Z+jhZKsmzfNaPQ+LaW6dcJ9bxTpo1mtXbgHwy765Ro3jftmUg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+
+"@babel/plugin-transform-optional-chaining@^7.22.10", "@babel/plugin-transform-optional-chaining@^7.22.5":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.10.tgz"
+  integrity sha512-MMkQqZAZ+MGj+jGTG3OTuhKeBpNcO+0oCEbrGNEaOmiEn+1MzRyQlYsruGiU8RTK3zV6XwrVJTmwiDOyYK6J9g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
+"@babel/plugin-transform-parameters@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.5.tgz"
+  integrity sha512-AVkFUBurORBREOmHRKo06FjHYgjrabpdqRSwq6+C7R5iTCZOsM4QbcB27St0a4U6fffyAOqh3s/qEfybAhfivg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-methods@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz"
+  integrity sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-property-in-object@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.5.tgz"
+  integrity sha512-/9xnaTTJcVoBtSSmrVyhtSvO3kbqS2ODoh2juEU72c3aYonNF0OMGiaz2gjukyKM2wBBYJP38S4JiE0Wfb5VMQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+
+"@babel/plugin-transform-property-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz"
+  integrity sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-regenerator@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz"
+  integrity sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    regenerator-transform "^0.15.2"
+
+"@babel/plugin-transform-reserved-words@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz"
+  integrity sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-shorthand-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz"
+  integrity sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-spread@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz"
+  integrity sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+
+"@babel/plugin-transform-sticky-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz"
+  integrity sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-template-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz"
+  integrity sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-typeof-symbol@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz"
+  integrity sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-typescript@^7.20.7":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.10.tgz"
+  integrity sha512-7++c8I/ymsDo4QQBAgbraXLzIM6jmfao11KgIBEYZRReWzNWH9NtNgJcyrZiXsOPh523FQm6LfpLyy/U5fn46A==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.10"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-typescript" "^7.22.5"
+
+"@babel/plugin-transform-unicode-escapes@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz"
+  integrity sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-property-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz"
+  integrity sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz"
+  integrity sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz"
+  integrity sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/preset-env@^7.11.0":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.22.10.tgz"
+  integrity sha512-riHpLb1drNkpLlocmSyEg4oYJIQFeXAK/d7rI6mbD0XsvoTOOweXDmQPG/ErxsEhWk3rl3Q/3F6RFQlVFS8m0A==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.10"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.5"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.5"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.5"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-class-properties" "^7.12.13"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/plugin-syntax-import-assertions" "^7.22.5"
+    "@babel/plugin-syntax-import-attributes" "^7.22.5"
+    "@babel/plugin-syntax-import-meta" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.22.5"
+    "@babel/plugin-transform-async-generator-functions" "^7.22.10"
+    "@babel/plugin-transform-async-to-generator" "^7.22.5"
+    "@babel/plugin-transform-block-scoped-functions" "^7.22.5"
+    "@babel/plugin-transform-block-scoping" "^7.22.10"
+    "@babel/plugin-transform-class-properties" "^7.22.5"
+    "@babel/plugin-transform-class-static-block" "^7.22.5"
+    "@babel/plugin-transform-classes" "^7.22.6"
+    "@babel/plugin-transform-computed-properties" "^7.22.5"
+    "@babel/plugin-transform-destructuring" "^7.22.10"
+    "@babel/plugin-transform-dotall-regex" "^7.22.5"
+    "@babel/plugin-transform-duplicate-keys" "^7.22.5"
+    "@babel/plugin-transform-dynamic-import" "^7.22.5"
+    "@babel/plugin-transform-exponentiation-operator" "^7.22.5"
+    "@babel/plugin-transform-export-namespace-from" "^7.22.5"
+    "@babel/plugin-transform-for-of" "^7.22.5"
+    "@babel/plugin-transform-function-name" "^7.22.5"
+    "@babel/plugin-transform-json-strings" "^7.22.5"
+    "@babel/plugin-transform-literals" "^7.22.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.22.5"
+    "@babel/plugin-transform-member-expression-literals" "^7.22.5"
+    "@babel/plugin-transform-modules-amd" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
+    "@babel/plugin-transform-modules-systemjs" "^7.22.5"
+    "@babel/plugin-transform-modules-umd" "^7.22.5"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
+    "@babel/plugin-transform-new-target" "^7.22.5"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.5"
+    "@babel/plugin-transform-numeric-separator" "^7.22.5"
+    "@babel/plugin-transform-object-rest-spread" "^7.22.5"
+    "@babel/plugin-transform-object-super" "^7.22.5"
+    "@babel/plugin-transform-optional-catch-binding" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.10"
+    "@babel/plugin-transform-parameters" "^7.22.5"
+    "@babel/plugin-transform-private-methods" "^7.22.5"
+    "@babel/plugin-transform-private-property-in-object" "^7.22.5"
+    "@babel/plugin-transform-property-literals" "^7.22.5"
+    "@babel/plugin-transform-regenerator" "^7.22.10"
+    "@babel/plugin-transform-reserved-words" "^7.22.5"
+    "@babel/plugin-transform-shorthand-properties" "^7.22.5"
+    "@babel/plugin-transform-spread" "^7.22.5"
+    "@babel/plugin-transform-sticky-regex" "^7.22.5"
+    "@babel/plugin-transform-template-literals" "^7.22.5"
+    "@babel/plugin-transform-typeof-symbol" "^7.22.5"
+    "@babel/plugin-transform-unicode-escapes" "^7.22.10"
+    "@babel/plugin-transform-unicode-property-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.22.5"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    "@babel/types" "^7.22.10"
+    babel-plugin-polyfill-corejs2 "^0.4.5"
+    babel-plugin-polyfill-corejs3 "^0.8.3"
+    babel-plugin-polyfill-regenerator "^0.5.2"
+    core-js-compat "^3.31.0"
+    semver "^6.3.1"
+
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/types" "^7.4.4"
+    esutils "^2.0.2"
+
+"@babel/regjsgen@^0.8.0":
+  version "0.8.0"
+  resolved "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz"
+  integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
+
+"@babel/runtime-corejs3@^7.10.2":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.22.10.tgz"
+  integrity sha512-IcixfV2Jl3UrqZX4c81+7lVg5++2ufYJyAFW3Aux/ZTvY6LVYYhJ9rMgnbX0zGVq6eqfVpnoatTjZdVki/GmWA==
+  dependencies:
+    core-js-pure "^3.30.2"
+    regenerator-runtime "^0.14.0"
+
+"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.14.0", "@babel/runtime@^7.18.9", "@babel/runtime@^7.21.0", "@babel/runtime@^7.8.4":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.10.tgz"
+  integrity sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/standalone@^7.22.9":
+  version "7.22.10"
+  resolved "https://registry.npmjs.org/@babel/standalone/-/standalone-7.22.10.tgz"
+  integrity sha512-VmK2sWxUTfDDh9mPfCtFJPIehZToteqK+Zpwq8oJUjJ+WeeKIFTTQIrDzH7jEdom+cAaaguU7FI/FBsBWFkIeQ==
+
+"@babel/template@^7.22.5", "@babel/template@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz"
+  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/parser" "^7.27.2"
+    "@babel/types" "^7.27.1"
+
+"@babel/traverse@^7.22.10", "@babel/traverse@^7.22.5", "@babel/traverse@^7.27.1":
+  version "7.27.3"
+  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.3.tgz"
+  integrity sha512-lId/IfN/Ye1CIu8xG7oKBHXd2iNb2aW1ilPszzGcJug6M8RCKfVNcYhpI5+bMvFYjK7lXIM0R+a+6r8xhHp2FQ==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.27.3"
+    "@babel/parser" "^7.27.3"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.27.3"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/types@^7.21.5", "@babel/types@^7.22.10", "@babel/types@^7.22.4", "@babel/types@^7.22.5", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.4.4":
+  version "7.27.3"
+  resolved "https://registry.npmjs.org/@babel/types/-/types-7.27.3.tgz"
+  integrity sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+
+"@cloudflare/kv-asset-handler@^0.3.0":
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/@cloudflare/kv-asset-handler/-/kv-asset-handler-0.3.0.tgz"
+  integrity sha512-9CB/MKf/wdvbfkUdfrj+OkEwZ5b7rws0eogJ4293h+7b6KX5toPwym+VQKmILafNB9YiehqY0DlNrDcDhdWHSQ==
+  dependencies:
+    mime "^3.0.0"
+
+"@codemirror/autocomplete@^6.0.0":
+  version "6.9.0"
+  resolved "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.9.0.tgz"
+  integrity sha512-Fbwm0V/Wn3BkEJZRhr0hi5BhCo5a7eBL6LYaliPjOSwCyfOpnjXY59HruSxOUNV+1OYer0Tgx1zRNQttjXyDog==
+  dependencies:
+    "@codemirror/language" "^6.0.0"
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.6.0"
+    "@lezer/common" "^1.0.0"
+
+"@codemirror/commands@^6.0.0", "@codemirror/commands@6.x":
+  version "6.2.4"
+  resolved "https://registry.npmjs.org/@codemirror/commands/-/commands-6.2.4.tgz"
+  integrity sha512-42lmDqVH0ttfilLShReLXsDfASKLXzfyC36bzwcqzox9PlHulMcsUOfHXNo2X2aFMVNUoQ7j+d4q5bnfseYoOA==
+  dependencies:
+    "@codemirror/language" "^6.0.0"
+    "@codemirror/state" "^6.2.0"
+    "@codemirror/view" "^6.0.0"
+    "@lezer/common" "^1.0.0"
+
+"@codemirror/lang-css@^6.0.0":
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.2.1.tgz"
+  integrity sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==
+  dependencies:
+    "@codemirror/autocomplete" "^6.0.0"
+    "@codemirror/language" "^6.0.0"
+    "@codemirror/state" "^6.0.0"
+    "@lezer/common" "^1.0.2"
+    "@lezer/css" "^1.0.0"
+
+"@codemirror/lang-html@^6.0.0", "@codemirror/lang-html@^6.4.3":
+  version "6.4.5"
+  resolved "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.4.5.tgz"
+  integrity sha512-dUCSxkIw2G+chaUfw3Gfu5kkN83vJQN8gfQDp9iEHsIZluMJA0YJveT12zg/28BJx+uPsbQ6VimKCgx3oJrZxA==
+  dependencies:
+    "@codemirror/autocomplete" "^6.0.0"
+    "@codemirror/lang-css" "^6.0.0"
+    "@codemirror/lang-javascript" "^6.0.0"
+    "@codemirror/language" "^6.4.0"
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.2.2"
+    "@lezer/common" "^1.0.0"
+    "@lezer/css" "^1.1.0"
+    "@lezer/html" "^1.3.0"
+
+"@codemirror/lang-javascript@^6.0.0", "@codemirror/lang-javascript@^6.1.2", "@codemirror/lang-javascript@^6.1.6":
+  version "6.1.9"
+  resolved "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.1.9.tgz"
+  integrity sha512-z3jdkcqOEBT2txn2a87A0jSy6Te3679wg/U8QzMeftFt+4KA6QooMwfdFzJiuC3L6fXKfTXZcDocoaxMYfGz0w==
+  dependencies:
+    "@codemirror/autocomplete" "^6.0.0"
+    "@codemirror/language" "^6.6.0"
+    "@codemirror/lint" "^6.0.0"
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.0.0"
+    "@lezer/common" "^1.0.0"
+    "@lezer/javascript" "^1.0.0"
+
+"@codemirror/lang-vue@^0.1.1":
+  version "0.1.2"
+  resolved "https://registry.npmjs.org/@codemirror/lang-vue/-/lang-vue-0.1.2.tgz"
+  integrity sha512-D4YrefiRBAr+CfEIM4S3yvGSbYW+N69mttIfGMEf7diHpRbmygDxS+R/5xSqjgtkY6VO6qmUrre1GkRcWeZa9A==
+  dependencies:
+    "@codemirror/lang-html" "^6.0.0"
+    "@codemirror/lang-javascript" "^6.1.2"
+    "@codemirror/language" "^6.0.0"
+    "@lezer/common" "^1.0.0"
+    "@lezer/highlight" "^1.0.0"
+    "@lezer/lr" "^1.3.1"
+
+"@codemirror/language@^6.0.0", "@codemirror/language@^6.4.0", "@codemirror/language@^6.6.0", "@codemirror/language@6.x":
+  version "6.8.0"
+  resolved "https://registry.npmjs.org/@codemirror/language/-/language-6.8.0.tgz"
+  integrity sha512-r1paAyWOZkfY0RaYEZj3Kul+MiQTEbDvYqf8gPGaRvNneHXCmfSaAVFjwRUPlgxS8yflMxw2CTu6uCMp8R8A2g==
+  dependencies:
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.0.0"
+    "@lezer/common" "^1.0.0"
+    "@lezer/highlight" "^1.0.0"
+    "@lezer/lr" "^1.0.0"
+    style-mod "^4.0.0"
+
+"@codemirror/lint@^6.0.0":
+  version "6.4.0"
+  resolved "https://registry.npmjs.org/@codemirror/lint/-/lint-6.4.0.tgz"
+  integrity sha512-6VZ44Ysh/Zn07xrGkdtNfmHCbGSHZzFBdzWi0pbd7chAQ/iUcpLGX99NYRZTa7Ugqg4kEHCqiHhcZnH0gLIgSg==
+  dependencies:
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.0.0"
+    crelt "^1.0.5"
+
+"@codemirror/search@^6.0.0":
+  version "6.5.1"
+  resolved "https://registry.npmjs.org/@codemirror/search/-/search-6.5.1.tgz"
+  integrity sha512-4jupk4JwkeVbrN2pStY74q6OJEYqwosB4koA66nyLeVedadtX9MHI38j2vbYmnfDGurDApP3OZO46MrWalcjiQ==
+  dependencies:
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.0.0"
+    crelt "^1.0.5"
+
+"@codemirror/state@^6.0.0", "@codemirror/state@^6.1.4", "@codemirror/state@^6.2.0", "@codemirror/state@6.x":
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/@codemirror/state/-/state-6.2.1.tgz"
+  integrity sha512-RupHSZ8+OjNT38zU9fKH2sv+Dnlr8Eb8sl4NOnnqz95mCFTZUaiRP8Xv5MeeaG0px2b8Bnfe7YGwCV3nsBhbuw==
+
+"@codemirror/theme-one-dark@^6.1.2":
+  version "6.1.2"
+  resolved "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.2.tgz"
+  integrity sha512-F+sH0X16j/qFLMAfbciKTxVOwkdAS336b7AXTKOZhy8BR3eH/RelsnLgLFINrpST63mmN2OuwUt0W2ndUgYwUA==
+  dependencies:
+    "@codemirror/language" "^6.0.0"
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.0.0"
+    "@lezer/highlight" "^1.0.0"
+
+"@codemirror/view@^6.0.0", "@codemirror/view@^6.2.2", "@codemirror/view@^6.6.0", "@codemirror/view@6.x":
+  version "6.16.0"
+  resolved "https://registry.npmjs.org/@codemirror/view/-/view-6.16.0.tgz"
+  integrity sha512-1Z2HkvkC3KR/oEZVuW9Ivmp8TWLzGEd8T8TA04TTwPvqogfkHBdYSlflytDOqmkUxM2d1ywTg7X2dU5mC+SXvg==
+  dependencies:
+    "@codemirror/state" "^6.1.4"
+    style-mod "^4.0.0"
+    w3c-keyname "^2.2.4"
+
+"@csstools/cascade-layer-name-parser@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.4.tgz"
+  integrity sha512-zXMGsJetbLoXe+gjEES07MEGjL0Uy3hMxmnGtVBrRpVKr5KV9OgCB09zr/vLrsEtoVQTgJFewxaU8IYSAE4tjg==
+
+"@csstools/color-helpers@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.1.0.tgz"
+  integrity sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==
+
+"@csstools/css-calc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.4.tgz"
+  integrity sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==
+
+"@csstools/css-color-parser@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz"
+  integrity sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==
+  dependencies:
+    "@csstools/color-helpers" "^5.1.0"
+    "@csstools/css-calc" "^2.1.4"
+
+"@csstools/css-parser-algorithms@^2.3.1":
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.1.tgz"
+  integrity sha512-xrvsmVUtefWMWQsGgFffqWSK03pZ1vfDki4IVIIUxxDKnGBzqNgv0A7SB1oXtVNEkcVO8xi1ZrTL29HhSu5kGA==
+
+"@csstools/css-parser-algorithms@^3.0.5":
+  version "3.0.5"
+  resolved "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz"
+  integrity sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==
+
+"@csstools/css-syntax-patches-for-csstree@^1.0.14":
+  version "1.0.14"
+  resolved "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.0.14.tgz"
+  integrity sha512-zSlIxa20WvMojjpCSy8WrNpcZ61RqfTfX3XTaOeVlGJrt/8HF3YbzgFZa01yTbT4GWQLwfTcC3EB8i3XnB647Q==
+
+"@csstools/css-tokenizer@^2.2.0":
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.0.tgz"
+  integrity sha512-wErmsWCbsmig8sQKkM6pFhr/oPha1bHfvxsUY5CYSQxwyhA9Ulrs8EqCgClhg4Tgg2XapVstGqSVcz0xOYizZA==
+
+"@csstools/css-tokenizer@^3.0.4":
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz"
+  integrity sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==
+
+"@csstools/selector-specificity@^2.0.0":
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz"
+  integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
+
+"@davestewart/nuxt-scrollbar@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@davestewart/nuxt-scrollbar/-/nuxt-scrollbar-1.0.0.tgz"
+  integrity sha512-aX70k6ndjh3iYMMOijM9AAdB5pDVCAnkaakAj3S8xsoz3soGXtaA5AYpS7NUtN3tAuqLfetiGnWQxzSWWmXYew==
+  dependencies:
+    "@nuxt/kit" "^3.3.3"
+    vue3-perfect-scrollbar "^1.6.1"
+
+"@esbuild/darwin-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz"
+  integrity sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==
+
+"@esbuild/darwin-arm64@0.18.19":
+  version "0.18.19"
+  resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.19.tgz"
+  integrity sha512-HIpQvNQWFYROmWDANMRL+jZvvTQGOiTuwWBIuAsMaQrnStedM+nEKJBzKQ6bfT9RFKH2wZ+ej+DY7+9xHBTFPg==
+
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
+  version "4.4.0"
+  resolved "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
+  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  dependencies:
+    eslint-visitor-keys "^3.3.0"
+
+"@eslint-community/regexpp@^4.6.1":
+  version "4.6.2"
+  resolved "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.2.tgz"
+  integrity sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==
+
+"@eslint/eslintrc@^2.1.1":
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.1.tgz"
+  integrity sha512-9t7ZA7NGGK8ckelF0PQCfcxIUzs1Md5rrO6U/c+FIQNanea5UZC0wqKXH4vHBccmu4ZJgZ2idtPeW7+Q2npOEA==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@^8.46.0":
+  version "8.46.0"
+  resolved "https://registry.npmjs.org/@eslint/js/-/js-8.46.0.tgz"
+  integrity sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA==
+
+"@floating-ui/core@^1.1.0":
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/@floating-ui/core/-/core-1.4.1.tgz"
+  integrity sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==
+  dependencies:
+    "@floating-ui/utils" "^0.1.1"
+
+"@floating-ui/dom@~1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.1.1.tgz"
+  integrity sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==
+  dependencies:
+    "@floating-ui/core" "^1.1.0"
+
+"@floating-ui/utils@^0.1.1":
+  version "0.1.1"
+  resolved "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.1.tgz"
+  integrity sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==
+
+"@formkit/addons@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/addons/-/addons-1.0.0.tgz"
+  integrity sha512-MYOjbhF115POxQVNPN6HTuNJSZp5Q6sA7awNx7F8TNgJpqNlaRxIWrv6gzlP7Dnh2lApZiB+JxiXKStoxhFVyg==
+  dependencies:
+    "@formkit/auto-animate" latest
+    "@formkit/core" "1.0.0"
+    "@formkit/inputs" "1.0.0"
+    "@formkit/utils" "1.0.0"
+
+"@formkit/auto-animate@^0.7.0", "@formkit/auto-animate@latest":
+  version "0.7.0"
+  resolved "https://registry.npmjs.org/@formkit/auto-animate/-/auto-animate-0.7.0.tgz"
+  integrity sha512-RczHUr0AhRPssREoNdRjLfk2b/id9/DFnbIq18QM8L7E4zNV3XH+WO480EZ46BQHDEsv76YPJ0JbG2Y2i3GfXw==
+
+"@formkit/core@^1.0.0", "@formkit/core@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/core/-/core-1.0.0.tgz"
+  integrity sha512-rDFVwNngLcakltasYzmyYDPAYoCoakK+7h4/5V1bE1FQDabhVvJIc5EDH8U80RAKNLGS9xiQ1JK4FHGcZ3K+oQ==
+  dependencies:
+    "@formkit/utils" "1.0.0"
+
+"@formkit/dev@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/dev/-/dev-1.0.0.tgz"
+  integrity sha512-ESX58BklYH1x9312xgyLTJ97wumOfPH98d2F3EL5M6erwHbBssBxBuKqsJkVoBo5Natgtm1VUDd9akA2Qc3dZQ==
+  dependencies:
+    "@formkit/core" "1.0.0"
+    "@formkit/utils" "1.0.0"
+
+"@formkit/i18n@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/i18n/-/i18n-1.0.0.tgz"
+  integrity sha512-Q2jvwy54NufxGplzyuykowTSuqSMZsCRPJqV+taa/2V8J7EJh3YKiyWP69eKKlHtX9rMmjrlFSTbG4a0AJxdRw==
+  dependencies:
+    "@formkit/core" "1.0.0"
+    "@formkit/utils" "1.0.0"
+    "@formkit/validation" "1.0.0"
+
+"@formkit/inputs@^1.0.0", "@formkit/inputs@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/inputs/-/inputs-1.0.0.tgz"
+  integrity sha512-fP8kBshH3SD19mei6nAqTq6LTHI4/C1eAP4BYMHBuLwKYMq4SrfPKTCrTNefz+DF3yRaUzUqRg5TgBGgt6wtTw==
+  dependencies:
+    "@formkit/core" "1.0.0"
+    "@formkit/utils" "1.0.0"
+
+"@formkit/nuxt@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/nuxt/-/nuxt-1.0.0.tgz"
+  integrity sha512-9HyKRk+aDoo9qsNquZNab4VH59YK+0lVMwiyk82ybC6zt2XjwXXat9ZmRYhS65E9LW0tIPaC/B7VdubYIpxWgw==
+  dependencies:
+    "@formkit/core" "1.0.0"
+    "@formkit/i18n" "1.0.0"
+    "@formkit/vue" "1.0.0"
+    "@nuxt/kit" "^3.5.3"
+    chokidar "^3.5.3"
+    pathe "^1.1.1"
+
+"@formkit/observer@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/observer/-/observer-1.0.0.tgz"
+  integrity sha512-fKo2TX5MK6L4Nc0YWIcg2Qhp2Rz0pnQg4j541Pwd3tyQ+auHYKD8wnPkq46XHQUAWaq4HJ4WchpPiPSqXpcXAQ==
+  dependencies:
+    "@formkit/core" "1.0.0"
+    "@formkit/utils" "1.0.0"
+
+"@formkit/pro@^0.115.3":
+  version "0.115.3"
+  resolved "https://registry.npmjs.org/@formkit/pro/-/pro-0.115.3.tgz"
+  integrity sha512-qFCkgDTXkKzCP8ulkOPMwH4vXtFLd+VSvyJvG2DagxdMxpNux9XCX2mUiIPnyDAl87ShOxektACZ1BSuuwZ5mg==
+  dependencies:
+    "@formkit/core" "^1.0.0"
+    "@formkit/inputs" "^1.0.0"
+
+"@formkit/rules@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/rules/-/rules-1.0.0.tgz"
+  integrity sha512-q9ENjQFEsku8v9M9jybtDh8TVgz4WFrm0wj6v8w8KXqDxdEU6HZ7+IWuF8/0Rh8SwVZLTYTv+dqtw8Xs5Z/b6g==
+  dependencies:
+    "@formkit/core" "1.0.0"
+    "@formkit/utils" "1.0.0"
+    "@formkit/validation" "1.0.0"
+
+"@formkit/themes@^1.0.0", "@formkit/themes@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/themes/-/themes-1.0.0.tgz"
+  integrity sha512-A5fseWPLp2SWnLpl966vzIIpGDIpZ4FSa4HXaA1PwLg69JVHzoeuls8vd90z7a4VALlslnVUwSm26WWr1BxJgA==
+  dependencies:
+    "@formkit/core" "1.0.0"
+
+"@formkit/utils@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/utils/-/utils-1.0.0.tgz"
+  integrity sha512-5T8PbHOajP/eJuoEeLgxA0g25nyVUZKfy2V2mW8idoph+9PT0nZUoIP+KA/PJ2mmexqtuykMT0A5knW8MiXqsw==
+
+"@formkit/validation@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/validation/-/validation-1.0.0.tgz"
+  integrity sha512-XRFbPw/YlOWqDyrZb6qtETFjohgOrBfhhsVM6B7qm4xyXx2pa53zf+RjDD4+aUXjZTif+qKZA8xuK3Z3shGuZQ==
+  dependencies:
+    "@formkit/core" "1.0.0"
+    "@formkit/observer" "1.0.0"
+    "@formkit/utils" "1.0.0"
+
+"@formkit/vue@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/@formkit/vue/-/vue-1.0.0.tgz"
+  integrity sha512-TJ4DIPEI7EgxZ/olXpnyHmezm75acllzbCIHgXB4ckd1AxC2pb0T2Z17B4VK/jYz7Xdkc6apAvYosgVbupbnfw==
+  dependencies:
+    "@formkit/core" "1.0.0"
+    "@formkit/dev" "1.0.0"
+    "@formkit/i18n" "1.0.0"
+    "@formkit/inputs" "1.0.0"
+    "@formkit/observer" "1.0.0"
+    "@formkit/rules" "1.0.0"
+    "@formkit/themes" "1.0.0"
+    "@formkit/utils" "1.0.0"
+    "@formkit/validation" "1.0.0"
+    vue "^3.3.4"
+
+"@fullcalendar/common@~5.11.5":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/common/-/common-5.11.5.tgz"
+  integrity sha512-3iAYiUbHXhjSVXnYWz27Od2cslztUPsOwiwKlfGvQxBixv2Kl6a8IPwaijKFYJHXdwYmfPoEgK7rvqAGVoIYwA==
+  dependencies:
+    tslib "^2.1.0"
+
+"@fullcalendar/core@^5.11.3", "@fullcalendar/core@~5.11.5":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/core/-/core-5.11.5.tgz"
+  integrity sha512-M/WQuq1+uUHxFDEIu2ib/aaPZ70VsRk2ITECo/WCLSLTVWcHPXwEg83reyP3G8JrMM4gRL4vScEHhX0U5aoNSw==
+  dependencies:
+    "@fullcalendar/common" "~5.11.5"
+    preact "~10.12.1"
+    tslib "^2.1.0"
+
+"@fullcalendar/daygrid@^5.11.3", "@fullcalendar/daygrid@~5.11.5":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/daygrid/-/daygrid-5.11.5.tgz"
+  integrity sha512-hMpq0U3Nucys2jDD+crbkJCr+tVt3fDw04OE3fbpisuzqtrHxIzRmnUOdbWUjJQyToAAkt7UVUQ9E7hYdmvyGA==
+  dependencies:
+    "@fullcalendar/common" "~5.11.5"
+    tslib "^2.1.0"
+
+"@fullcalendar/interaction@^5.11.3":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/interaction/-/interaction-5.11.5.tgz"
+  integrity sha512-Vg9uw8zKXZc2RP7it88U8R/kxJIQsK4pyv+s+RhlvT5NBZ9KLOh5y2xGCS4A4hyY7qLrzugxnKYlu6NwNqJ/RQ==
+  dependencies:
+    "@fullcalendar/common" "~5.11.5"
+    tslib "^2.1.0"
+
+"@fullcalendar/list@^5.11.3":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/list/-/list-5.11.5.tgz"
+  integrity sha512-ZYMPT4CVt9tIYkVVNx7CKkB2xc+n9L56+vgXkurptgYgPsacXYkcpF/1Hy/B5LKlg0ROEF9Qfftjow8xjANqaA==
+  dependencies:
+    "@fullcalendar/common" "~5.11.5"
+    tslib "^2.1.0"
+
+"@fullcalendar/luxon2@^5.11.3":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/luxon2/-/luxon2-5.11.5.tgz"
+  integrity sha512-8SPPdDIWbHEX3pupqtSA9efNKkDVQNilBH88DGIriE5YrUqpLhCdnycK18LQo8y+UuKSP0qow1N3dp6tmfYiyg==
+  dependencies:
+    "@fullcalendar/common" "~5.11.5"
+    tslib "^2.1.0"
+
+"@fullcalendar/premium-common@~5.11.5":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/premium-common/-/premium-common-5.11.5.tgz"
+  integrity sha512-QMLOm+MKxvsbji4wt7YGqB73IqwHD+y2JD1DZ3t0LCq2Ul6QtQjNxRP7/7DklXPI8atXoJRRXzwqRq+8O9FFHw==
+  dependencies:
+    "@fullcalendar/common" "~5.11.5"
+    tslib "^2.1.0"
+
+"@fullcalendar/scrollgrid@^5.11.3":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/scrollgrid/-/scrollgrid-5.11.5.tgz"
+  integrity sha512-/6TaqW8DR+9KQ+hRKtFfT3S4DO2G9E6Yvlje+X2FkySjX+u4FxjqtUAZpSw1AYzPWvAaTcBJAPe+jMsRRifdUw==
+  dependencies:
+    "@fullcalendar/common" "~5.11.5"
+    "@fullcalendar/premium-common" "~5.11.5"
+    tslib "^2.1.0"
+
+"@fullcalendar/timegrid@^5.11.3":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/timegrid/-/timegrid-5.11.5.tgz"
+  integrity sha512-OEH5mrTclwxgUbb51N6qr7ifzNkR74ygUEFpiMLyyUjkp7a76N6BsAP5mBQnTOpTTUZBu9tAOmfcnvi7skUayQ==
+  dependencies:
+    "@fullcalendar/common" "~5.11.5"
+    "@fullcalendar/daygrid" "~5.11.5"
+    tslib "^2.1.0"
+
+"@fullcalendar/vue3@^5.11.2":
+  version "5.11.5"
+  resolved "https://registry.npmjs.org/@fullcalendar/vue3/-/vue3-5.11.5.tgz"
+  integrity sha512-813zzFAuW9/ysysLhjxFKIThUrT23qjf1EKymyj0tCnrFtfTrpbk1k/txRQ5dwITanHEU3iFxgE/d+PlswL/bg==
+  dependencies:
+    "@fullcalendar/core" "~5.11.5"
+    tslib "^2.1.0"
+
+"@humanwhocodes/config-array@^0.11.10":
+  version "0.11.10"
+  resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz"
+  integrity sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==
+  dependencies:
+    "@humanwhocodes/object-schema" "^1.2.1"
+    debug "^4.1.1"
+    minimatch "^3.0.5"
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/object-schema@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz"
+  integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
+
+"@iconify/types@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz"
+  integrity sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==
+
+"@iconify/vue@^4.0.1":
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/@iconify/vue/-/vue-4.1.1.tgz"
+  integrity sha512-RL85Bm/DAe8y6rT6pux7D2FJSiUEM/TPfyK7GrbAOfTSwrhvwJW+S5yijdGcmtXouA8MtuH9C7l4hiSE4mLMjg==
+  dependencies:
+    "@iconify/types" "^2.0.0"
+
+"@ioredis/commands@^1.1.1":
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/@ioredis/commands/-/commands-1.2.0.tgz"
+  integrity sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==
+
+"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.8"
+  resolved "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz"
+  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz"
+  integrity sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==
+
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.5"
+  resolved "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz"
+  integrity sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15":
+  version "1.4.15"
+  resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.25"
+  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@kiwicom/eslint-config@^12.7.3":
+  version "12.7.3"
+  resolved "https://registry.npmjs.org/@kiwicom/eslint-config/-/eslint-config-12.7.3.tgz"
+  integrity sha512-oa2DendqKI1gpUQwEaw8349XhSSpUtIzwi9vWWZZdXA0SJl9IejBnL+9LyyN1WO3S7/ceo7whk7b7KAqixP4Qw==
+  dependencies:
+    "@babel/eslint-parser" "~7.19.0"
+    "@typescript-eslint/eslint-plugin" "~5.37.0"
+    "@typescript-eslint/parser" "~5.37.0"
+    eslint-config-prettier "~8.5.0"
+    eslint-import-resolver-babel-module "~5.3.0"
+    eslint-plugin-babel "~5.3.1"
+    eslint-plugin-eslint-comments "~3.2.0"
+    eslint-plugin-flowtype "~8.0.3"
+    eslint-plugin-fp "~2.3.0"
+    eslint-plugin-import "~2.26.0"
+    eslint-plugin-jest "~26.9.0"
+    eslint-plugin-jsx-a11y "~6.6.0"
+    eslint-plugin-monorepo "~0.3.1"
+    eslint-plugin-node "~11.1.0"
+    eslint-plugin-react "~7.31.0"
+    eslint-plugin-react-hooks "~4.6.0"
+    prettier "~2.7.0"
+
+"@koa/router@^9.0.1":
+  version "9.4.0"
+  resolved "https://registry.npmjs.org/@koa/router/-/router-9.4.0.tgz"
+  integrity sha512-dOOXgzqaDoHu5qqMEPLKEgLz5CeIA7q8+1W62mCvFVCOqeC71UoTGJ4u1xUSOpIl2J1x2pqrNULkFteUeZW3/A==
+  dependencies:
+    debug "^4.1.1"
+    http-errors "^1.7.3"
+    koa-compose "^4.1.0"
+    methods "^1.1.2"
+    path-to-regexp "^6.1.0"
+
+"@lezer/common@^1.0.0", "@lezer/common@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/@lezer/common/-/common-1.0.3.tgz"
+  integrity sha512-JH4wAXCgUOcCGNekQPLhVeUtIqjH0yPBs7vvUdSjyQama9618IOKFJwkv2kcqdhF0my8hQEgCTEJU0GIgnahvA==
+
+"@lezer/css@^1.0.0", "@lezer/css@^1.1.0":
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/@lezer/css/-/css-1.1.3.tgz"
+  integrity sha512-SjSM4pkQnQdJDVc80LYzEaMiNy9txsFbI7HsMgeVF28NdLaAdHNtQ+kB/QqDUzRBV/75NTXjJ/R5IdC8QQGxMg==
+  dependencies:
+    "@lezer/highlight" "^1.0.0"
+    "@lezer/lr" "^1.0.0"
+
+"@lezer/highlight@^1.0.0", "@lezer/highlight@^1.1.3":
+  version "1.1.6"
+  resolved "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.1.6.tgz"
+  integrity sha512-cmSJYa2us+r3SePpRCjN5ymCqCPv+zyXmDl0ciWtVaNiORT/MxM7ZgOMQZADD0o51qOaOg24qc/zBViOIwAjJg==
+  dependencies:
+    "@lezer/common" "^1.0.0"
+
+"@lezer/html@^1.3.0":
+  version "1.3.6"
+  resolved "https://registry.npmjs.org/@lezer/html/-/html-1.3.6.tgz"
+  integrity sha512-Kk9HJARZTc0bAnMQUqbtuhFVsB4AnteR2BFUWfZV7L/x1H0aAKz6YabrfJ2gk/BEgjh9L3hg5O4y2IDZRBdzuQ==
+  dependencies:
+    "@lezer/common" "^1.0.0"
+    "@lezer/highlight" "^1.0.0"
+    "@lezer/lr" "^1.0.0"
+
+"@lezer/javascript@^1.0.0":
+  version "1.4.5"
+  resolved "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.5.tgz"
+  integrity sha512-FmBUHz8K1V22DgjTd6SrIG9owbzOYZ1t3rY6vGEmw+e2RVBd7sqjM8uXEVRFmfxKFn1Mx2ABJehHjrN3G2ZpmA==
+  dependencies:
+    "@lezer/highlight" "^1.1.3"
+    "@lezer/lr" "^1.3.0"
+
+"@lezer/lr@^1.0.0", "@lezer/lr@^1.3.0", "@lezer/lr@^1.3.1":
+  version "1.3.9"
+  resolved "https://registry.npmjs.org/@lezer/lr/-/lr-1.3.9.tgz"
+  integrity sha512-XPz6dzuTHlnsbA5M2DZgjflNQ+9Hi5Swhic0RULdp3oOs3rh6bqGZolosVqN/fQIT8uNiepzINJDnS39oweTHQ==
+  dependencies:
+    "@lezer/common" "^1.0.0"
+
+"@mapbox/node-pre-gyp@^1.0.5":
+  version "1.0.11"
+  resolved "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz"
+  integrity sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==
+  dependencies:
+    detect-libc "^2.0.0"
+    https-proxy-agent "^5.0.0"
+    make-dir "^3.1.0"
+    node-fetch "^2.6.7"
+    nopt "^5.0.0"
+    npmlog "^5.0.1"
+    rimraf "^3.0.2"
+    semver "^7.3.5"
+    tar "^6.1.11"
+
+"@netlify/functions@^1.6.0":
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/@netlify/functions/-/functions-1.6.0.tgz"
+  integrity sha512-6G92AlcpFrQG72XU8YH8pg94eDnq7+Q0YJhb8x4qNpdGsvuzvrfHWBmqFGp/Yshmv4wex9lpsTRZOocdrA2erQ==
+  dependencies:
+    is-promise "^4.0.0"
+
+"@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
+  version "5.1.1-v1"
+  resolved "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz"
+  integrity sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==
+  dependencies:
+    eslint-scope "5.1.1"
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@nuxt/devalue@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/@nuxt/devalue/-/devalue-2.0.2.tgz"
+  integrity sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==
+
+"@nuxt/kit@^3.0.0", "@nuxt/kit@^3.1.0", "@nuxt/kit@^3.2.0", "@nuxt/kit@^3.2.2", "@nuxt/kit@^3.2.3", "@nuxt/kit@^3.3.3", "@nuxt/kit@^3.5.0", "@nuxt/kit@^3.5.3", "@nuxt/kit@^3.6.1", "@nuxt/kit@^3.6.5", "@nuxt/kit@3.6.5":
+  version "3.6.5"
+  resolved "https://registry.npmjs.org/@nuxt/kit/-/kit-3.6.5.tgz"
+  integrity sha512-uBI5I2Zx6sk+vRHU+nBmifwxg/nyXCGZ1g5hUKrUfgv1ZfiKB8JkN5T9iRoduDOaqbwM6XSnEl1ja73iloDcrw==
+  dependencies:
+    "@nuxt/schema" "3.6.5"
+    c12 "^1.4.2"
+    consola "^3.2.3"
+    defu "^6.1.2"
+    globby "^13.2.2"
+    hash-sum "^2.0.0"
+    ignore "^5.2.4"
+    jiti "^1.19.1"
+    knitwork "^1.0.0"
+    mlly "^1.4.0"
+    pathe "^1.1.1"
+    pkg-types "^1.0.3"
+    scule "^1.0.0"
+    semver "^7.5.3"
+    unctx "^2.3.1"
+    unimport "^3.0.14"
+    untyped "^1.3.2"
+
+"@nuxt/postcss8@^1.1.3":
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/@nuxt/postcss8/-/postcss8-1.1.3.tgz"
+  integrity sha512-CdHtErhvQwueNZPBOmlAAKrNCK7aIpZDYhtS7TzXlSgPHHox1g3cSlf+Ke9oB/8t4mNNjdB+prclme2ibuCOEA==
+  dependencies:
+    autoprefixer "^10.2.5"
+    css-loader "^5.0.0"
+    defu "^3.2.2"
+    postcss "^8.1.10"
+    postcss-import "^13.0.0"
+    postcss-loader "^4.1.0"
+    postcss-url "^10.1.1"
+    semver "^7.3.4"
+
+"@nuxt/schema@3.6.5":
+  version "3.6.5"
+  resolved "https://registry.npmjs.org/@nuxt/schema/-/schema-3.6.5.tgz"
+  integrity sha512-UPUnMB0W5TZ/Pi1fiF71EqIsPlj8LGZqzhSf8wOeh538KHwxbA9r7cuvEUU92eXRksOZaylbea3fJxZWhOITVw==
+  dependencies:
+    defu "^6.1.2"
+    hookable "^5.5.3"
+    pathe "^1.1.1"
+    pkg-types "^1.0.3"
+    postcss-import-resolver "^2.0.0"
+    std-env "^3.3.3"
+    ufo "^1.1.2"
+    unimport "^3.0.14"
+    untyped "^1.3.2"
+
+"@nuxt/telemetry@^2.3.0":
+  version "2.3.2"
+  resolved "https://registry.npmjs.org/@nuxt/telemetry/-/telemetry-2.3.2.tgz"
+  integrity sha512-S2sF4hLQWS48lWPpRT8xqVUFuwFGTgeKvojp8vL/iP79fWxudua2DWXR15T8C2zpauYwNgEpEWJmy6vxY2ZQeg==
+  dependencies:
+    "@nuxt/kit" "^3.6.5"
+    chalk "^5.3.0"
+    ci-info "^3.8.0"
+    consola "^3.2.3"
+    create-require "^1.1.1"
+    defu "^6.1.2"
+    destr "^2.0.0"
+    dotenv "^16.3.1"
+    fs-extra "^11.1.1"
+    git-url-parse "^13.1.0"
+    is-docker "^3.0.0"
+    jiti "^1.19.1"
+    mri "^1.2.0"
+    nanoid "^4.0.2"
+    node-fetch "^3.3.1"
+    ofetch "^1.1.1"
+    parse-git-config "^3.0.0"
+    rc9 "^2.1.1"
+    std-env "^3.3.3"
+
+"@nuxt/ui-templates@^1.2.0":
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/@nuxt/ui-templates/-/ui-templates-1.3.1.tgz"
+  integrity sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==
+
+"@nuxt/vite-builder@3.6.5":
+  version "3.6.5"
+  resolved "https://registry.npmjs.org/@nuxt/vite-builder/-/vite-builder-3.6.5.tgz"
+  integrity sha512-pwSpt257ApCp3XWUs8vrC7X9QHeHUv5PbbIR3+5w0n5f95XPNOQWDJa2fTPX/H6oaRJCPYAsBPqiQhQ7qW/NZQ==
+  dependencies:
+    "@nuxt/kit" "3.6.5"
+    "@rollup/plugin-replace" "^5.0.2"
+    "@vitejs/plugin-vue" "^4.2.3"
+    "@vitejs/plugin-vue-jsx" "^3.0.1"
+    autoprefixer "^10.4.14"
+    clear "^0.1.0"
+    consola "^3.2.3"
+    cssnano "^6.0.1"
+    defu "^6.1.2"
+    esbuild "^0.18.11"
+    escape-string-regexp "^5.0.0"
+    estree-walker "^3.0.3"
+    externality "^1.0.2"
+    fs-extra "^11.1.1"
+    get-port-please "^3.0.1"
+    h3 "^1.7.1"
+    knitwork "^1.0.0"
+    magic-string "^0.30.1"
+    mlly "^1.4.0"
+    ohash "^1.1.2"
+    pathe "^1.1.1"
+    perfect-debounce "^1.0.0"
+    pkg-types "^1.0.3"
+    postcss "^8.4.24"
+    postcss-import "^15.1.0"
+    postcss-url "^10.1.3"
+    rollup-plugin-visualizer "^5.9.2"
+    std-env "^3.3.3"
+    strip-literal "^1.0.1"
+    ufo "^1.1.2"
+    unplugin "^1.3.2"
+    vite "~4.3.9"
+    vite-node "^0.33.0"
+    vite-plugin-checker "^0.6.1"
+    vue-bundle-renderer "^1.0.3"
+
+"@nuxtjs/tailwindcss@^6.8.0":
+  version "6.8.0"
+  resolved "https://registry.npmjs.org/@nuxtjs/tailwindcss/-/tailwindcss-6.8.0.tgz"
+  integrity sha512-jzuvD1nfA2BPnSbHtKK0aiI51ndMa7lNGL1iDEFuEPsltzilZ9ED7zOP6niGTrImg0n5Yt4GEJpixi6yWwp9Hw==
+  dependencies:
+    "@nuxt/kit" "^3.5.3"
+    "@nuxt/postcss8" "^1.1.3"
+    autoprefixer "^10.4.14"
+    chokidar "^3.5.3"
+    clear-module "^4.1.2"
+    colorette "^2.0.20"
+    cookie-es "^1.0.0"
+    defu "^6.1.2"
+    destr "^2.0.0"
+    h3 "^1.6.6"
+    iron-webcrypto "^0.7.0"
+    micromatch "^4.0.5"
+    pathe "^1.1.1"
+    postcss "^8.4.24"
+    postcss-custom-properties "^13.2.0"
+    postcss-nesting "^11.3.0"
+    radix3 "^1.0.1"
+    tailwind-config-viewer "^1.7.2"
+    tailwindcss "~3.3.2"
+    ufo "^1.1.2"
+    uncrypto "^0.1.3"
+
+"@parcel/watcher-wasm@2.3.0-alpha.1":
+  version "2.3.0-alpha.1"
+  resolved "https://registry.npmjs.org/@parcel/watcher-wasm/-/watcher-wasm-2.3.0-alpha.1.tgz"
+  integrity sha512-wo6065l1MQ6SJPPchYw/q8J+pFL40qBXLu4Td2CXeQ/+mUk8NenNqC75P/P1Cyvpam0kfk91iszd+XL+xKDQww==
+  dependencies:
+    is-glob "^4.0.3"
+    micromatch "^4.0.5"
+    napi-wasm "^1.1.0"
+
+"@pinia-plugin-persistedstate/nuxt@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/@pinia-plugin-persistedstate/nuxt/-/nuxt-1.1.1.tgz"
+  integrity sha512-b6ZNP3Re8COmfZEpj4KQmbp2TuDKrLggDFLZa8FiJF68xE/oCsPXIuXUvAt8E4ht/5sq4Z/grlA+iGXaI2aeKQ==
+  dependencies:
+    "@nuxt/kit" "^3.2.3"
+    defu "^6.1.2"
+    pinia-plugin-persistedstate ">=3.1.0"
+
+"@pinia/nuxt@^0.4.11":
+  version "0.4.11"
+  resolved "https://registry.npmjs.org/@pinia/nuxt/-/nuxt-0.4.11.tgz"
+  integrity sha512-bhuNFngJpmBCdAqWguezNJ/oJFR7wvKieqiZrmmdmPR07XjsidAw8RLXHMZE9kUm32M9E6T057OBbG/22jERTg==
+  dependencies:
+    "@nuxt/kit" "^3.5.0"
+    pinia ">=2.1.0"
+
+"@popperjs/core@^2.11.8", "@popperjs/core@^2.9.0":
+  version "2.11.8"
+  resolved "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz"
+  integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
+
+"@prisma/client@^5.1.1":
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/@prisma/client/-/client-5.1.1.tgz"
+  integrity sha512-fxcCeK5pMQGcgCqCrWsi+I2rpIbk0rAhdrN+ke7f34tIrgPwA68ensrpin+9+fZvuV2OtzHmuipwduSY6HswdA==
+  dependencies:
+    "@prisma/engines-version" "5.1.1-1.6a3747c37ff169c90047725a05a6ef02e32ac97e"
+
+"@prisma/engines-version@5.1.1-1.6a3747c37ff169c90047725a05a6ef02e32ac97e":
+  version "5.1.1-1.6a3747c37ff169c90047725a05a6ef02e32ac97e"
+  resolved "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-5.1.1-1.6a3747c37ff169c90047725a05a6ef02e32ac97e.tgz"
+  integrity sha512-owZqbY/wucbr65bXJ/ljrHPgQU5xXTSkmcE/JcbqE1kusuAXV/TLN3/exmz21SZ5rJ7WDkyk70J2G/n68iogbQ==
+
+"@prisma/engines@5.1.1":
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/@prisma/engines/-/engines-5.1.1.tgz"
+  integrity sha512-NV/4nVNWFZSJCCIA3HIFJbbDKO/NARc9ej0tX5S9k2EVbkrFJC4Xt9b0u4rNZWL4V+F5LAjvta8vzEUw0rw+HA==
+
+"@remirror/core-constants@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz"
+  integrity sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==
+
+"@rollup/plugin-alias@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/@rollup/plugin-alias/-/plugin-alias-5.0.0.tgz"
+  integrity sha512-l9hY5chSCjuFRPsnRm16twWBiSApl2uYFLsepQYwtBuAxNMQ/1dJqADld40P0Jkqm65GRTLy/AC6hnpVebtLsA==
+  dependencies:
+    slash "^4.0.0"
+
+"@rollup/plugin-babel@^5.2.0":
+  version "5.3.1"
+  resolved "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz"
+  integrity sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@rollup/pluginutils" "^3.1.0"
+
+"@rollup/plugin-commonjs@^25.0.2":
+  version "25.0.3"
+  resolved "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-25.0.3.tgz"
+  integrity sha512-uBdtWr/H3BVcgm97MUdq2oJmqBR23ny1hOrWe2PKo9FTbjsGqg32jfasJUKYAI5ouqacjRnj65mBB/S79F+GQA==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    commondir "^1.0.1"
+    estree-walker "^2.0.2"
+    glob "^8.0.3"
+    is-reference "1.2.1"
+    magic-string "^0.27.0"
+
+"@rollup/plugin-inject@^5.0.3":
+  version "5.0.3"
+  resolved "https://registry.npmjs.org/@rollup/plugin-inject/-/plugin-inject-5.0.3.tgz"
+  integrity sha512-411QlbL+z2yXpRWFXSmw/teQRMkXcAAC8aYTemc15gwJRpvEVDQwoe+N/HTFD8RFG8+88Bme9DK2V9CVm7hJdA==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    estree-walker "^2.0.2"
+    magic-string "^0.27.0"
+
+"@rollup/plugin-json@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.0.0.tgz"
+  integrity sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+
+"@rollup/plugin-node-resolve@^11.2.1":
+  version "11.2.1"
+  resolved "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz"
+  integrity sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==
+  dependencies:
+    "@rollup/pluginutils" "^3.1.0"
+    "@types/resolve" "1.17.1"
+    builtin-modules "^3.1.0"
+    deepmerge "^4.2.2"
+    is-module "^1.0.0"
+    resolve "^1.19.0"
+
+"@rollup/plugin-node-resolve@^15.1.0":
+  version "15.1.0"
+  resolved "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz"
+  integrity sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    "@types/resolve" "1.20.2"
+    deepmerge "^4.2.2"
+    is-builtin-module "^3.2.1"
+    is-module "^1.0.0"
+    resolve "^1.22.1"
+
+"@rollup/plugin-replace@^2.4.1":
+  version "2.4.2"
+  resolved "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz"
+  integrity sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==
+  dependencies:
+    "@rollup/pluginutils" "^3.1.0"
+    magic-string "^0.25.7"
+
+"@rollup/plugin-replace@^5.0.2":
+  version "5.0.2"
+  resolved "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz"
+  integrity sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    magic-string "^0.27.0"
+
+"@rollup/plugin-terser@^0.4.3":
+  version "0.4.3"
+  resolved "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.3.tgz"
+  integrity sha512-EF0oejTMtkyhrkwCdg0HJ0IpkcaVg1MMSf2olHb2Jp+1mnLM04OhjpJWGma4HobiDTF0WCyViWuvadyE9ch2XA==
+  dependencies:
+    serialize-javascript "^6.0.1"
+    smob "^1.0.0"
+    terser "^5.17.4"
+
+"@rollup/plugin-wasm@^6.1.3":
+  version "6.1.3"
+  resolved "https://registry.npmjs.org/@rollup/plugin-wasm/-/plugin-wasm-6.1.3.tgz"
+  integrity sha512-7ItTTeyauE6lwdDtQWceEHZ9+txbi4RRy0mYPFn9BW7rD7YdgBDu7HTHsLtHrRzJc313RM/1m6GKgV3np/aEaw==
+
+"@rollup/pluginutils@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz"
+  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
+  dependencies:
+    "@types/estree" "0.0.39"
+    estree-walker "^1.0.1"
+    picomatch "^2.2.2"
+
+"@rollup/pluginutils@^4.0.0":
+  version "4.2.1"
+  resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz"
+  integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
+  dependencies:
+    estree-walker "^2.0.1"
+    picomatch "^2.2.2"
+
+"@rollup/pluginutils@^5.0.1", "@rollup/pluginutils@^5.0.2":
+  version "5.0.2"
+  resolved "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz"
+  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^2.3.1"
+
+"@shimyshack/uid@^0.1.7":
+  version "0.1.9"
+  resolved "https://registry.npmjs.org/@shimyshack/uid/-/uid-0.1.9.tgz"
+  integrity sha512-J3sZ7mh/FjhsKWg8T8Pb5nxQkqoCiWvm7CQqG5pMhVN3asJbrkAeP/gqJujLZt4CPEpX1pWmkJihIt3/YFsQrg==
+  dependencies:
+    vue "^3.2.25"
+
+"@surma/rollup-plugin-off-main-thread@^2.2.3":
+  version "2.2.3"
+  resolved "https://registry.npmjs.org/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz"
+  integrity sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==
+  dependencies:
+    ejs "^3.1.6"
+    json5 "^2.2.0"
+    magic-string "^0.25.0"
+    string.prototype.matchall "^4.0.6"
+
+"@sweetalert2/theme-dark@^5.0.14":
+  version "5.0.15"
+  resolved "https://registry.npmjs.org/@sweetalert2/theme-dark/-/theme-dark-5.0.15.tgz"
+  integrity sha512-g1QCwQVOkiAz5hIEBOIvvu0580lubu4KuQlod+48QetYzGIEXNlHEH36QihCDnGVgE6vx48iO48w9q0WrZWyHQ==
+
+"@tiptap/core@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/core/-/core-2.12.0.tgz"
+  integrity sha512-3qX8oGVKFFZzQ0vit+ZolR6AJIATBzmEmjAA0llFhWk4vf3v64p1YcXcJsOBsr5scizJu5L6RYWEFatFwqckRg==
+
+"@tiptap/extension-blockquote@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.12.0.tgz"
+  integrity sha512-XUC2A77YAPMJS2SqZ2S62IGcUH8gZ7cdhoWlYQb1pR4ZzXFByeKDJPxfYeAePSiuI01YGrlzgY2c6Ncx/DtO0A==
+
+"@tiptap/extension-bold@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.12.0.tgz"
+  integrity sha512-lAUtoLDLRc5ofD2I9MFY6MQ7d1qBLLqS1rvpwaPjOaoQb/GPVnaHj9qXYG0SY9K3erMtto48bMFpAcscjZHzZQ==
+
+"@tiptap/extension-bubble-menu@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.12.0.tgz"
+  integrity sha512-DYijoE0igV0Oi+ZppFsp2UrQsM/4HZtmmpD78BJM9zfCbd1YvAUIxmzmXr8uqU18OHd1uQy+/zvuNoUNYyw67g==
+  dependencies:
+    tippy.js "^6.3.7"
+
+"@tiptap/extension-bullet-list@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.12.0.tgz"
+  integrity sha512-YTCjztB8MaIpwyxFYr81H4+LdKCq1VlaSXQyrPdB44mVdhhRqc46BYQb8/B//XE3UIu3X2QWFjwrqRlUq6vUiw==
+
+"@tiptap/extension-code-block@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.12.0.tgz"
+  integrity sha512-1D7cYAjgxEFHdfC/35Ooi4GqWKB5sszbW8iI7N16XILNln26xb0d5KflXqYrwr9CN/ZnZoCl2o6YsP7xEObcZA==
+
+"@tiptap/extension-code@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.12.0.tgz"
+  integrity sha512-R7RaS+hJeHFim7alImQ9L9CSWSMjWXvz0Ote568x9ea5gdBGUYW8PcH+5a91lh8e1XGYWBM12a8oJZRyxg/tQA==
+
+"@tiptap/extension-document@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.12.0.tgz"
+  integrity sha512-sA1Q+mxDIv0Y3qQTBkYGwknNbDcGFiJ/fyAFholXpqbrcRx3GavwR/o0chBdsJZlFht0x7AWGwUYWvIo7wYilA==
+
+"@tiptap/extension-dropcursor@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.12.0.tgz"
+  integrity sha512-zcZSOXFj+7LVnmdPWTfKr5AoxYIzFPFlLJe35AdTQC5IhkljLn1Exct8I30ZREojX/00hKYsO7JJmePS6TEVlQ==
+
+"@tiptap/extension-floating-menu@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.12.0.tgz"
+  integrity sha512-BYpyZx/56KCDksWuJJbhki/uNgt9sACuSSZFH5AN1yS1ISD+EzIxqf6Pzzv8QCoNJ+KcRNVaZsOlOFaJGoyzag==
+  dependencies:
+    tippy.js "^6.3.7"
+
+"@tiptap/extension-gapcursor@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.12.0.tgz"
+  integrity sha512-k8ji5v9YKn7bNjo8UtI9hEfXfl4tKUp1hpJOEmUxGJQa3LIwrwSbReupUTnHszGQelzxikS/l1xO9P0TIGwRoA==
+
+"@tiptap/extension-hard-break@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.12.0.tgz"
+  integrity sha512-08MNS2PK5DzdnAfqXn4krmJ/xebKmWpRpYqqN5EM8AvetYKlAJyTVSpo0ZUeGbZ3EZiPm9djgSnrLqpFUDjRCg==
+
+"@tiptap/extension-heading@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.12.0.tgz"
+  integrity sha512-9DfES4Wd5TX1foI70N9sAL+35NN1UHrtzDYN2+dTHupnmKir9RaMXyZcbkUb4aDVzYrGxIqxJzHBVkquKIlTrw==
+
+"@tiptap/extension-history@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.12.0.tgz"
+  integrity sha512-+B9CAf2BFURC6mQiM1OQtahVTzdEOEgT/UUNlRZkeeBc0K5of3dr6UdBqaoaMAefja3jx5PqiQ7mhUBAjSt6AA==
+
+"@tiptap/extension-horizontal-rule@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.12.0.tgz"
+  integrity sha512-Vi2+6RIehDSpoJn/7PDuOieUj7W7WrEb4wBxK9TG8PDscihR0mehhhzm/K2xhH4TN48iPJGRsjDFrFjTbXmcnw==
+
+"@tiptap/extension-italic@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.12.0.tgz"
+  integrity sha512-JKcXK3LmEsmxNzEq5e06rPUGMRLUxmJ2mYtBY4NlJ6yLM9XMDljtgeTnWT0ySLYmfINSFTkX4S7WIRbpl9l4pw==
+
+"@tiptap/extension-list-item@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.12.0.tgz"
+  integrity sha512-4YwZooC8HP+gPxs6YrkB1ayggyYbgVvJx/rWBT6lKSW2MVVg8QXi1zAcSI3MhIhHmqDysXXFPL8JURlbeGjaFA==
+
+"@tiptap/extension-ordered-list@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.12.0.tgz"
+  integrity sha512-1ys0e/oqk09oXxrB1WzAx5EntK/QreObG/V1yhgihGm429fxHMsxzIYN6dKAYxx0YOPQG7qEZRrrPuWU70Ms7g==
+
+"@tiptap/extension-paragraph@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.12.0.tgz"
+  integrity sha512-QNK5cgewCunWFxpLlbvvoO1rrLgEtNKxiY79fctP9toV+e59R+1i1Q9lXC1O5mOfDgVxCb6uFDMsqmKhFjpPog==
+
+"@tiptap/extension-strike@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.12.0.tgz"
+  integrity sha512-nBaa5YtBsLJPZFfSs36sBz4Zgi/c8b3MsmS/Az8uXaHb0R9yPewOVUMDIQbxMct8SXUlIo9VtKlOL+mVJ3Nkpw==
+
+"@tiptap/extension-text-style@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-text-style/-/extension-text-style-2.12.0.tgz"
+  integrity sha512-Pxwt23ZlvbQUahV0PvHy8Ej6IAuKR1FvHobUvwP3T8AiY7hob66fWRe7tQbESzSAzm5Vv2xkvyHeU8vekMTezA==
+
+"@tiptap/extension-text@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.12.0.tgz"
+  integrity sha512-0ytN9V1tZYTXdiYDQg4FB2SQ56JAJC9r/65snefb9ztl+gZzDrIvih7CflHs1ic9PgyjexfMLeH+VzuMccNyZw==
+
+"@tiptap/extension-underline@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.12.0.tgz"
+  integrity sha512-u95lrUCesw1SN3BXY4xrgfSuxtoCYmJ9uaU7IVVOu0zVsDFtLlOa82kd63KVF+URL0kMdO+FBmvdS6d8Era70Q==
+
+"@tiptap/pm@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/pm/-/pm-2.12.0.tgz"
+  integrity sha512-TNzVwpeNzFfHAcYTOKqX9iU4fRxliyoZrCnERR+RRzeg7gWrXrCLubQt1WEx0sojMAfznshSL3M5HGsYjEbYwA==
+  dependencies:
+    prosemirror-changeset "^2.3.0"
+    prosemirror-collab "^1.3.1"
+    prosemirror-commands "^1.6.2"
+    prosemirror-dropcursor "^1.8.1"
+    prosemirror-gapcursor "^1.3.2"
+    prosemirror-history "^1.4.1"
+    prosemirror-inputrules "^1.4.0"
+    prosemirror-keymap "^1.2.2"
+    prosemirror-markdown "^1.13.1"
+    prosemirror-menu "^1.2.4"
+    prosemirror-model "^1.23.0"
+    prosemirror-schema-basic "^1.2.3"
+    prosemirror-schema-list "^1.4.1"
+    prosemirror-state "^1.4.3"
+    prosemirror-tables "^1.6.4"
+    prosemirror-trailing-node "^3.0.0"
+    prosemirror-transform "^1.10.2"
+    prosemirror-view "^1.37.0"
+
+"@tiptap/starter-kit@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.12.0.tgz"
+  integrity sha512-wlcEEtexd6u0gbR311/OFZnbtRWU97DUsY6/GsSQzN4rqZ7Ra6YbfHEN5Lutu+I/anomK8vKy8k9NyvfY5Hllg==
+  dependencies:
+    "@tiptap/core" "^2.12.0"
+    "@tiptap/extension-blockquote" "^2.12.0"
+    "@tiptap/extension-bold" "^2.12.0"
+    "@tiptap/extension-bullet-list" "^2.12.0"
+    "@tiptap/extension-code" "^2.12.0"
+    "@tiptap/extension-code-block" "^2.12.0"
+    "@tiptap/extension-document" "^2.12.0"
+    "@tiptap/extension-dropcursor" "^2.12.0"
+    "@tiptap/extension-gapcursor" "^2.12.0"
+    "@tiptap/extension-hard-break" "^2.12.0"
+    "@tiptap/extension-heading" "^2.12.0"
+    "@tiptap/extension-history" "^2.12.0"
+    "@tiptap/extension-horizontal-rule" "^2.12.0"
+    "@tiptap/extension-italic" "^2.12.0"
+    "@tiptap/extension-list-item" "^2.12.0"
+    "@tiptap/extension-ordered-list" "^2.12.0"
+    "@tiptap/extension-paragraph" "^2.12.0"
+    "@tiptap/extension-strike" "^2.12.0"
+    "@tiptap/extension-text" "^2.12.0"
+    "@tiptap/extension-text-style" "^2.12.0"
+    "@tiptap/pm" "^2.12.0"
+
+"@tiptap/vue-3@^2.12.0":
+  version "2.12.0"
+  resolved "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-2.12.0.tgz"
+  integrity sha512-NXvxIwBSYDhEiL6MwRnoUc5+KizAnokp4/BA3n4S5+hbmpuJCygebYdq8Tap0KU9caAh53qqiMlSonuLHny5vA==
+  dependencies:
+    "@tiptap/extension-bubble-menu" "^2.12.0"
+    "@tiptap/extension-floating-menu" "^2.12.0"
+
+"@trysound/sax@0.2.0":
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz"
+  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
+
+"@types/estree@*", "@types/estree@^1.0.0":
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz"
+  integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
+
+"@types/estree@0.0.39":
+  version "0.0.39"
+  resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz"
+  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
+
+"@types/http-proxy@^1.17.11":
+  version "1.17.11"
+  resolved "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz"
+  integrity sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==
+  dependencies:
+    "@types/node" "*"
+
+"@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
+  version "7.0.15"
+  resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz"
+  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
+
+"@types/linkify-it@^5":
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz"
+  integrity sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==
+
+"@types/lodash@^4.14.165":
+  version "4.14.196"
+  resolved "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.196.tgz"
+  integrity sha512-22y3o88f4a94mKljsZcanlNWPzO0uBsBdzLAngf2tp533LzZcQzb6+eZPJ+vCTt+bqF2XnvT9gejTLsAcJAJyQ==
+
+"@types/markdown-it@^14.0.0":
+  version "14.1.2"
+  resolved "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz"
+  integrity sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==
+  dependencies:
+    "@types/linkify-it" "^5"
+    "@types/mdurl" "^2"
+
+"@types/mdurl@^2":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz"
+  integrity sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==
+
+"@types/node@*":
+  version "20.4.8"
+  resolved "https://registry.npmjs.org/@types/node/-/node-20.4.8.tgz"
+  integrity sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==
+
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+
+"@types/raf@^3.4.0":
+  version "3.4.3"
+  resolved "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz"
+  integrity sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==
+
+"@types/resize-observer-browser@^0.1.7":
+  version "0.1.7"
+  resolved "https://registry.npmjs.org/@types/resize-observer-browser/-/resize-observer-browser-0.1.7.tgz"
+  integrity sha512-G9eN0Sn0ii9PWQ3Vl72jDPgeJwRWhv2Qk/nQkJuWmRmOB4HX3/BhD5SE1dZs/hzPZL/WKnvF0RHdTSG54QJFyg==
+
+"@types/resolve@1.17.1":
+  version "1.17.1"
+  resolved "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz"
+  integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==
+  dependencies:
+    "@types/node" "*"
+
+"@types/resolve@1.20.2":
+  version "1.20.2"
+  resolved "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz"
+  integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==
+
+"@types/trusted-types@^2.0.2", "@types/trusted-types@^2.0.7":
+  version "2.0.7"
+  resolved "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz"
+  integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
+
+"@types/web-bluetooth@^0.0.16":
+  version "0.0.16"
+  resolved "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz"
+  integrity sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==
+
+"@typescript-eslint/eslint-plugin@~5.37.0":
+  version "5.37.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.37.0.tgz"
+  integrity sha512-Fde6W0IafXktz1UlnhGkrrmnnGpAo1kyX7dnyHHVrmwJOn72Oqm3eYtddrpOwwel2W8PAK9F3pIL5S+lfoM0og==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.37.0"
+    "@typescript-eslint/type-utils" "5.37.0"
+    "@typescript-eslint/utils" "5.37.0"
+    debug "^4.3.4"
+    functional-red-black-tree "^1.0.1"
+    ignore "^5.2.0"
+    regexpp "^3.2.0"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/parser@~5.37.0":
+  version "5.37.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.37.0.tgz"
+  integrity sha512-01VzI/ipYKuaG5PkE5+qyJ6m02fVALmMPY3Qq5BHflDx3y4VobbLdHQkSMg9VPRS4KdNt4oYTMaomFoHonBGAw==
+  dependencies:
+    "@typescript-eslint/scope-manager" "5.37.0"
+    "@typescript-eslint/types" "5.37.0"
+    "@typescript-eslint/typescript-estree" "5.37.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.37.0.tgz"
+  integrity sha512-F67MqrmSXGd/eZnujjtkPgBQzgespu/iCZ+54Ok9X5tALb9L2v3G+QBSoWkXG0p3lcTJsL+iXz5eLUEdSiJU9Q==
+  dependencies:
+    "@typescript-eslint/types" "5.37.0"
+    "@typescript-eslint/visitor-keys" "5.37.0"
+
+"@typescript-eslint/type-utils@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.37.0.tgz"
+  integrity sha512-BSx/O0Z0SXOF5tY0bNTBcDEKz2Ec20GVYvq/H/XNKiUorUFilH7NPbFUuiiyzWaSdN3PA8JV0OvYx0gH/5aFAQ==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "5.37.0"
+    "@typescript-eslint/utils" "5.37.0"
+    debug "^4.3.4"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/types@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.37.0.tgz"
+  integrity sha512-3frIJiTa5+tCb2iqR/bf7XwU20lnU05r/sgPJnRpwvfZaqCJBrl8Q/mw9vr3NrNdB/XtVyMA0eppRMMBqdJ1bA==
+
+"@typescript-eslint/typescript-estree@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.37.0.tgz"
+  integrity sha512-JkFoFIt/cx59iqEDSgIGnQpCTRv96MQnXCYvJi7QhBC24uyuzbD8wVbajMB1b9x4I0octYFJ3OwjAwNqk1AjDA==
+  dependencies:
+    "@typescript-eslint/types" "5.37.0"
+    "@typescript-eslint/visitor-keys" "5.37.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/utils@^5.10.0", "@typescript-eslint/utils@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.37.0.tgz"
+  integrity sha512-jUEJoQrWbZhmikbcWSMDuUSxEE7ID2W/QCV/uz10WtQqfOuKZUqFGjqLJ+qhDd17rjgp+QJPqTdPIBWwoob2NQ==
+  dependencies:
+    "@types/json-schema" "^7.0.9"
+    "@typescript-eslint/scope-manager" "5.37.0"
+    "@typescript-eslint/types" "5.37.0"
+    "@typescript-eslint/typescript-estree" "5.37.0"
+    eslint-scope "^5.1.1"
+    eslint-utils "^3.0.0"
+
+"@typescript-eslint/visitor-keys@5.37.0":
+  version "5.37.0"
+  resolved "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.37.0.tgz"
+  integrity sha512-Hp7rT4cENBPIzMwrlehLW/28EVCOcE9U1Z1BQTc8EA8v5qpr7GRGuG+U58V5tTY48zvUOA3KHvw3rA8tY9fbdA==
+  dependencies:
+    "@typescript-eslint/types" "5.37.0"
+    eslint-visitor-keys "^3.3.0"
+
+"@unhead/dom@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/@unhead/dom/-/dom-1.2.2.tgz"
+  integrity sha512-ohganmg4i1Dd4wwQ2A9oLWEkJNpJRoERJNmFgzmScw9Vi3zMqoS4gPIofT20zUR5rhyyAsFojuDPojJ5vKcmqw==
+  dependencies:
+    "@unhead/schema" "1.2.2"
+    "@unhead/shared" "1.2.2"
+
+"@unhead/schema@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/@unhead/schema/-/schema-1.2.2.tgz"
+  integrity sha512-cGtNvadL76eGl7QxGjWHZxFqLv9a2VrmRpeEb1d7sm0cvnN0bWngdXDTdUyXzn7RVv/Um+/yae6eiT6A+pyQOw==
+  dependencies:
+    hookable "^5.5.3"
+    zhead "^2.0.10"
+
+"@unhead/shared@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/@unhead/shared/-/shared-1.2.2.tgz"
+  integrity sha512-bWRjRyVzFsunih9GbHctvS8Aenj6KBe5ycql1JE4LawBL/NRYvCYUCPpdK5poVOqjYr0yDAf9m4JGaM2HwpVLw==
+  dependencies:
+    "@unhead/schema" "1.2.2"
+
+"@unhead/ssr@^1.1.30":
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/@unhead/ssr/-/ssr-1.2.2.tgz"
+  integrity sha512-mpWSNNbrQFJZolAfdVInPPiSGUva08bK9UbNV1zgDScUz+p+FnRg4cj77X+PpVeJ0+KPgjXfOsI8VQKYt+buYA==
+  dependencies:
+    "@unhead/schema" "1.2.2"
+    "@unhead/shared" "1.2.2"
+
+"@unhead/vue@^1.1.30":
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/@unhead/vue/-/vue-1.2.2.tgz"
+  integrity sha512-AxOmY5JPn4fS34ovaivPnqg2my+InIkZDNSxCKfRkmbBtstFre/Fyf0d92Qfx0u8PJiSRPOjthEHx5vKDgTEJQ==
+  dependencies:
+    "@unhead/schema" "1.2.2"
+    "@unhead/shared" "1.2.2"
+    hookable "^5.5.3"
+    unhead "1.2.2"
+
+"@vercel/nft@^0.22.6":
+  version "0.22.6"
+  resolved "https://registry.npmjs.org/@vercel/nft/-/nft-0.22.6.tgz"
+  integrity sha512-gTsFnnT4mGxodr4AUlW3/urY+8JKKB452LwF3m477RFUJTAaDmcz2JqFuInzvdybYIeyIv1sSONEJxsxnbQ5JQ==
+  dependencies:
+    "@mapbox/node-pre-gyp" "^1.0.5"
+    "@rollup/pluginutils" "^4.0.0"
+    acorn "^8.6.0"
+    async-sema "^3.1.1"
+    bindings "^1.4.0"
+    estree-walker "2.0.2"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.2"
+    node-gyp-build "^4.2.2"
+    resolve-from "^5.0.0"
+
+"@vite-pwa/nuxt@^0.1.0":
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/@vite-pwa/nuxt/-/nuxt-0.1.0.tgz"
+  integrity sha512-w6wm/0Y9yIqo6UTj9LeQUMR+xuRTf2sRdUTffu03SbRyWBzF7SnQcTqTRkXQy+NK+XafZuIDDLC12VkhValg4g==
+  dependencies:
+    "@nuxt/kit" "^3.5.3"
+    vite-plugin-pwa ">=0.16.3 <1"
+
+"@vitejs/plugin-vue-jsx@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-3.0.1.tgz"
+  integrity sha512-+Jb7ggL48FSPS1uhPnJbJwWa9Sr90vQ+d0InW+AhBM22n+cfuYqJZDckBc+W3QSHe1WDvewMZfa4wZOtk5pRgw==
+  dependencies:
+    "@babel/core" "^7.20.7"
+    "@babel/plugin-transform-typescript" "^7.20.7"
+    "@vue/babel-plugin-jsx" "^1.1.1"
+
+"@vitejs/plugin-vue@^4.2.3":
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.2.3.tgz"
+  integrity sha512-R6JDUfiZbJA9cMiguQ7jxALsgiprjBeHL5ikpXfJCH62pPHtI+JdJ5xWj6Ev73yXSlYl86+blXn1kZHQ7uElxw==
+
+"@vue-macros/common@^1.3.1":
+  version "1.7.0"
+  resolved "https://registry.npmjs.org/@vue-macros/common/-/common-1.7.0.tgz"
+  integrity sha512-177tzAjvEiFxAsOM+zd8EWCfAdneePoZroGg6R5QhMcycC28r+2k4wyzrjupjkDBgx7KAZkJ/KzkSfuEi31U0A==
+  dependencies:
+    "@babel/types" "^7.22.5"
+    "@rollup/pluginutils" "^5.0.2"
+    "@vue/compiler-sfc" "^3.3.4"
+    ast-kit "^0.9.5"
+    local-pkg "^0.4.3"
+    magic-string-ast "^0.3.0"
+
+"@vue/babel-helper-vue-transform-on@^1.1.5":
+  version "1.1.5"
+  resolved "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.1.5.tgz"
+  integrity sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==
+
+"@vue/babel-plugin-jsx@^1.1.1":
+  version "1.1.5"
+  resolved "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.1.5.tgz"
+  integrity sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==
+  dependencies:
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/plugin-syntax-jsx" "^7.22.5"
+    "@babel/template" "^7.22.5"
+    "@babel/traverse" "^7.22.5"
+    "@babel/types" "^7.22.5"
+    "@vue/babel-helper-vue-transform-on" "^1.1.5"
+    camelcase "^6.3.0"
+    html-tags "^3.3.1"
+    svg-tags "^1.0.0"
+
+"@vue/compiler-core@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.4.tgz"
+  integrity sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==
+  dependencies:
+    "@babel/parser" "^7.21.3"
+    "@vue/shared" "3.3.4"
+    estree-walker "^2.0.2"
+    source-map-js "^1.0.2"
+
+"@vue/compiler-dom@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz"
+  integrity sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==
+  dependencies:
+    "@vue/compiler-core" "3.3.4"
+    "@vue/shared" "3.3.4"
+
+"@vue/compiler-sfc@^3.3.4", "@vue/compiler-sfc@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz"
+  integrity sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==
+  dependencies:
+    "@babel/parser" "^7.20.15"
+    "@vue/compiler-core" "3.3.4"
+    "@vue/compiler-dom" "3.3.4"
+    "@vue/compiler-ssr" "3.3.4"
+    "@vue/reactivity-transform" "3.3.4"
+    "@vue/shared" "3.3.4"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.0"
+    postcss "^8.1.10"
+    source-map-js "^1.0.2"
+
+"@vue/compiler-sfc@2.7.14":
+  version "2.7.14"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz"
+  integrity sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==
+  dependencies:
+    "@babel/parser" "^7.18.4"
+    postcss "^8.4.14"
+    source-map "^0.6.1"
+
+"@vue/compiler-ssr@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz"
+  integrity sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==
+  dependencies:
+    "@vue/compiler-dom" "3.3.4"
+    "@vue/shared" "3.3.4"
+
+"@vue/devtools-api@^6.5.0":
+  version "6.5.0"
+  resolved "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz"
+  integrity sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==
+
+"@vue/reactivity-transform@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz"
+  integrity sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==
+  dependencies:
+    "@babel/parser" "^7.20.15"
+    "@vue/compiler-core" "3.3.4"
+    "@vue/shared" "3.3.4"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.0"
+
+"@vue/reactivity@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.4.tgz"
+  integrity sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==
+  dependencies:
+    "@vue/shared" "3.3.4"
+
+"@vue/runtime-core@3.3.4", "@vue/runtime-core@latest":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.4.tgz"
+  integrity sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==
+  dependencies:
+    "@vue/reactivity" "3.3.4"
+    "@vue/shared" "3.3.4"
+
+"@vue/runtime-dom@3.3.4", "@vue/runtime-dom@latest":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz"
+  integrity sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==
+  dependencies:
+    "@vue/runtime-core" "3.3.4"
+    "@vue/shared" "3.3.4"
+    csstype "^3.1.1"
+
+"@vue/server-renderer@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.4.tgz"
+  integrity sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==
+  dependencies:
+    "@vue/compiler-ssr" "3.3.4"
+    "@vue/shared" "3.3.4"
+
+"@vue/shared@^3.3.4", "@vue/shared@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.3.4.tgz"
+  integrity sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==
+
+"@vueup/vue-quill@^1.0.0":
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/@vueup/vue-quill/-/vue-quill-1.2.0.tgz"
+  integrity sha512-kd5QPSHMDpycklojPXno2Kw2JSiKMYduKYQckTm1RJoVDA557MnyUXgcuuDpry4HY/Rny9nGNcK+m3AHk94wag==
+  dependencies:
+    quill "^1.3.7"
+    quill-delta "^4.2.2"
+
+"@vueuse/core@^9.5.0", "@vueuse/core@9.13.0":
+  version "9.13.0"
+  resolved "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz"
+  integrity sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==
+  dependencies:
+    "@types/web-bluetooth" "^0.0.16"
+    "@vueuse/metadata" "9.13.0"
+    "@vueuse/shared" "9.13.0"
+    vue-demi "*"
+
+"@vueuse/metadata@9.13.0":
+  version "9.13.0"
+  resolved "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz"
+  integrity sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==
+
+"@vueuse/nuxt@^9.5.0":
+  version "9.13.0"
+  resolved "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-9.13.0.tgz"
+  integrity sha512-JunH/w6nFIwCyaZ0s+pfrYFMfBzGfhkwmFPz7ogHFmb71Ty/5HINrYOAOZCXpN44X6QH6FiJq/wuLLdvYzqFUw==
+  dependencies:
+    "@nuxt/kit" "^3.2.0"
+    "@vueuse/core" "9.13.0"
+    "@vueuse/metadata" "9.13.0"
+    local-pkg "^0.4.3"
+    vue-demi "*"
+
+"@vueuse/shared@9.13.0":
+  version "9.13.0"
+  resolved "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz"
+  integrity sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==
+  dependencies:
+    vue-demi "*"
+
+abbrev@1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz"
+  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
+
+accepts@^1.3.5:
+  version "1.3.8"
+  resolved "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz"
+  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn@^8.10.0, acorn@^8.6.0, acorn@^8.8.2, acorn@^8.9.0, acorn@8.10.0:
+  version "8.10.0"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz"
+  integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
+
+acorn@^8.14.0:
+  version "8.14.1"
+  resolved "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz"
+  integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==
+
+agent-base@^7.1.0:
+  version "7.1.4"
+  resolved "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz"
+  integrity sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==
+
+agent-base@^7.1.2:
+  version "7.1.4"
+  resolved "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz"
+  integrity sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==
+
+agent-base@6:
+  version "6.0.2"
+  resolved "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz"
+  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
+  dependencies:
+    debug "4"
+
+ajv-keywords@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz"
+  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+
+ajv@^6.12.4, ajv@^6.12.5:
+  version "6.12.6"
+  resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ajv@^8.6.0:
+  version "8.12.0"
+  resolved "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz"
+  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+    uri-js "^4.2.2"
+
+ansi-colors@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz"
+  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
+
+ansi-escapes@^4.3.0:
+  version "4.3.2"
+  resolved "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz"
+  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
+  dependencies:
+    type-fest "^0.21.3"
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
+anymatch@^3.1.3, anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+apexcharts@^3.36.0:
+  version "3.41.1"
+  resolved "https://registry.npmjs.org/apexcharts/-/apexcharts-3.41.1.tgz"
+  integrity sha512-kta8fhXrfZYqW7K9kF7FqZ6imQaC6moyRgcUZjwIky/oeHVVISSN/2rjUIvZXnwxWHiSdDHMqLy+TqJhB4DXFA==
+  dependencies:
+    svg.draggable.js "^2.2.2"
+    svg.easing.js "^2.0.0"
+    svg.filter.js "^2.0.2"
+    svg.pathmorphing.js "^0.1.3"
+    svg.resize.js "^1.4.3"
+    svg.select.js "^3.0.1"
+
+"aproba@^1.0.3 || ^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz"
+  integrity sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==
+
+arch@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz"
+  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
+
+archiver-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/archiver-utils/-/archiver-utils-2.1.0.tgz"
+  integrity sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw==
+  dependencies:
+    glob "^7.1.4"
+    graceful-fs "^4.2.0"
+    lazystream "^1.0.0"
+    lodash.defaults "^4.2.0"
+    lodash.difference "^4.5.0"
+    lodash.flatten "^4.4.0"
+    lodash.isplainobject "^4.0.6"
+    lodash.union "^4.6.0"
+    normalize-path "^3.0.0"
+    readable-stream "^2.0.0"
+
+archiver@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.npmjs.org/archiver/-/archiver-5.3.1.tgz"
+  integrity sha512-8KyabkmbYrH+9ibcTScQ1xCJC/CGcugdVIwB+53f5sZziXgwUh3iXlAlANMxcZyDEfTHMe6+Z5FofV8nopXP7w==
+  dependencies:
+    archiver-utils "^2.1.0"
+    async "^3.2.3"
+    buffer-crc32 "^0.2.1"
+    readable-stream "^3.6.0"
+    readdir-glob "^1.0.0"
+    tar-stream "^2.2.0"
+    zip-stream "^4.1.0"
+
+are-we-there-yet@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz"
+  integrity sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^3.6.0"
+
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+aria-query@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz"
+  integrity sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==
+  dependencies:
+    "@babel/runtime" "^7.10.2"
+    "@babel/runtime-corejs3" "^7.10.2"
+
+array-buffer-byte-length@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz"
+  integrity sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==
+  dependencies:
+    call-bind "^1.0.2"
+    is-array-buffer "^3.0.1"
+
+array-includes@^3.1.4, array-includes@^3.1.5, array-includes@^3.1.6:
+  version "3.1.6"
+  resolved "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz"
+  integrity sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    get-intrinsic "^1.1.3"
+    is-string "^1.0.7"
+
+array-union@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz"
+  integrity sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==
+  dependencies:
+    array-uniq "^1.0.1"
+
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
+array-uniq@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz"
+  integrity sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==
+
+array.prototype.flat@^1.2.5, array.prototype.flat@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz"
+  integrity sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.flatmap@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz"
+  integrity sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.tosorted@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz"
+  integrity sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    es-shim-unscopables "^1.0.0"
+    get-intrinsic "^1.1.3"
+
+arraybuffer.prototype.slice@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz"
+  integrity sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw==
+  dependencies:
+    array-buffer-byte-length "^1.0.0"
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    get-intrinsic "^1.2.1"
+    is-array-buffer "^3.0.2"
+    is-shared-array-buffer "^1.0.2"
+
+ast-kit@^0.9.5:
+  version "0.9.5"
+  resolved "https://registry.npmjs.org/ast-kit/-/ast-kit-0.9.5.tgz"
+  integrity sha512-kbL7ERlqjXubdDd+szuwdlQ1xUxEz9mCz1+m07ftNVStgwRb2RWw+U6oKo08PAvOishMxiqz1mlJyLl8yQx2Qg==
+  dependencies:
+    "@babel/parser" "^7.22.7"
+    "@rollup/pluginutils" "^5.0.2"
+    pathe "^1.1.1"
+
+ast-types-flow@^0.0.7:
+  version "0.0.7"
+  resolved "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz"
+  integrity sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==
+
+ast-walker-scope@^0.4.1:
+  version "0.4.2"
+  resolved "https://registry.npmjs.org/ast-walker-scope/-/ast-walker-scope-0.4.2.tgz"
+  integrity sha512-vdCU9JvpsrxWxvJiRHAr8If8cu07LWJXDPhkqLiP4ErbN1fu/mK623QGmU4Qbn2Nq4Mx0vR/Q017B6+HcHg1aQ==
+  dependencies:
+    "@babel/parser" "^7.22.4"
+    "@babel/types" "^7.22.4"
+
+async-sema@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/async-sema/-/async-sema-3.1.1.tgz"
+  integrity sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==
+
+async@^2.6.4:
+  version "2.6.4"
+  resolved "https://registry.npmjs.org/async/-/async-2.6.4.tgz"
+  integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
+  dependencies:
+    lodash "^4.17.14"
+
+async@^3.2.3:
+  version "3.2.4"
+  resolved "https://registry.npmjs.org/async/-/async-3.2.4.tgz"
+  integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
+
+at-least-node@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz"
+  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
+
+atob@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz"
+  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
+
+attr-accept@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.npmjs.org/attr-accept/-/attr-accept-2.2.2.tgz"
+  integrity sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg==
+
+autoprefixer@^10.2.5, autoprefixer@^10.4.14:
+  version "10.4.14"
+  resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz"
+  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
+  dependencies:
+    browserslist "^4.21.5"
+    caniuse-lite "^1.0.30001464"
+    fraction.js "^4.2.0"
+    normalize-range "^0.1.2"
+    picocolors "^1.0.0"
+    postcss-value-parser "^4.2.0"
+
+available-typed-arrays@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz"
+  integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
+
+axe-core@^4.4.3:
+  version "4.7.2"
+  resolved "https://registry.npmjs.org/axe-core/-/axe-core-4.7.2.tgz"
+  integrity sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g==
+
+axobject-query@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz"
+  integrity sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==
+
+babel-plugin-polyfill-corejs2@^0.4.5:
+  version "0.4.5"
+  resolved "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz"
+  integrity sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==
+  dependencies:
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    semver "^6.3.1"
+
+babel-plugin-polyfill-corejs3@^0.8.3:
+  version "0.8.3"
+  resolved "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.3.tgz"
+  integrity sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    core-js-compat "^3.31.0"
+
+babel-plugin-polyfill-regenerator@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz"
+  integrity sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+base64-arraybuffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz"
+  integrity sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==
+
+base64-js@^1.3.1:
+  version "1.5.1"
+  resolved "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz"
+  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
+
+basic-auth@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz"
+  integrity sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==
+  dependencies:
+    safe-buffer "5.1.2"
+
+bidi-js@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz"
+  integrity sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==
+  dependencies:
+    require-from-string "^2.0.2"
+
+big.js@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz"
+  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
+
+binary-extensions@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
+bindings@^1.4.0:
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz"
+  integrity sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==
+  dependencies:
+    file-uri-to-path "1.0.0"
+
+bl@^4.0.3:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz"
+  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
+  dependencies:
+    buffer "^5.5.0"
+    inherits "^2.0.4"
+    readable-stream "^3.4.0"
+
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.2, braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
+browserslist@^4.0.0, browserslist@^4.21.4, browserslist@^4.21.5, browserslist@^4.21.9:
+  version "4.25.0"
+  resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.25.0.tgz"
+  integrity sha512-PJ8gYKeS5e/whHBh8xrwYK+dAvEj7JXtz6uTucnMRB8OiGTsKccFekoRrjajPBHV8oOY+2tI4uxeceSimKwMFA==
+  dependencies:
+    caniuse-lite "^1.0.30001718"
+    electron-to-chromium "^1.5.160"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.3"
+
+btoa@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz"
+  integrity sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==
+
+buffer-crc32@^0.2.1, buffer-crc32@^0.2.13:
+  version "0.2.13"
+  resolved "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz"
+  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
+buffer-equal-constant-time@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz"
+  integrity sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==
+
+buffer-from@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz"
+  integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
+
+buffer@^5.5.0:
+  version "5.7.1"
+  resolved "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
+builtin-modules@^3.1.0, builtin-modules@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz"
+  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
+
+busboy@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz"
+  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
+  dependencies:
+    streamsearch "^1.1.0"
+
+c12@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.npmjs.org/c12/-/c12-1.4.2.tgz"
+  integrity sha512-3IP/MuamSVRVw8W8+CHWAz9gKN4gd+voF2zm/Ln6D25C2RhytEZ1ABbC8MjKr4BR9rhoV1JQ7jJA158LDiTkLg==
+  dependencies:
+    chokidar "^3.5.3"
+    defu "^6.1.2"
+    dotenv "^16.3.1"
+    giget "^1.1.2"
+    jiti "^1.18.2"
+    mlly "^1.4.0"
+    ohash "^1.1.2"
+    pathe "^1.1.1"
+    perfect-debounce "^1.0.0"
+    pkg-types "^1.0.3"
+    rc9 "^2.1.1"
+
+cac@^6.7.14:
+  version "6.7.14"
+  resolved "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz"
+  integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
+
+cache-content-type@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/cache-content-type/-/cache-content-type-1.0.1.tgz"
+  integrity sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==
+  dependencies:
+    mime-types "^2.1.18"
+    ylru "^1.2.0"
+
+call-bind@^1.0.0, call-bind@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz"
+  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
+  dependencies:
+    function-bind "^1.1.1"
+    get-intrinsic "^1.0.2"
+
+callsites@^3.0.0, callsites@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+camelcase@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz"
+  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
+
+caniuse-api@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz"
+  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
+  dependencies:
+    browserslist "^4.0.0"
+    caniuse-lite "^1.0.0"
+    lodash.memoize "^4.1.2"
+    lodash.uniq "^4.5.0"
+
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001464, caniuse-lite@^1.0.30001718:
+  version "1.0.30001720"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001720.tgz"
+  integrity sha512-Ec/2yV2nNPwb4DnTANEV99ZWwm3ZWfdlfkQbWSDDt+PsXEVYwlhPH8tdMaPunYTKKmz7AnHi2oNEi1GcmKCD8g==
+
+canvg@^3.0.6:
+  version "3.0.10"
+  resolved "https://registry.npmjs.org/canvg/-/canvg-3.0.10.tgz"
+  integrity sha512-qwR2FRNO9NlzTeKIPIKpnTY6fqwuYSequ8Ru8c0YkYU7U0oW+hLUvWadLvAu1Rl72OMNiFhoLu4f8eUjQ7l/+Q==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@types/raf" "^3.4.0"
+    core-js "^3.8.3"
+    raf "^3.4.1"
+    regenerator-runtime "^0.13.7"
+    rgbcolor "^1.0.1"
+    stackblur-canvas "^2.0.0"
+    svg-pathdata "^6.0.3"
+
+chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.1, chalk@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chalk@^5.0.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz"
+  integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
+
+chalk@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz"
+  integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
+
+chalk@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz"
+  integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
+
+chart.js@^3.9.1:
+  version "3.9.1"
+  resolved "https://registry.npmjs.org/chart.js/-/chart.js-3.9.1.tgz"
+  integrity sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==
+
+chokidar@^3.5.1, chokidar@^3.5.3, "chokidar@>=3.0.0 <4.0.0":
+  version "3.5.3"
+  resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz"
+  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+chownr@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz"
+  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
+
+ci-info@^3.8.0:
+  version "3.8.0"
+  resolved "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz"
+  integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
+
+citty@^0.1.1, citty@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.npmjs.org/citty/-/citty-0.1.2.tgz"
+  integrity sha512-Me9nf0/BEmMOnuQzMOVXgpzkMUNbd0Am8lTl/13p0aRGAoLGk5T5sdet/42CrIGmWdG67BgHUhcKK1my1ujUEg==
+  dependencies:
+    consola "^3.2.3"
+
+clear-module@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/clear-module/-/clear-module-4.1.2.tgz"
+  integrity sha512-LWAxzHqdHsAZlPlEyJ2Poz6AIs384mPeqLVCru2p0BrP9G/kVGuhNyZYClLO6cXlnuJjzC8xtsJIuMjKqLXoAw==
+  dependencies:
+    parent-module "^2.0.0"
+    resolve-from "^5.0.0"
+
+clear@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/clear/-/clear-0.1.0.tgz"
+  integrity sha512-qMjRnoL+JDPJHeLePZJuao6+8orzHMGP04A8CdwCNsKhRbOnKRjefxONR7bwILT3MHecxKBjHkKL/tkZ8r4Uzw==
+
+clipboardy@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz"
+  integrity sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==
+  dependencies:
+    arch "^2.2.0"
+    execa "^5.1.1"
+    is-wsl "^2.2.0"
+
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
+clone@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz"
+  integrity sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==
+
+cluster-key-slot@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz"
+  integrity sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==
+
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.npmjs.org/co/-/co-4.6.0.tgz"
+  integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
+
+codemirror@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/codemirror/-/codemirror-6.0.1.tgz"
+  integrity sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==
+  dependencies:
+    "@codemirror/autocomplete" "^6.0.0"
+    "@codemirror/commands" "^6.0.0"
+    "@codemirror/language" "^6.0.0"
+    "@codemirror/lint" "^6.0.0"
+    "@codemirror/search" "^6.0.0"
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.0.0"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+color-support@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz"
+  integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
+
+colord@^2.9.1:
+  version "2.9.3"
+  resolved "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz"
+  integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
+
+colorette@^2.0.19, colorette@^2.0.20:
+  version "2.0.20"
+  resolved "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz"
+  integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
+
+commander@^2.20.0:
+  version "2.20.3"
+  resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
+commander@^2.20.3:
+  version "2.20.3"
+  resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+commander@^6.0.0:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz"
+  integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
+
+commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
+commander@^8.0.0:
+  version "8.3.0"
+  resolved "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz"
+  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+
+common-tags@^1.8.0:
+  version "1.8.2"
+  resolved "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz"
+  integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
+
+commondir@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz"
+  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
+
+compress-commons@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/compress-commons/-/compress-commons-4.1.1.tgz"
+  integrity sha512-QLdDLCKNV2dtoTorqgxngQCMA+gWXkM/Nwu7FpeBhk/RdkzimqC3jueb/FDmaZeXh+uby1jkBqE3xArsLBE5wQ==
+  dependencies:
+    buffer-crc32 "^0.2.13"
+    crc32-stream "^4.0.2"
+    normalize-path "^3.0.0"
+    readable-stream "^3.6.0"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+consola@^3.2.2, consola@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz"
+  integrity sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==
+
+console-control-strings@^1.0.0, console-control-strings@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz"
+  integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==
+
+content-disposition@~0.5.2:
+  version "0.5.4"
+  resolved "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
+convert-source-map@^1.7.0:
+  version "1.9.0"
+  resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
+cookie-es@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/cookie-es/-/cookie-es-1.0.0.tgz"
+  integrity sha512-mWYvfOLrfEc996hlKcdABeIiPHUPC6DM2QYZdGGOvhOTbA3tjm2eBwqlJpoFdjC89NI4Qt6h0Pu06Mp+1Pj5OQ==
+
+cookies@~0.8.0:
+  version "0.8.0"
+  resolved "https://registry.npmjs.org/cookies/-/cookies-0.8.0.tgz"
+  integrity sha512-8aPsApQfebXnuI+537McwYsDtjVxGm8gTIzQI3FDW6t5t/DAhERxtnbEPN/8RX+uZthoz4eCOgloXaE5cYyNow==
+  dependencies:
+    depd "~2.0.0"
+    keygrip "~1.1.0"
+
+core-js-compat@^3.31.0:
+  version "3.32.0"
+  resolved "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.32.0.tgz"
+  integrity sha512-7a9a3D1k4UCVKnLhrgALyFcP7YCsLOQIxPd0dKjf/6GuPcgyiGP70ewWdCGrSK7evyhymi0qO4EqCmSJofDeYw==
+  dependencies:
+    browserslist "^4.21.9"
+
+core-js-pure@^3.30.2:
+  version "3.32.0"
+  resolved "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.32.0.tgz"
+  integrity sha512-qsev1H+dTNYpDUEURRuOXMvpdtAnNEvQWS/FMJ2Vb5AY8ZP4rAPQldkE27joykZPJTe0+IVgHZYh1P5Xu1/i1g==
+
+core-js@^3.6.0, core-js@^3.8.3:
+  version "3.38.1"
+  resolved "https://registry.npmjs.org/core-js/-/core-js-3.38.1.tgz"
+  integrity sha512-OP35aUorbU3Zvlx7pjsFdu1rGNnD4pgw/CWoYzRY3t2EzoVT7shKHY1dlAy3f41cGIO7ZDPQimhGFTlEYkG/Hw==
+
+core-util-is@~1.0.0:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz"
+  integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
+
+cosmiconfig@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+crc-32@^1.2.0:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz"
+  integrity sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==
+
+crc32-stream@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/crc32-stream/-/crc32-stream-4.0.2.tgz"
+  integrity sha512-DxFZ/Hk473b/muq1VJ///PMNLj0ZMnzye9thBpmjpJKCc5eMgB95aK8zCGrGfQ90cWo561Te6HK9D+j4KPdM6w==
+  dependencies:
+    crc-32 "^1.2.0"
+    readable-stream "^3.4.0"
+
+create-eslint-index@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/create-eslint-index/-/create-eslint-index-1.0.0.tgz"
+  integrity sha512-nXvJjnfDytOOaPOonX0h0a1ggMoqrhdekGeZkD6hkcWYvlCWhU719tKFVh8eU04CnMwu3uwe1JjwuUF2C3k2qg==
+  dependencies:
+    lodash.get "^4.3.0"
+
+create-require@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz"
+  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
+
+crelt@^1.0.0, crelt@^1.0.5:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz"
+  integrity sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==
+
+cross-env@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz"
+  integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
+  dependencies:
+    cross-spawn "^7.0.1"
+
+cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+crypto-js@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz"
+  integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
+
+crypto-random-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz"
+  integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
+
+css-declaration-sorter@^6.3.1:
+  version "6.4.1"
+  resolved "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz"
+  integrity sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==
+
+css-line-break@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz"
+  integrity sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==
+  dependencies:
+    utrie "^1.0.2"
+
+css-loader@^5.0.0:
+  version "5.2.7"
+  resolved "https://registry.npmjs.org/css-loader/-/css-loader-5.2.7.tgz"
+  integrity sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==
+  dependencies:
+    icss-utils "^5.1.0"
+    loader-utils "^2.0.0"
+    postcss "^8.2.15"
+    postcss-modules-extract-imports "^3.0.0"
+    postcss-modules-local-by-default "^4.0.0"
+    postcss-modules-scope "^3.0.0"
+    postcss-modules-values "^4.0.0"
+    postcss-value-parser "^4.1.0"
+    schema-utils "^3.0.0"
+    semver "^7.3.5"
+
+css-select@^4.1.3:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
+css-select@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz"
+  integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.1.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    nth-check "^2.0.1"
+
+css-tree@^1.1.2, css-tree@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz"
+  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
+  dependencies:
+    mdn-data "2.0.14"
+    source-map "^0.6.1"
+
+css-tree@^2.2.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz"
+  integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
+  dependencies:
+    mdn-data "2.0.30"
+    source-map-js "^1.0.1"
+
+css-tree@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/css-tree/-/css-tree-3.1.0.tgz"
+  integrity sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==
+  dependencies:
+    mdn-data "2.12.2"
+    source-map-js "^1.0.1"
+
+css-tree@~2.2.0:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz"
+  integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==
+  dependencies:
+    mdn-data "2.0.28"
+    source-map-js "^1.0.1"
+
+css-what@^6.0.1, css-what@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+cssfilter@0.0.10:
+  version "0.0.10"
+  resolved "https://registry.npmjs.org/cssfilter/-/cssfilter-0.0.10.tgz"
+  integrity sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw==
+
+cssnano-preset-default@^5.2.14:
+  version "5.2.14"
+  resolved "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz"
+  integrity sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==
+  dependencies:
+    css-declaration-sorter "^6.3.1"
+    cssnano-utils "^3.1.0"
+    postcss-calc "^8.2.3"
+    postcss-colormin "^5.3.1"
+    postcss-convert-values "^5.1.3"
+    postcss-discard-comments "^5.1.2"
+    postcss-discard-duplicates "^5.1.0"
+    postcss-discard-empty "^5.1.1"
+    postcss-discard-overridden "^5.1.0"
+    postcss-merge-longhand "^5.1.7"
+    postcss-merge-rules "^5.1.4"
+    postcss-minify-font-values "^5.1.0"
+    postcss-minify-gradients "^5.1.1"
+    postcss-minify-params "^5.1.4"
+    postcss-minify-selectors "^5.2.1"
+    postcss-normalize-charset "^5.1.0"
+    postcss-normalize-display-values "^5.1.0"
+    postcss-normalize-positions "^5.1.1"
+    postcss-normalize-repeat-style "^5.1.1"
+    postcss-normalize-string "^5.1.0"
+    postcss-normalize-timing-functions "^5.1.0"
+    postcss-normalize-unicode "^5.1.1"
+    postcss-normalize-url "^5.1.0"
+    postcss-normalize-whitespace "^5.1.1"
+    postcss-ordered-values "^5.1.3"
+    postcss-reduce-initial "^5.1.2"
+    postcss-reduce-transforms "^5.1.0"
+    postcss-svgo "^5.1.0"
+    postcss-unique-selectors "^5.1.1"
+
+cssnano-preset-default@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-6.0.1.tgz"
+  integrity sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==
+  dependencies:
+    css-declaration-sorter "^6.3.1"
+    cssnano-utils "^4.0.0"
+    postcss-calc "^9.0.0"
+    postcss-colormin "^6.0.0"
+    postcss-convert-values "^6.0.0"
+    postcss-discard-comments "^6.0.0"
+    postcss-discard-duplicates "^6.0.0"
+    postcss-discard-empty "^6.0.0"
+    postcss-discard-overridden "^6.0.0"
+    postcss-merge-longhand "^6.0.0"
+    postcss-merge-rules "^6.0.1"
+    postcss-minify-font-values "^6.0.0"
+    postcss-minify-gradients "^6.0.0"
+    postcss-minify-params "^6.0.0"
+    postcss-minify-selectors "^6.0.0"
+    postcss-normalize-charset "^6.0.0"
+    postcss-normalize-display-values "^6.0.0"
+    postcss-normalize-positions "^6.0.0"
+    postcss-normalize-repeat-style "^6.0.0"
+    postcss-normalize-string "^6.0.0"
+    postcss-normalize-timing-functions "^6.0.0"
+    postcss-normalize-unicode "^6.0.0"
+    postcss-normalize-url "^6.0.0"
+    postcss-normalize-whitespace "^6.0.0"
+    postcss-ordered-values "^6.0.0"
+    postcss-reduce-initial "^6.0.0"
+    postcss-reduce-transforms "^6.0.0"
+    postcss-svgo "^6.0.0"
+    postcss-unique-selectors "^6.0.0"
+
+cssnano-utils@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz"
+  integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
+
+cssnano-utils@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-4.0.0.tgz"
+  integrity sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==
+
+cssnano@^5.1.14:
+  version "5.1.15"
+  resolved "https://registry.npmjs.org/cssnano/-/cssnano-5.1.15.tgz"
+  integrity sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==
+  dependencies:
+    cssnano-preset-default "^5.2.14"
+    lilconfig "^2.0.3"
+    yaml "^1.10.2"
+
+cssnano@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/cssnano/-/cssnano-6.0.1.tgz"
+  integrity sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==
+  dependencies:
+    cssnano-preset-default "^6.0.1"
+    lilconfig "^2.1.0"
+
+csso@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz"
+  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
+  dependencies:
+    css-tree "^1.1.2"
+
+csso@^5.0.5:
+  version "5.0.5"
+  resolved "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz"
+  integrity sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==
+  dependencies:
+    css-tree "~2.2.0"
+
+cssstyle@^5.3.0:
+  version "5.3.1"
+  resolved "https://registry.npmjs.org/cssstyle/-/cssstyle-5.3.1.tgz"
+  integrity sha512-g5PC9Aiph9eiczFpcgUhd9S4UUO3F+LHGRIi5NUMZ+4xtoIYbHNZwZnWA2JsFGe8OU8nl4WyaEFiZuGuxlutJQ==
+  dependencies:
+    "@asamuzakjp/css-color" "^4.0.3"
+    "@csstools/css-syntax-patches-for-csstree" "^1.0.14"
+    css-tree "^3.1.0"
+
+csstype@^3.1.0, csstype@^3.1.1, csstype@latest:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz"
+  integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
+
+cuint@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npmjs.org/cuint/-/cuint-0.2.2.tgz"
+  integrity sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw==
+
+damerau-levenshtein@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz"
+  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
+
+data-uri-to-buffer@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz"
+  integrity sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==
+
+data-urls@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/data-urls/-/data-urls-6.0.0.tgz"
+  integrity sha512-BnBS08aLUM+DKamupXs3w2tJJoqU+AkaE/+6vQxi/G/DPmIZFJJp9Dkb1kM03AZx8ADehDUZgsNxju3mPXZYIA==
+  dependencies:
+    whatwg-mimetype "^4.0.0"
+    whatwg-url "^15.0.0"
+
+date-fns-tz@^1.0.12:
+  version "1.3.8"
+  resolved "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-1.3.8.tgz"
+  integrity sha512-qwNXUFtMHTTU6CFSFjoJ80W8Fzzp24LntbjFFBgL/faqds4e5mo9mftoRLgr3Vi1trISsg4awSpYVsOQCRnapQ==
+
+date-fns@^2.16.1:
+  version "2.30.0"
+  resolved "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz"
+  integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+
+debug@^2.6.9:
+  version "2.6.9"
+  resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
+debug@^3.1.0:
+  version "3.2.7"
+  resolved "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@4:
+  version "4.3.4"
+  resolved "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
+debug@2.6.9:
+  version "2.6.9"
+  resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
+decimal.js@^10.5.0:
+  version "10.6.0"
+  resolved "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz"
+  integrity sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==
+
+deep-equal@^1.0.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz"
+  integrity sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==
+  dependencies:
+    is-arguments "^1.0.4"
+    is-date-object "^1.0.1"
+    is-regex "^1.0.4"
+    object-is "^1.0.1"
+    object-keys "^1.1.1"
+    regexp.prototype.flags "^1.2.0"
+
+deep-equal@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz"
+  integrity sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==
+
+deep-is@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+deepmerge@^4.2.2:
+  version "4.3.1"
+  resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
+define-lazy-prop@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz"
+  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
+
+define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz"
+  integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==
+  dependencies:
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+defu@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.npmjs.org/defu/-/defu-3.2.2.tgz"
+  integrity sha512-8UWj5lNv7HD+kB0e9w77Z7TdQlbUYDVWqITLHNqFIn6khrNHv5WQo38Dcm1f6HeNyZf0U7UbPf6WeZDSdCzGDQ==
+
+defu@^6.0.0, defu@^6.1.1, defu@^6.1.2:
+  version "6.1.2"
+  resolved "https://registry.npmjs.org/defu/-/defu-6.1.2.tgz"
+  integrity sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==
+
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz"
+  integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
+
+denque@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz"
+  integrity sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==
+
+depd@^2.0.0, depd@~2.0.0, depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
+depd@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz"
+  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
+
+destr@^2.0.0, destr@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/destr/-/destr-2.0.1.tgz"
+  integrity sha512-M1Ob1zPSIvlARiJUkKqvAZ3VAqQY6Jcuth/pBKQ2b1dX/Qx0OnJ8Vux6J2H5PTMQeRzWrrbTu70VxBfv/OPDJA==
+
+destroy@^1.0.4, destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
+detect-libc@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz"
+  integrity sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==
+
+devalue@^4.3.2:
+  version "4.3.2"
+  resolved "https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz"
+  integrity sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==
+
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
+dir-glob@^2.0.0:
+  version "2.2.2"
+  resolved "https://registry.npmjs.org/dir-glob/-/dir-glob-2.2.2.tgz"
+  integrity sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==
+  dependencies:
+    path-type "^3.0.0"
+
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
+doctrine@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz"
+  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
+  dependencies:
+    esutils "^2.0.2"
+
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
+dom7@^4.0.4:
+  version "4.0.6"
+  resolved "https://registry.npmjs.org/dom7/-/dom7-4.0.6.tgz"
+  integrity sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==
+  dependencies:
+    ssr-window "^4.0.0"
+
+domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
+dompurify@^2.2.0:
+  version "2.5.6"
+  resolved "https://registry.npmjs.org/dompurify/-/dompurify-2.5.6.tgz"
+  integrity sha512-zUTaUBO8pY4+iJMPE1B9XlO2tXVYIcEA4SNGtvDELzTSCQO7RzH+j7S180BmhmJId78lqGU2z19vgVx2Sxs/PQ==
+
+dompurify@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/dompurify/-/dompurify-3.3.0.tgz"
+  integrity sha512-r+f6MYR1gGN1eJv0TVQbhA7if/U7P87cdPl3HN5rikqaBSBxLiCb/b9O+2eG0cxz0ghyU+mU1QkbsOwERMYlWQ==
+  optionalDependencies:
+    "@types/trusted-types" "^2.0.7"
+
+domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+domutils@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz"
+  integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+
+dot-prop@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/dot-prop/-/dot-prop-7.2.0.tgz"
+  integrity sha512-Ol/IPXUARn9CSbkrdV4VJo7uCy1I3VuSiWCaFSg+8BdUOzF9n3jefIpcgAydvUZbTdEBZs2vEiTiS9m61ssiDA==
+  dependencies:
+    type-fest "^2.11.2"
+
+dotenv@^16.3.1:
+  version "16.3.1"
+  resolved "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz"
+  integrity sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==
+
+duplexer@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz"
+  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
+
+ecdsa-sig-formatter@1.0.11:
+  version "1.0.11"
+  resolved "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz"
+  integrity sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==
+  dependencies:
+    safe-buffer "^5.0.1"
+
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
+ejs@^3.1.6:
+  version "3.1.9"
+  resolved "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz"
+  integrity sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==
+  dependencies:
+    jake "^10.8.5"
+
+electron-to-chromium@^1.5.160:
+  version "1.5.161"
+  resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.161.tgz"
+  integrity sha512-hwtetwfKNZo/UlwHIVBlKZVdy7o8bIZxxKs0Mv/ROPiQQQmDgdm5a+KvKtBsxM8ZjFzTaCeLoodZ8jiBE3o9rA==
+
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
+emoji-regex@^9.2.2:
+  version "9.2.2"
+  resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
+emojis-list@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz"
+  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+
+encodeurl@^1.0.2, encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz"
+  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
+end-of-stream@^1.4.1:
+  version "1.4.4"
+  resolved "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
+enhanced-resolve@^4.1.1:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz"
+  integrity sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==
+  dependencies:
+    graceful-fs "^4.1.2"
+    memory-fs "^0.5.0"
+    tapable "^1.0.0"
+
+enhanced-resolve@^5.14.1:
+  version "5.15.0"
+  resolved "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz"
+  integrity sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
+entities@^4.2.0, entities@^4.4.0:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
+entities@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz"
+  integrity sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==
+
+errno@^0.1.3:
+  version "0.1.8"
+  resolved "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz"
+  integrity sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==
+  dependencies:
+    prr "~1.0.1"
+
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
+es-abstract@^1.19.0, es-abstract@^1.20.4:
+  version "1.22.1"
+  resolved "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz"
+  integrity sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==
+  dependencies:
+    array-buffer-byte-length "^1.0.0"
+    arraybuffer.prototype.slice "^1.0.1"
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.2"
+    es-set-tostringtag "^2.0.1"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.5"
+    get-intrinsic "^1.2.1"
+    get-symbol-description "^1.0.0"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
+    has "^1.0.3"
+    has-property-descriptors "^1.0.0"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.5"
+    is-array-buffer "^3.0.2"
+    is-callable "^1.2.7"
+    is-negative-zero "^2.0.2"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.2"
+    is-string "^1.0.7"
+    is-typed-array "^1.1.10"
+    is-weakref "^1.0.2"
+    object-inspect "^1.12.3"
+    object-keys "^1.1.1"
+    object.assign "^4.1.4"
+    regexp.prototype.flags "^1.5.0"
+    safe-array-concat "^1.0.0"
+    safe-regex-test "^1.0.0"
+    string.prototype.trim "^1.2.7"
+    string.prototype.trimend "^1.0.6"
+    string.prototype.trimstart "^1.0.6"
+    typed-array-buffer "^1.0.0"
+    typed-array-byte-length "^1.0.0"
+    typed-array-byte-offset "^1.0.0"
+    typed-array-length "^1.0.4"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.10"
+
+es-set-tostringtag@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz"
+  integrity sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==
+  dependencies:
+    get-intrinsic "^1.1.3"
+    has "^1.0.3"
+    has-tostringtag "^1.0.0"
+
+es-shim-unscopables@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz"
+  integrity sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==
+  dependencies:
+    has "^1.0.3"
+
+es-to-primitive@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz"
+  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
+  dependencies:
+    is-callable "^1.1.4"
+    is-date-object "^1.0.1"
+    is-symbol "^1.0.2"
+
+esbuild@^0.17.5:
+  version "0.17.19"
+  resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz"
+  integrity sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.17.19"
+    "@esbuild/android-arm64" "0.17.19"
+    "@esbuild/android-x64" "0.17.19"
+    "@esbuild/darwin-arm64" "0.17.19"
+    "@esbuild/darwin-x64" "0.17.19"
+    "@esbuild/freebsd-arm64" "0.17.19"
+    "@esbuild/freebsd-x64" "0.17.19"
+    "@esbuild/linux-arm" "0.17.19"
+    "@esbuild/linux-arm64" "0.17.19"
+    "@esbuild/linux-ia32" "0.17.19"
+    "@esbuild/linux-loong64" "0.17.19"
+    "@esbuild/linux-mips64el" "0.17.19"
+    "@esbuild/linux-ppc64" "0.17.19"
+    "@esbuild/linux-riscv64" "0.17.19"
+    "@esbuild/linux-s390x" "0.17.19"
+    "@esbuild/linux-x64" "0.17.19"
+    "@esbuild/netbsd-x64" "0.17.19"
+    "@esbuild/openbsd-x64" "0.17.19"
+    "@esbuild/sunos-x64" "0.17.19"
+    "@esbuild/win32-arm64" "0.17.19"
+    "@esbuild/win32-ia32" "0.17.19"
+    "@esbuild/win32-x64" "0.17.19"
+
+esbuild@^0.18.10, esbuild@^0.18.11:
+  version "0.18.19"
+  resolved "https://registry.npmjs.org/esbuild/-/esbuild-0.18.19.tgz"
+  integrity sha512-ra3CaIKCzJp5bU5BDfrCc0FRqKj71fQi+gbld0aj6lN0ifuX2fWJYPgLVLGwPfA+ruKna+OWwOvf/yHj6n+i0g==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.18.19"
+    "@esbuild/android-arm64" "0.18.19"
+    "@esbuild/android-x64" "0.18.19"
+    "@esbuild/darwin-arm64" "0.18.19"
+    "@esbuild/darwin-x64" "0.18.19"
+    "@esbuild/freebsd-arm64" "0.18.19"
+    "@esbuild/freebsd-x64" "0.18.19"
+    "@esbuild/linux-arm" "0.18.19"
+    "@esbuild/linux-arm64" "0.18.19"
+    "@esbuild/linux-ia32" "0.18.19"
+    "@esbuild/linux-loong64" "0.18.19"
+    "@esbuild/linux-mips64el" "0.18.19"
+    "@esbuild/linux-ppc64" "0.18.19"
+    "@esbuild/linux-riscv64" "0.18.19"
+    "@esbuild/linux-s390x" "0.18.19"
+    "@esbuild/linux-x64" "0.18.19"
+    "@esbuild/netbsd-x64" "0.18.19"
+    "@esbuild/openbsd-x64" "0.18.19"
+    "@esbuild/sunos-x64" "0.18.19"
+    "@esbuild/win32-arm64" "0.18.19"
+    "@esbuild/win32-ia32" "0.18.19"
+    "@esbuild/win32-x64" "0.18.19"
+
+escalade@^3.1.1, escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
+escape-html@^1.0.3, escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz"
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+escape-string-regexp@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz"
+  integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==
+
+eslint-ast-utils@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/eslint-ast-utils/-/eslint-ast-utils-1.1.0.tgz"
+  integrity sha512-otzzTim2/1+lVrlH19EfQQJEhVJSu0zOb9ygb3iapN6UlyaDtyRq4b5U1FuW0v1lRa9Fp/GJyHkSwm6NqABgCA==
+  dependencies:
+    lodash.get "^4.4.2"
+    lodash.zip "^4.2.0"
+
+eslint-config-prettier@~8.5.0:
+  version "8.5.0"
+  resolved "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz"
+  integrity sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==
+
+eslint-import-resolver-babel-module@~5.3.0:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/eslint-import-resolver-babel-module/-/eslint-import-resolver-babel-module-5.3.2.tgz"
+  integrity sha512-K7D8n0O6p/JJncPote8yiuB7chJfu26Yn/Q3gzT53cNzJNS0NUCkI0iuimj4/vWVRHVQvPnYWeq07V8RvKjz/A==
+  dependencies:
+    pkg-up "^3.1.0"
+    resolve "^1.20.0"
+
+eslint-import-resolver-node@^0.3.6:
+  version "0.3.8"
+  resolved "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.8.tgz"
+  integrity sha512-tEe+Pok22qIGaK3KoMP+N96GVDS66B/zreoVVmiavLvRUEmGRtvb4B8wO9jwnb8d2lvHtrkhZ7UD73dWBVnf/Q==
+  dependencies:
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
+
+eslint-module-utils@^2.1.1, eslint-module-utils@^2.7.3:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz"
+  integrity sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==
+  dependencies:
+    debug "^3.2.7"
+
+eslint-plugin-babel@~5.3.1:
+  version "5.3.1"
+  resolved "https://registry.npmjs.org/eslint-plugin-babel/-/eslint-plugin-babel-5.3.1.tgz"
+  integrity sha512-VsQEr6NH3dj664+EyxJwO4FCYm/00JhYb3Sk3ft8o+fpKuIfQ9TaW6uVUfvwMXHcf/lsnRIoyFPsLMyiWCSL/g==
+  dependencies:
+    eslint-rule-composer "^0.3.0"
+
+eslint-plugin-es@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz"
+  integrity sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==
+  dependencies:
+    eslint-utils "^2.0.0"
+    regexpp "^3.0.0"
+
+eslint-plugin-eslint-comments@~3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-eslint-comments/-/eslint-plugin-eslint-comments-3.2.0.tgz"
+  integrity sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==
+  dependencies:
+    escape-string-regexp "^1.0.5"
+    ignore "^5.0.5"
+
+eslint-plugin-flowtype@~8.0.3:
+  version "8.0.3"
+  resolved "https://registry.npmjs.org/eslint-plugin-flowtype/-/eslint-plugin-flowtype-8.0.3.tgz"
+  integrity sha512-dX8l6qUL6O+fYPtpNRideCFSpmWOUVx5QcaGLVqe/vlDiBSe4vYljDWDETwnyFzpl7By/WVIu6rcrniCgH9BqQ==
+  dependencies:
+    lodash "^4.17.21"
+    string-natural-compare "^3.0.1"
+
+eslint-plugin-fp@~2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-fp/-/eslint-plugin-fp-2.3.0.tgz"
+  integrity sha512-3n2oHibwoIxAht9/+ZaTldhI6brXORgl8oNXqZd+d9xuAQt2SBJ2/aml0oQRMWvXrgsz2WG6wfC++NjzSG3prA==
+  dependencies:
+    create-eslint-index "^1.0.0"
+    eslint-ast-utils "^1.0.0"
+    lodash "^4.13.1"
+    req-all "^0.1.0"
+
+eslint-plugin-import@~2.26.0:
+  version "2.26.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz"
+  integrity sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==
+  dependencies:
+    array-includes "^3.1.4"
+    array.prototype.flat "^1.2.5"
+    debug "^2.6.9"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.6"
+    eslint-module-utils "^2.7.3"
+    has "^1.0.3"
+    is-core-module "^2.8.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.values "^1.1.5"
+    resolve "^1.22.0"
+    tsconfig-paths "^3.14.1"
+
+eslint-plugin-jest@~26.9.0:
+  version "26.9.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-26.9.0.tgz"
+  integrity sha512-TWJxWGp1J628gxh2KhaH1H1paEdgE2J61BBF1I59c6xWeL5+D1BzMxGDN/nXAfX+aSkR5u80K+XhskK6Gwq9ng==
+  dependencies:
+    "@typescript-eslint/utils" "^5.10.0"
+
+eslint-plugin-jsx-a11y@~6.6.0:
+  version "6.6.1"
+  resolved "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.6.1.tgz"
+  integrity sha512-sXgFVNHiWffBq23uiS/JaP6eVR622DqwB4yTzKvGZGcPq6/yZ3WmOZfuBks/vHWo9GaFOqC2ZK4i6+C35knx7Q==
+  dependencies:
+    "@babel/runtime" "^7.18.9"
+    aria-query "^4.2.2"
+    array-includes "^3.1.5"
+    ast-types-flow "^0.0.7"
+    axe-core "^4.4.3"
+    axobject-query "^2.2.0"
+    damerau-levenshtein "^1.0.8"
+    emoji-regex "^9.2.2"
+    has "^1.0.3"
+    jsx-ast-utils "^3.3.2"
+    language-tags "^1.0.5"
+    minimatch "^3.1.2"
+    semver "^6.3.0"
+
+eslint-plugin-monorepo@~0.3.1:
+  version "0.3.2"
+  resolved "https://registry.npmjs.org/eslint-plugin-monorepo/-/eslint-plugin-monorepo-0.3.2.tgz"
+  integrity sha512-CypTAqHjTR05XxzqDj7x88oVu2GiqqQA/datD9kIwciHzpj0oE4YbTdyEFFKADgd7dbd21KliSlUpOvo626FBw==
+  dependencies:
+    eslint-module-utils "^2.1.1"
+    get-monorepo-packages "^1.1.0"
+    globby "^7.1.1"
+    load-json-file "^4.0.0"
+    minimatch "^3.0.4"
+    parse-package-name "^0.1.0"
+    path-is-inside "^1.0.2"
+
+eslint-plugin-node@~11.1.0:
+  version "11.1.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz"
+  integrity sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==
+  dependencies:
+    eslint-plugin-es "^3.0.0"
+    eslint-utils "^2.0.0"
+    ignore "^5.1.1"
+    minimatch "^3.0.4"
+    resolve "^1.10.1"
+    semver "^6.1.0"
+
+eslint-plugin-react-hooks@~4.6.0:
+  version "4.6.0"
+  resolved "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz"
+  integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
+
+eslint-plugin-react@~7.31.0:
+  version "7.31.11"
+  resolved "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.31.11.tgz"
+  integrity sha512-TTvq5JsT5v56wPa9OYHzsrOlHzKZKjV+aLgS+55NJP/cuzdiQPC7PfYoUjMoxlffKtvijpk7vA/jmuqRb9nohw==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flatmap "^1.3.1"
+    array.prototype.tosorted "^1.1.1"
+    doctrine "^2.1.0"
+    estraverse "^5.3.0"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    minimatch "^3.1.2"
+    object.entries "^1.1.6"
+    object.fromentries "^2.0.6"
+    object.hasown "^1.1.2"
+    object.values "^1.1.6"
+    prop-types "^15.8.1"
+    resolve "^2.0.0-next.3"
+    semver "^6.3.0"
+    string.prototype.matchall "^4.0.8"
+
+eslint-plugin-vue@^9.16.1:
+  version "9.16.1"
+  resolved "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.16.1.tgz"
+  integrity sha512-2FtnTqazA6aYONfDuOZTk0QzwhAwi7Z4+uJ7+GHeGxcKapjqWlDsRWDenvyG/utyOfAS5bVRmAG3cEWiYEz2bA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    natural-compare "^1.4.0"
+    nth-check "^2.1.1"
+    postcss-selector-parser "^6.0.13"
+    semver "^7.5.4"
+    vue-eslint-parser "^9.3.1"
+    xml-name-validator "^4.0.0"
+
+eslint-rule-composer@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz"
+  integrity sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==
+
+eslint-scope@^5.1.1, eslint-scope@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz"
+  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^4.1.1"
+
+eslint-scope@^7.1.1:
+  version "7.2.2"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-utils@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz"
+  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
+eslint-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz"
+  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
+  dependencies:
+    eslint-visitor-keys "^2.0.0"
+
+eslint-visitor-keys@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz"
+  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
+
+eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz"
+  integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
+
+eslint-visitor-keys@^3.3.0:
+  version "3.4.2"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz"
+  integrity sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==
+
+eslint-visitor-keys@^3.4.1:
+  version "3.4.2"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz"
+  integrity sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==
+
+eslint-visitor-keys@^3.4.2:
+  version "3.4.2"
+  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz"
+  integrity sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==
+
+eslint@^8.39.0:
+  version "8.46.0"
+  resolved "https://registry.npmjs.org/eslint/-/eslint-8.46.0.tgz"
+  integrity sha512-cIO74PvbW0qU8e0mIvk5IV3ToWdCq5FYG6gWPHHkx6gNdjlbAYvtfHmlCMXxjcoVaIdwy/IAt3+mDkZkfvb2Dg==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.1"
+    "@eslint/js" "^8.46.0"
+    "@humanwhocodes/config-array" "^0.11.10"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.2"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+espree@^9.3.1, espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
+esquery@^1.4.0, esquery@^1.4.2:
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz"
+  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^4.1.1:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
+
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+estree-walker@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz"
+  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
+
+estree-walker@^2.0.1, estree-walker@2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
+estree-walker@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
+estree-walker@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz"
+  integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
+  dependencies:
+    "@types/estree" "^1.0.0"
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+etag@^1.8.1, etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
+eventemitter3@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz"
+  integrity sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg==
+
+eventemitter3@^4.0.0:
+  version "4.0.7"
+  resolved "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz"
+  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
+
+execa@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz"
+  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.0"
+
+execa@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz"
+  integrity sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.1"
+    human-signals "^4.3.0"
+    is-stream "^3.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^5.1.0"
+    onetime "^6.0.0"
+    signal-exit "^3.0.7"
+    strip-final-newline "^3.0.0"
+
+extend@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
+externality@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/externality/-/externality-1.0.2.tgz"
+  integrity sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==
+  dependencies:
+    enhanced-resolve "^5.14.1"
+    mlly "^1.3.0"
+    pathe "^1.1.1"
+    ufo "^1.1.2"
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-diff@1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz"
+  integrity sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==
+
+fast-diff@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz"
+  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
+
+fast-glob@^3.2.12, fast-glob@^3.2.7, fast-glob@^3.2.9, fast-glob@^3.3.0, fast-glob@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz"
+  integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fast-levenshtein@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fastq@^1.6.0:
+  version "1.15.0"
+  resolved "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz"
+  integrity sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==
+  dependencies:
+    reusify "^1.0.4"
+
+fetch-blob@^3.1.2, fetch-blob@^3.1.4:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz"
+  integrity sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==
+  dependencies:
+    node-domexception "^1.0.0"
+    web-streams-polyfill "^3.0.3"
+
+fflate@^0.4.8:
+  version "0.4.8"
+  resolved "https://registry.npmjs.org/fflate/-/fflate-0.4.8.tgz"
+  integrity sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==
+
+file-entry-cache@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz"
+  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+  dependencies:
+    flat-cache "^3.0.4"
+
+file-selector@^0.2.4:
+  version "0.2.4"
+  resolved "https://registry.npmjs.org/file-selector/-/file-selector-0.2.4.tgz"
+  integrity sha512-ZDsQNbrv6qRi1YTDOEWzf5J2KjZ9KMI1Q2SGeTkCJmNNW25Jg4TW4UMcmoqcg4WrAyKRcpBXdbWRxkfrOzVRbA==
+  dependencies:
+    tslib "^2.0.3"
+
+file-uri-to-path@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz"
+  integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
+
+filelist@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz"
+  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
+  dependencies:
+    minimatch "^5.0.1"
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+find-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz"
+  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
+  dependencies:
+    locate-path "^3.0.0"
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+flat-cache@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz"
+  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
+  dependencies:
+    flatted "^3.1.0"
+    rimraf "^3.0.2"
+
+flat@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz"
+  integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
+
+flatted@^3.1.0:
+  version "3.2.7"
+  resolved "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz"
+  integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
+
+floating-vue@^2.0.0-beta.24:
+  version "2.0.0-beta.24"
+  resolved "https://registry.npmjs.org/floating-vue/-/floating-vue-2.0.0-beta.24.tgz"
+  integrity sha512-URSzP6YXaF4u1oZ9XGL8Sn8puuM7ivp5jkOUrpy5Q1mfo9BfGppJOn+ierTmsSUfJEeHBae8KT7r5DeI3vQIEw==
+  dependencies:
+    "@floating-ui/dom" "~1.1.1"
+    vue-resize "^2.0.0-alpha.1"
+
+follow-redirects@^1.0.0:
+  version "1.15.2"
+  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz"
+  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
+
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
+formdata-polyfill@^4.0.10:
+  version "4.0.10"
+  resolved "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz"
+  integrity sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==
+  dependencies:
+    fetch-blob "^3.1.2"
+
+fraction.js@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz"
+  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
+
+fresh@~0.5.2, fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
+fs-constants@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz"
+  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
+
+fs-extra@^11.1.0, fs-extra@^11.1.1:
+  version "11.1.1"
+  resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz"
+  integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-extra@^9.0.1:
+  version "9.1.0"
+  resolved "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz"
+  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+  dependencies:
+    at-least-node "^1.0.0"
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fs-minipass@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz"
+  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
+  dependencies:
+    minipass "^3.0.0"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
+  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+
+function.prototype.name@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz"
+  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.19.0"
+    functions-have-names "^1.2.2"
+
+functional-red-black-tree@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz"
+  integrity sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==
+
+functions-have-names@^1.2.2, functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
+gauge@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz"
+  integrity sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==
+  dependencies:
+    aproba "^1.0.3 || ^2.0.0"
+    color-support "^1.1.2"
+    console-control-strings "^1.0.0"
+    has-unicode "^2.0.1"
+    object-assign "^4.1.1"
+    signal-exit "^3.0.0"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+    wide-align "^1.1.2"
+
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
+get-caller-file@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0, get-intrinsic@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz"
+  integrity sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==
+  dependencies:
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+
+get-monorepo-packages@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/get-monorepo-packages/-/get-monorepo-packages-1.2.0.tgz"
+  integrity sha512-aDP6tH+eM3EuVSp3YyCutOcFS4Y9AhRRH9FAd+cjtR/g63Hx+DCXdKoP1ViRPUJz5wm+BOEXB4FhoffGHxJ7jQ==
+  dependencies:
+    globby "^7.1.1"
+    load-json-file "^4.0.0"
+
+get-own-enumerable-property-symbols@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz"
+  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
+
+get-port-please@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/get-port-please/-/get-port-please-3.0.1.tgz"
+  integrity sha512-R5pcVO8Z1+pVDu8Ml3xaJCEkBiiy1VQN9za0YqH8GIi1nIqD4IzQhzY6dDzMRtdS1lyiGlucRzm8IN8wtLIXng==
+
+get-stream@^6.0.0, get-stream@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz"
+  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
+
+get-symbol-description@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz"
+  integrity sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.1"
+
+giget@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/giget/-/giget-1.1.2.tgz"
+  integrity sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==
+  dependencies:
+    colorette "^2.0.19"
+    defu "^6.1.2"
+    https-proxy-agent "^5.0.1"
+    mri "^1.2.0"
+    node-fetch-native "^1.0.2"
+    pathe "^1.1.0"
+    tar "^6.1.13"
+
+git-config-path@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/git-config-path/-/git-config-path-2.0.0.tgz"
+  integrity sha512-qc8h1KIQbJpp+241id3GuAtkdyJ+IK+LIVtkiFTRKRrmddDzs3SI9CvP1QYmWBFvm1I/PWRwj//of8bgAc0ltA==
+
+git-up@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/git-up/-/git-up-7.0.0.tgz"
+  integrity sha512-ONdIrbBCFusq1Oy0sC71F5azx8bVkvtZtMJAsv+a6lz5YAmbNnLD6HAB4gptHZVLPR8S2/kVN6Gab7lryq5+lQ==
+  dependencies:
+    is-ssh "^1.4.0"
+    parse-url "^8.1.0"
+
+git-url-parse@^13.1.0:
+  version "13.1.0"
+  resolved "https://registry.npmjs.org/git-url-parse/-/git-url-parse-13.1.0.tgz"
+  integrity sha512-5FvPJP/70WkIprlUZ33bm4UAaFdjcLkJLpWft1BeZKqwR0uhhNGoKwlUaPtVb4LxCSQ++erHapRak9kWGj+FCA==
+  dependencies:
+    git-up "^7.0.0"
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob@^7.1.2:
+  version "7.2.3"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.1.3:
+  version "7.2.3"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.1.4:
+  version "7.2.3"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.1.6:
+  version "7.2.3"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.2.0:
+  version "7.2.3"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
+  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.1.1"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^8.0.3:
+  version "8.1.0"
+  resolved "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz"
+  integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^5.0.1"
+    once "^1.3.0"
+
+glob@7.1.6:
+  version "7.1.6"
+  resolved "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+globals@^11.1.0:
+  version "11.12.0"
+  resolved "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz"
+  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
+
+globals@^13.19.0:
+  version "13.20.0"
+  resolved "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz"
+  integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
+  dependencies:
+    type-fest "^0.20.2"
+
+globalthis@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz"
+  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
+  dependencies:
+    define-properties "^1.1.3"
+
+globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
+globby@^13.2.0, globby@^13.2.2:
+  version "13.2.2"
+  resolved "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz"
+  integrity sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==
+  dependencies:
+    dir-glob "^3.0.1"
+    fast-glob "^3.3.0"
+    ignore "^5.2.4"
+    merge2 "^1.4.1"
+    slash "^4.0.0"
+
+globby@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.npmjs.org/globby/-/globby-7.1.1.tgz"
+  integrity sha512-yANWAN2DUcBtuus5Cpd+SKROzXHs2iVXFZt/Ykrfz6SAXqacLX25NZpltE+39ceMexYF4TtEadjuSTw8+3wX4g==
+  dependencies:
+    array-union "^1.0.1"
+    dir-glob "^2.0.0"
+    glob "^7.1.2"
+    ignore "^3.3.5"
+    pify "^3.0.0"
+    slash "^1.0.0"
+
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.9:
+  version "4.2.11"
+  resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
+gzip-size@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/gzip-size/-/gzip-size-7.0.0.tgz"
+  integrity sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==
+  dependencies:
+    duplexer "^0.1.2"
+
+h3@^1.6.6, h3@^1.7.1:
+  version "1.7.1"
+  resolved "https://registry.npmjs.org/h3/-/h3-1.7.1.tgz"
+  integrity sha512-A9V2NEDNHet7v1gCg7CMwerSigLi0SRbhTy7C3lGb0N4YKIpPmLDjedTUopqp4dnn7COHfqUjjaz3zbtz4QduA==
+  dependencies:
+    cookie-es "^1.0.0"
+    defu "^6.1.2"
+    destr "^2.0.0"
+    iron-webcrypto "^0.7.0"
+    radix3 "^1.0.1"
+    ufo "^1.1.2"
+    uncrypto "^0.1.3"
+
+h3@^1.8.0-rc.2:
+  version "1.8.0-rc.3"
+  resolved "https://registry.npmjs.org/h3/-/h3-1.8.0-rc.3.tgz"
+  integrity sha512-NhDCNXhrJkt42BDQF57787yXJa2eX2Hl4OMlu+Ym9QBdBaOByUjBrovYaBc+27mtIhHvs2IqPf56to8qcNBI7Q==
+  dependencies:
+    cookie-es "^1.0.0"
+    defu "^6.1.2"
+    destr "^2.0.1"
+    iron-webcrypto "^0.8.0"
+    radix3 "^1.0.1"
+    ufo "^1.2.0"
+    uncrypto "^0.1.3"
+    unenv "^1.6.1"
+
+has-bigints@^1.0.1, has-bigints@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz"
+  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+has-property-descriptors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz"
+  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
+  dependencies:
+    get-intrinsic "^1.1.1"
+
+has-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz"
+  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
+
+has-symbols@^1.0.2, has-symbols@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz"
+  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
+has-tostringtag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz"
+  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
+  dependencies:
+    has-symbols "^1.0.2"
+
+has-unicode@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz"
+  integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==
+
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/has/-/has-1.0.3.tgz"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  dependencies:
+    function-bind "^1.1.1"
+
+hash-sum@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz"
+  integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
+
+hookable@^5.5.3:
+  version "5.5.3"
+  resolved "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz"
+  integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
+
+html-encoding-sniffer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz"
+  integrity sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==
+  dependencies:
+    whatwg-encoding "^3.1.1"
+
+html-tags@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz"
+  integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
+
+html2canvas@^1.0.0-rc.5:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz"
+  integrity sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==
+  dependencies:
+    css-line-break "^2.1.0"
+    text-segmentation "^1.0.3"
+
+http-assert@^1.3.0:
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/http-assert/-/http-assert-1.5.0.tgz"
+  integrity sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==
+  dependencies:
+    deep-equal "~1.0.1"
+    http-errors "~1.8.0"
+
+http-errors@^1.6.3:
+  version "1.8.1"
+  resolved "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz"
+  integrity sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses ">= 1.5.0 < 2"
+    toidentifier "1.0.1"
+
+http-errors@^1.7.3:
+  version "1.8.1"
+  resolved "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz"
+  integrity sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses ">= 1.5.0 < 2"
+    toidentifier "1.0.1"
+
+http-errors@~1.6.2:
+  version "1.6.3"
+  resolved "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz"
+  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.3"
+    setprototypeof "1.1.0"
+    statuses ">= 1.4.0 < 2"
+
+http-errors@~1.8.0:
+  version "1.8.1"
+  resolved "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz"
+  integrity sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses ">= 1.5.0 < 2"
+    toidentifier "1.0.1"
+
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
+http-graceful-shutdown@^3.1.13:
+  version "3.1.13"
+  resolved "https://registry.npmjs.org/http-graceful-shutdown/-/http-graceful-shutdown-3.1.13.tgz"
+  integrity sha512-Ci5LRufQ8AtrQ1U26AevS8QoMXDOhnAHCJI3eZu1com7mZGHxREmw3dNj85ftpQokQCvak8nI2pnFS8zyM1M+Q==
+  dependencies:
+    debug "^4.3.4"
+
+http-proxy-agent@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz"
+  integrity sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==
+  dependencies:
+    agent-base "^7.1.0"
+    debug "^4.3.4"
+
+http-proxy@^1.18.1:
+  version "1.18.1"
+  resolved "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz"
+  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
+  dependencies:
+    eventemitter3 "^4.0.0"
+    follow-redirects "^1.0.0"
+    requires-port "^1.0.0"
+
+http-shutdown@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/http-shutdown/-/http-shutdown-1.2.2.tgz"
+  integrity sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==
+
+https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz"
+  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
+  dependencies:
+    agent-base "6"
+    debug "4"
+
+https-proxy-agent@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz"
+  integrity sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==
+  dependencies:
+    agent-base "^7.1.2"
+    debug "4"
+
+human-signals@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz"
+  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+
+human-signals@^4.3.0:
+  version "4.3.1"
+  resolved "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz"
+  integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
+
+iconv-lite@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
+icss-utils@^5.0.0, icss-utils@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz"
+  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
+
+idb@^7.0.1:
+  version "7.1.1"
+  resolved "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz"
+  integrity sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==
+
+ieee754@^1.1.13:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz"
+  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
+
+ignore@^3.3.5:
+  version "3.3.10"
+  resolved "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz"
+  integrity sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==
+
+ignore@^5.0.5, ignore@^5.1.1, ignore@^5.2.0, ignore@^5.2.4:
+  version "5.2.4"
+  resolved "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz"
+  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
+
+immutable@^4.0.0:
+  version "4.3.2"
+  resolved "https://registry.npmjs.org/immutable/-/immutable-4.3.2.tgz"
+  integrity sha512-oGXzbEDem9OOpDWZu88jGiYCvIsLHMvGw+8OXlpsvTFvIQplQbjg1B1cvKg8f7Hoch6+NGjpPsH1Fr+Mc2D1aA==
+
+import-fresh@^3.2.1:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz"
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz"
+  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@2, inherits@2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+inherits@2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz"
+  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
+
+ini@^1.3.5:
+  version "1.3.8"
+  resolved "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+internal-slot@^1.0.3, internal-slot@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz"
+  integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==
+  dependencies:
+    get-intrinsic "^1.2.0"
+    has "^1.0.3"
+    side-channel "^1.0.4"
+
+ioredis@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/ioredis/-/ioredis-5.3.2.tgz"
+  integrity sha512-1DKMMzlIHM02eBBVOFQ1+AolGjs6+xEcM4PDL7NqOS6szq7H9jSaEkIUH6/a5Hl241LzW6JLSiAbNvTQjUupUA==
+  dependencies:
+    "@ioredis/commands" "^1.1.1"
+    cluster-key-slot "^1.1.0"
+    debug "^4.3.4"
+    denque "^2.1.0"
+    lodash.defaults "^4.2.0"
+    lodash.isarguments "^3.1.0"
+    redis-errors "^1.2.0"
+    redis-parser "^3.0.0"
+    standard-as-callback "^2.1.0"
+
+iron-webcrypto@^0.7.0:
+  version "0.7.1"
+  resolved "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-0.7.1.tgz"
+  integrity sha512-K/UmlEhPCPXEHV5hAtH5C0tI5JnFuOrv4yO/j7ODPl3HaiiHBLbOLTde+ieUaAyfCATe4LoAnclyF+hmSCOVmQ==
+
+iron-webcrypto@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-0.8.0.tgz"
+  integrity sha512-gScdcWHjTGclCU15CIv2r069NoQrys1UeUFFfaO1hL++ytLHkVw7N5nXJmFf3J2LEDMz1PkrvC0m62JEeu1axQ==
+
+is-arguments@^1.0.4:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz"
+  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz"
+  integrity sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.0"
+    is-typed-array "^1.1.10"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
+is-bigint@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz"
+  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+  dependencies:
+    has-bigints "^1.0.1"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-boolean-object@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz"
+  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-builtin-module@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz"
+  integrity sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==
+  dependencies:
+    builtin-modules "^3.3.0"
+
+is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
+is-core-module@^2.13.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
+  version "2.13.0"
+  resolved "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz"
+  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
+  dependencies:
+    has "^1.0.3"
+
+is-date-object@^1.0.1:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz"
+  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-docker@^2.0.0:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
+is-docker@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz"
+  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
+
+is-docker@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz"
+  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
+is-generator-function@^1.0.7:
+  version "1.0.10"
+  resolved "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz"
+  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz"
+  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
+
+is-negative-zero@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz"
+  integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
+
+is-number-object@^1.0.4:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz"
+  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-obj@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz"
+  integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
+
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-potential-custom-element-name@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz"
+  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
+
+is-primitive@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/is-primitive/-/is-primitive-3.0.1.tgz"
+  integrity sha512-GljRxhWvlCNRfZyORiH77FwdFwGcMO620o37EOYC0ORWdq+WYNVqW0w2Juzew4M+L81l6/QS3t5gkkihyRqv9w==
+
+is-promise@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz"
+  integrity sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==
+
+is-reference@1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz"
+  integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
+  dependencies:
+    "@types/estree" "*"
+
+is-regex@^1.0.4, is-regex@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz"
+  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-regexp@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/is-regexp/-/is-regexp-1.0.0.tgz"
+  integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
+
+is-shared-array-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz"
+  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-ssh@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/is-ssh/-/is-ssh-1.4.0.tgz"
+  integrity sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==
+  dependencies:
+    protocols "^2.0.1"
+
+is-stream@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz"
+  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
+
+is-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz"
+  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
+
+is-string@^1.0.5, is-string@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz"
+  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-symbol@^1.0.2, is-symbol@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz"
+  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+  dependencies:
+    has-symbols "^1.0.2"
+
+is-typed-array@^1.1.10, is-typed-array@^1.1.9:
+  version "1.1.12"
+  resolved "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz"
+  integrity sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==
+  dependencies:
+    which-typed-array "^1.1.11"
+
+is-unicode-supported@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz"
+  integrity sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==
+
+is-weakref@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz"
+  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-wsl@^2.1.1, is-wsl@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz"
+  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
+  dependencies:
+    is-docker "^2.0.0"
+
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz"
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+isomorphic-dompurify@^2.29.0:
+  version "2.29.0"
+  resolved "https://registry.npmjs.org/isomorphic-dompurify/-/isomorphic-dompurify-2.29.0.tgz"
+  integrity sha512-Bgw5M9GMsuGeGSRpS81gk68t9/+r3AwuJJ5WnSxZK+tuazDodlRgmwz4ItMAfNYDgiNaizREYeiefkFQWkG7ow==
+  dependencies:
+    dompurify "^3.3.0"
+    jsdom "^27.0.0"
+
+jake@^10.8.5:
+  version "10.8.7"
+  resolved "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz"
+  integrity sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==
+  dependencies:
+    async "^3.2.3"
+    chalk "^4.0.2"
+    filelist "^1.0.4"
+    minimatch "^3.1.2"
+
+jest-worker@^26.2.1:
+  version "26.6.2"
+  resolved "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz"
+  integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==
+  dependencies:
+    "@types/node" "*"
+    merge-stream "^2.0.0"
+    supports-color "^7.0.0"
+
+jiti@^1.18.2, jiti@^1.19.1:
+  version "1.19.1"
+  resolved "https://registry.npmjs.org/jiti/-/jiti-1.19.1.tgz"
+  integrity sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg==
+
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsdom@^27.0.0:
+  version "27.0.0"
+  resolved "https://registry.npmjs.org/jsdom/-/jsdom-27.0.0.tgz"
+  integrity sha512-lIHeR1qlIRrIN5VMccd8tI2Sgw6ieYXSVktcSHaNe3Z5nE/tcPQYQWOq00wxMvYOsz+73eAkNenVvmPC6bba9A==
+  dependencies:
+    "@asamuzakjp/dom-selector" "^6.5.4"
+    cssstyle "^5.3.0"
+    data-urls "^6.0.0"
+    decimal.js "^10.5.0"
+    html-encoding-sniffer "^4.0.0"
+    http-proxy-agent "^7.0.2"
+    https-proxy-agent "^7.0.6"
+    is-potential-custom-element-name "^1.0.1"
+    parse5 "^7.3.0"
+    rrweb-cssom "^0.8.0"
+    saxes "^6.0.0"
+    symbol-tree "^3.2.4"
+    tough-cookie "^6.0.0"
+    w3c-xmlserializer "^5.0.0"
+    webidl-conversions "^8.0.0"
+    whatwg-encoding "^3.1.1"
+    whatwg-mimetype "^4.0.0"
+    whatwg-url "^15.0.0"
+    ws "^8.18.2"
+    xml-name-validator "^5.0.0"
+
+jsesc@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
+jsesc@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz"
+  integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
+
+json-parse-better-errors@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz"
+  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
+
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-schema-traverse@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz"
+  integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json-schema@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz"
+  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+json5@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
+  dependencies:
+    minimist "^1.2.0"
+
+json5@^2.1.2, json5@^2.2.0, json5@^2.2.2, json5@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
+jsonc-parser@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz"
+  integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
+
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+jsonpointer@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz"
+  integrity sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==
+
+jsonwebtoken@^8.5.1:
+  version "8.5.1"
+  resolved "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-8.5.1.tgz"
+  integrity sha512-XjwVfRS6jTMsqYs0EsuJ4LGxXV14zQybNd4L2r0UvbVnSF9Af8x7p5MzbJ90Ioz/9TI41/hTCvznF/loiSzn8w==
+  dependencies:
+    jws "^3.2.2"
+    lodash.includes "^4.3.0"
+    lodash.isboolean "^3.0.3"
+    lodash.isinteger "^4.0.4"
+    lodash.isnumber "^3.0.3"
+    lodash.isplainobject "^4.0.6"
+    lodash.isstring "^4.0.1"
+    lodash.once "^4.0.0"
+    ms "^2.1.1"
+    semver "^5.6.0"
+
+jspdf@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.npmjs.org/jspdf/-/jspdf-2.5.1.tgz"
+  integrity sha512-hXObxz7ZqoyhxET78+XR34Xu2qFGrJJ2I2bE5w4SM8eFaFEkW2xcGRVUss360fYelwRSid/jT078kbNvmoW0QA==
+  dependencies:
+    "@babel/runtime" "^7.14.0"
+    atob "^2.1.2"
+    btoa "^1.2.1"
+    fflate "^0.4.8"
+  optionalDependencies:
+    canvg "^3.0.6"
+    core-js "^3.6.0"
+    dompurify "^2.2.0"
+    html2canvas "^1.0.0-rc.5"
+
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.2:
+  version "3.3.5"
+  resolved "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz"
+  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flat "^1.3.1"
+    object.assign "^4.1.4"
+    object.values "^1.1.6"
+
+just-performance@4.3.0:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/just-performance/-/just-performance-4.3.0.tgz"
+  integrity sha512-L7RjvtJsL0QO8xFs5wEoDDzzJwoiowRw6Rn/GnvldlchS2JQr9wFYPiwZcDfrbbujEKqKN0tvENdbjXdYhDp5Q==
+
+jwa@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz"
+  integrity sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==
+  dependencies:
+    buffer-equal-constant-time "1.0.1"
+    ecdsa-sig-formatter "1.0.11"
+    safe-buffer "^5.0.1"
+
+jws@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz"
+  integrity sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==
+  dependencies:
+    jwa "^1.4.1"
+    safe-buffer "^5.0.1"
+
+keygrip@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz"
+  integrity sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==
+  dependencies:
+    tsscmp "1.0.6"
+
+kleur@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz"
+  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
+
+klona@^2.0.4, klona@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz"
+  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
+
+knitwork@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/knitwork/-/knitwork-1.0.0.tgz"
+  integrity sha512-dWl0Dbjm6Xm+kDxhPQJsCBTxrJzuGl0aP9rhr+TG8D3l+GL90N8O8lYUi7dTSAN2uuDqCtNgb6aEuQH5wsiV8Q==
+
+koa-compose@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/koa-compose/-/koa-compose-4.1.0.tgz"
+  integrity sha512-8ODW8TrDuMYvXRwra/Kh7/rJo9BtOfPc6qO8eAfC80CnCvSjSl0bkRM24X6/XBBEyj0v1nRUQ1LyOy3dbqOWXw==
+
+koa-convert@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/koa-convert/-/koa-convert-2.0.0.tgz"
+  integrity sha512-asOvN6bFlSnxewce2e/DK3p4tltyfC4VM7ZwuTuepI7dEQVcvpyFuBcEARu1+Hxg8DIwytce2n7jrZtRlPrARA==
+  dependencies:
+    co "^4.6.0"
+    koa-compose "^4.1.0"
+
+koa-send@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/koa-send/-/koa-send-5.0.1.tgz"
+  integrity sha512-tmcyQ/wXXuxpDxyNXv5yNNkdAMdFRqwtegBXUaowiQzUKqJehttS0x2j0eOZDQAyloAth5w6wwBImnFzkUz3pQ==
+  dependencies:
+    debug "^4.1.1"
+    http-errors "^1.7.3"
+    resolve-path "^1.4.0"
+
+koa-static@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/koa-static/-/koa-static-5.0.0.tgz"
+  integrity sha512-UqyYyH5YEXaJrf9S8E23GoJFQZXkBVJ9zYYMPGz919MSX1KuvAcycIuS0ci150HCoPf4XQVhQ84Qf8xRPWxFaQ==
+  dependencies:
+    debug "^3.1.0"
+    koa-send "^5.0.0"
+
+koa@^2.12.0:
+  version "2.14.2"
+  resolved "https://registry.npmjs.org/koa/-/koa-2.14.2.tgz"
+  integrity sha512-VFI2bpJaodz6P7x2uyLiX6RLYpZmOJqNmoCst/Yyd7hQlszyPwG/I9CQJ63nOtKSxpt5M7NH67V6nJL2BwCl7g==
+  dependencies:
+    accepts "^1.3.5"
+    cache-content-type "^1.0.0"
+    content-disposition "~0.5.2"
+    content-type "^1.0.4"
+    cookies "~0.8.0"
+    debug "^4.3.2"
+    delegates "^1.0.0"
+    depd "^2.0.0"
+    destroy "^1.0.4"
+    encodeurl "^1.0.2"
+    escape-html "^1.0.3"
+    fresh "~0.5.2"
+    http-assert "^1.3.0"
+    http-errors "^1.6.3"
+    is-generator-function "^1.0.7"
+    koa-compose "^4.1.0"
+    koa-convert "^2.0.0"
+    on-finished "^2.3.0"
+    only "~0.0.2"
+    parseurl "^1.3.2"
+    statuses "^1.5.0"
+    type-is "^1.6.16"
+    vary "^1.1.2"
+
+language-subtag-registry@^0.3.20:
+  version "0.3.22"
+  resolved "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz"
+  integrity sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==
+
+language-tags@^1.0.5:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/language-tags/-/language-tags-1.0.8.tgz"
+  integrity sha512-aWAZwgPLS8hJ20lNPm9HNVs4inexz6S2sQa3wx/+ycuutMNE5/IfYxiWYBbi+9UWCQVaXYCOPUl6gFrPR7+jGg==
+  dependencies:
+    language-subtag-registry "^0.3.20"
+
+lazystream@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz"
+  integrity sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==
+  dependencies:
+    readable-stream "^2.0.5"
+
+leven@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz"
+  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+lilconfig@^2.0.3, lilconfig@^2.0.5, lilconfig@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
+limiter@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/limiter/-/limiter-2.1.0.tgz"
+  integrity sha512-361TYz6iay6n+9KvUUImqdLuFigK+K79qrUtBsXhJTLdH4rIt/r1y8r1iozwh8KbZNpujbFTSh74mJ7bwbAMOw==
+  dependencies:
+    just-performance "4.3.0"
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+linkify-it@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz"
+  integrity sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==
+  dependencies:
+    uc.micro "^2.0.0"
+
+listhen@^1.0.4, listhen@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/listhen/-/listhen-1.2.2.tgz"
+  integrity sha512-fQaXe+DAQ5QiYP1B4uXfAgwqIwNS+0WMIwRd5l2a3npQAEhlCJ1pN11d41yHtbeReE7oRtfL+h6Nzxq+Wc4vIg==
+  dependencies:
+    "@parcel/watcher-wasm" "2.3.0-alpha.1"
+    citty "^0.1.2"
+    clipboardy "^3.0.0"
+    consola "^3.2.3"
+    defu "^6.1.2"
+    get-port-please "^3.0.1"
+    h3 "^1.8.0-rc.2"
+    http-shutdown "^1.2.2"
+    jiti "^1.19.1"
+    mlly "^1.4.0"
+    node-forge "^1.3.1"
+    pathe "^1.1.1"
+    ufo "^1.2.0"
+
+load-json-file@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz"
+  integrity sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^4.0.0"
+    pify "^3.0.0"
+    strip-bom "^3.0.0"
+
+loader-utils@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz"
+  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
+  dependencies:
+    big.js "^5.2.2"
+    emojis-list "^3.0.0"
+    json5 "^2.1.2"
+
+local-pkg@^0.4.3:
+  version "0.4.3"
+  resolved "https://registry.npmjs.org/local-pkg/-/local-pkg-0.4.3.tgz"
+  integrity sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==
+
+locate-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz"
+  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
+  dependencies:
+    p-locate "^3.0.0"
+    path-exists "^3.0.0"
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash-es@^4.17.21, lodash-es@latest:
+  version "4.17.21"
+  resolved "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
+lodash.clonedeep@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz"
+  integrity sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==
+
+lodash.debounce@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz"
+  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
+
+lodash.defaults@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz"
+  integrity sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==
+
+lodash.difference@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/lodash.difference/-/lodash.difference-4.5.0.tgz"
+  integrity sha512-dS2j+W26TQ7taQBGN8Lbbq04ssV3emRw4NY58WErlTO29pIqS0HmoT5aJ9+TUQ1N3G+JOZSji4eugsWwGp9yPA==
+
+lodash.flatten@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz"
+  integrity sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==
+
+lodash.get@^4.3.0, lodash.get@^4.4.2:
+  version "4.4.2"
+  resolved "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz"
+  integrity sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==
+
+lodash.includes@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz"
+  integrity sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==
+
+lodash.isarguments@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz"
+  integrity sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==
+
+lodash.isboolean@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz"
+  integrity sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==
+
+lodash.isequal@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz"
+  integrity sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==
+
+lodash.isinteger@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz"
+  integrity sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==
+
+lodash.isnumber@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz"
+  integrity sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==
+
+lodash.isplainobject@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz"
+  integrity sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==
+
+lodash.isstring@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz"
+  integrity sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==
+
+lodash.memoize@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz"
+  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+lodash.once@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz"
+  integrity sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==
+
+lodash.pick@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.npmjs.org/lodash.pick/-/lodash.pick-4.4.0.tgz"
+  integrity sha512-hXt6Ul/5yWjfklSGvLQl8vM//l3FtyHZeuelpzK6mm99pNvN9yTDruNZPEJZD1oWrqo+izBmB7oUfWgcCX7s4Q==
+
+lodash.sortby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz"
+  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
+
+lodash.union@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.npmjs.org/lodash.union/-/lodash.union-4.6.0.tgz"
+  integrity sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw==
+
+lodash.uniq@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz"
+  integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
+
+lodash.zip@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/lodash.zip/-/lodash.zip-4.2.0.tgz"
+  integrity sha512-C7IOaBBK/0gMORRBd8OETNx3kmOkgIWIPvyDpZSCTwUrpYmgZwJkjZeOD8ww4xbOUOs4/attY+pciKvadNfFbg==
+
+lodash@^4.13.1, lodash@^4.17.14, lodash@^4.17.20, lodash@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+log-symbols@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/log-symbols/-/log-symbols-5.1.0.tgz"
+  integrity sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==
+  dependencies:
+    chalk "^5.0.0"
+    is-unicode-supported "^1.1.0"
+
+loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lru-cache@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.0.tgz"
+  integrity sha512-svTf/fzsKHffP42sujkO/Rjs37BCIsQVRCeNYIm9WN8rgT7ffoUnRtZCqU+6BqcSBdv8gwJeTz8knJpgACeQMw==
+
+lru-cache@^11.2.1:
+  version "11.2.2"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.2.tgz"
+  integrity sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==
+
+lru-cache@^11.2.2:
+  version "11.2.2"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.2.tgz"
+  integrity sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==
+
+lru-cache@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz"
+  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
+  dependencies:
+    yallist "^3.0.2"
+
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
+luxon@^3.1.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/luxon/-/luxon-3.3.0.tgz"
+  integrity sha512-An0UCfG/rSiqtAIiBPO0Y9/zAnHUZxAMiCpTd5h2smgsj7GGmcenvrvww2cqNA8/4A5ZrD1gJpHN2mIHZQF+Mg==
+
+magic-string-ast@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/magic-string-ast/-/magic-string-ast-0.3.0.tgz"
+  integrity sha512-0shqecEPgdFpnI3AP90epXyxZy9g6CRZ+SZ7BcqFwYmtFEnZ1jpevcV5HoyVnlDS9gCnc1UIg3Rsvp3Ci7r8OA==
+  dependencies:
+    magic-string "^0.30.2"
+
+magic-string@^0.25.0:
+  version "0.25.9"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz"
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
+  dependencies:
+    sourcemap-codec "^1.4.8"
+
+magic-string@^0.25.7:
+  version "0.25.9"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz"
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
+  dependencies:
+    sourcemap-codec "^1.4.8"
+
+magic-string@^0.27.0:
+  version "0.27.0"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz"
+  integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.13"
+
+magic-string@^0.30.0, magic-string@^0.30.1, magic-string@^0.30.2:
+  version "0.30.2"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.30.2.tgz"
+  integrity sha512-lNZdu7pewtq/ZvWUp9Wpf/x7WzMTsR26TWV03BRZrXFsv+BI6dy8RAiKgm1uM/kyR0rCfUcqvOlXKG66KhIGug==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.15"
+
+make-dir@^3.1.0, make-dir@~3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
+markdown-it@^14.0.0:
+  version "14.1.0"
+  resolved "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz"
+  integrity sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==
+  dependencies:
+    argparse "^2.0.1"
+    entities "^4.4.0"
+    linkify-it "^5.0.0"
+    mdurl "^2.0.0"
+    punycode.js "^2.3.1"
+    uc.micro "^2.1.0"
+
+maska@^1.5.0:
+  version "1.5.2"
+  resolved "https://registry.npmjs.org/maska/-/maska-1.5.2.tgz"
+  integrity sha512-zDalYGEVjQvnmedj6Yaae532g1RQVKppX8w4+L4q5HPuTUCJew/YDtTsKto4ReYSk5+nfacGyyz067o7qo4xTQ==
+
+mdn-data@2.0.14:
+  version "2.0.14"
+  resolved "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz"
+  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
+
+mdn-data@2.0.28:
+  version "2.0.28"
+  resolved "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz"
+  integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==
+
+mdn-data@2.0.30:
+  version "2.0.30"
+  resolved "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz"
+  integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
+
+mdn-data@2.12.2:
+  version "2.12.2"
+  resolved "https://registry.npmjs.org/mdn-data/-/mdn-data-2.12.2.tgz"
+  integrity sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==
+
+mdurl@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz"
+  integrity sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==
+
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz"
+  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
+
+memory-cache@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/memory-cache/-/memory-cache-0.2.0.tgz"
+  integrity sha512-OcjA+jzjOYzKmKS6IQVALHLVz+rNTMPoJvCztFaZxwG14wtAW7VRZjwTQu06vKCYOxh4jVnik7ya0SXTB0W+xA==
+
+memory-fs@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz"
+  integrity sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==
+  dependencies:
+    errno "^0.1.3"
+    readable-stream "^2.0.1"
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+merge2@^1.3.0, merge2@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+methods@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz"
+  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+
+micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz"
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  dependencies:
+    braces "^3.0.2"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.18, mime-types@~2.1.24, mime-types@~2.1.34:
+  version "2.1.35"
+  resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mime@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz"
+  integrity sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==
+
+mime@~2.5.2:
+  version "2.5.2"
+  resolved "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz"
+  integrity sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==
+
+mime@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
+mimic-fn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz"
+  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+
+mimic-fn@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz"
+  integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
+
+minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^5.0.1:
+  version "5.1.6"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz"
+  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimatch@^5.1.0:
+  version "5.1.6"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz"
+  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimatch@~3.0.4:
+  version "3.0.8"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz"
+  integrity sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimist@^1.2.0, minimist@^1.2.6:
+  version "1.2.8"
+  resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+minipass@^3.0.0:
+  version "3.3.6"
+  resolved "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz"
+  integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
+  dependencies:
+    yallist "^4.0.0"
+
+minipass@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz"
+  integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
+
+minizlib@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz"
+  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
+  dependencies:
+    minipass "^3.0.0"
+    yallist "^4.0.0"
+
+mkdirp@^0.5.6:
+  version "0.5.6"
+  resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz"
+  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
+  dependencies:
+    minimist "^1.2.6"
+
+mkdirp@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz"
+  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
+
+mkdirp@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz"
+  integrity sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==
+
+mlly@^1.2.0, mlly@^1.3.0, mlly@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/mlly/-/mlly-1.4.0.tgz"
+  integrity sha512-ua8PAThnTwpprIaU47EPeZ/bPUVp2QYBbWMphUQpVdBI3Lgqzm5KZQ45Agm3YJedHXaIHl6pBGabaLSUPPSptg==
+  dependencies:
+    acorn "^8.9.0"
+    pathe "^1.1.1"
+    pkg-types "^1.0.3"
+    ufo "^1.1.2"
+
+mri@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz"
+  integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==
+
+ms@^2.1.1, ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
+  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
+
+ms@2.1.3:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
+nanoid@^3.3.6:
+  version "3.3.6"
+  resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
+
+nanoid@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/nanoid/-/nanoid-4.0.2.tgz"
+  integrity sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==
+
+napi-wasm@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/napi-wasm/-/napi-wasm-1.1.0.tgz"
+  integrity sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz"
+  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
+
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
+nitropack@^2.5.2:
+  version "2.5.2"
+  resolved "https://registry.npmjs.org/nitropack/-/nitropack-2.5.2.tgz"
+  integrity sha512-hXEHY9NJmOOETFFTPCBB9PB0+txoAbU/fB2ovUF6UMRo4ucQZztYnZdX+YSxa6FVz6eONvcxXvf9/9s6t08KWw==
+  dependencies:
+    "@cloudflare/kv-asset-handler" "^0.3.0"
+    "@netlify/functions" "^1.6.0"
+    "@rollup/plugin-alias" "^5.0.0"
+    "@rollup/plugin-commonjs" "^25.0.2"
+    "@rollup/plugin-inject" "^5.0.3"
+    "@rollup/plugin-json" "^6.0.0"
+    "@rollup/plugin-node-resolve" "^15.1.0"
+    "@rollup/plugin-replace" "^5.0.2"
+    "@rollup/plugin-terser" "^0.4.3"
+    "@rollup/plugin-wasm" "^6.1.3"
+    "@rollup/pluginutils" "^5.0.2"
+    "@types/http-proxy" "^1.17.11"
+    "@vercel/nft" "^0.22.6"
+    archiver "^5.3.1"
+    c12 "^1.4.2"
+    chalk "^5.2.0"
+    chokidar "^3.5.3"
+    citty "^0.1.1"
+    consola "^3.2.2"
+    cookie-es "^1.0.0"
+    defu "^6.1.2"
+    destr "^2.0.0"
+    dot-prop "^7.2.0"
+    esbuild "^0.18.10"
+    escape-string-regexp "^5.0.0"
+    etag "^1.8.1"
+    fs-extra "^11.1.1"
+    globby "^13.2.0"
+    gzip-size "^7.0.0"
+    h3 "^1.7.1"
+    hookable "^5.5.3"
+    http-graceful-shutdown "^3.1.13"
+    http-proxy "^1.18.1"
+    is-primitive "^3.0.1"
+    jiti "^1.18.2"
+    klona "^2.0.6"
+    knitwork "^1.0.0"
+    listhen "^1.0.4"
+    magic-string "^0.30.0"
+    mime "^3.0.0"
+    mlly "^1.4.0"
+    mri "^1.2.0"
+    node-fetch-native "^1.2.0"
+    ofetch "^1.1.1"
+    ohash "^1.1.2"
+    openapi-typescript "^6.2.8"
+    pathe "^1.1.1"
+    perfect-debounce "^1.0.0"
+    pkg-types "^1.0.3"
+    pretty-bytes "^6.1.0"
+    radix3 "^1.0.1"
+    rollup "^3.25.3"
+    rollup-plugin-visualizer "^5.9.2"
+    scule "^1.0.0"
+    semver "^7.5.3"
+    serve-placeholder "^2.0.1"
+    serve-static "^1.15.0"
+    source-map-support "^0.5.21"
+    std-env "^3.3.3"
+    ufo "^1.1.2"
+    uncrypto "^0.1.3"
+    unenv "^1.5.1"
+    unimport "^3.0.11"
+    unstorage "^1.7.0"
+
+node-domexception@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz"
+  integrity sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==
+
+node-fetch-native@^1.0.2, node-fetch-native@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.2.0.tgz"
+  integrity sha512-5IAMBTl9p6PaAjYCnMv5FmqIF6GcZnawAVnzaCG0rX2aYZJ4CxEkZNtVPuTRug7fL7wyM5BQYTlAzcyMPi6oTQ==
+
+node-fetch@^2.6.7:
+  version "2.6.12"
+  resolved "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.12.tgz"
+  integrity sha512-C/fGU2E8ToujUivIO0H+tpQ6HWo4eEmchoPIoXtxCrVghxdKq+QOHqEZW7tuP3KlV3bC8FRMO5nMCC7Zm1VP6g==
+  dependencies:
+    whatwg-url "^5.0.0"
+
+node-fetch@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz"
+  integrity sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==
+  dependencies:
+    data-uri-to-buffer "^4.0.0"
+    fetch-blob "^3.1.4"
+    formdata-polyfill "^4.0.10"
+
+node-forge@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+node-gyp-build@^4.2.2:
+  version "4.6.0"
+  resolved "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.0.tgz"
+  integrity sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==
+
+node-releases@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+
+nodemailer@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.npmjs.org/nodemailer/-/nodemailer-7.0.6.tgz"
+  integrity sha512-F44uVzgwo49xboqbFgBGkRaiMgtoBrBEWCVincJPK9+S9Adkzt/wXCLKbf7dxucmxfTI5gHGB+bEmdyzN6QKjw==
+
+nopt@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz"
+  integrity sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==
+  dependencies:
+    abbrev "1"
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
+normalize-url@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz"
+  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
+
+npm-run-path@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
+npm-run-path@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz"
+  integrity sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==
+  dependencies:
+    path-key "^4.0.0"
+
+npmlog@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz"
+  integrity sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==
+  dependencies:
+    are-we-there-yet "^2.0.0"
+    console-control-strings "^1.1.0"
+    gauge "^3.0.0"
+    set-blocking "^2.0.0"
+
+nth-check@^2.0.1, nth-check@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
+nuxi@3.6.5:
+  version "3.6.5"
+  resolved "https://registry.npmjs.org/nuxi/-/nuxi-3.6.5.tgz"
+  integrity sha512-4XEXYz71UiWWiKC1/cJCzqRSUEImYRmjcvKpSsBKMU58ALYVSx5KIoas5SwLO8tEKO5BS4DAe4u7MYix7hfuHQ==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+nuxt-csurf@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/nuxt-csurf/-/nuxt-csurf-1.2.0.tgz"
+  integrity sha512-sO8Hm3fR+GB3DMc0y1Slzt+f9LiUKpvF/qvUUZBWz1ZknfTRTYemZkfSNcoYf0/hoL2Wb9O0c8pFtzj0hs8Spw==
+  dependencies:
+    "@nuxt/kit" "^3.1.0"
+    defu "^6.1.1"
+
+nuxt-icon@^0.1.7:
+  version "0.1.8"
+  resolved "https://registry.npmjs.org/nuxt-icon/-/nuxt-icon-0.1.8.tgz"
+  integrity sha512-oPFlLOZCy80MN+hf49+mBkOIHWVF3sOqZREQZw3qD0N6wGlR15QeRQtKQC8qGeQcc+xvpLQm0GvrdJ8FxFOPYg==
+  dependencies:
+    "@iconify/vue" "^4.0.1"
+    "@nuxt/kit" "^3.0.0"
+
+nuxt-security@^0.13.0:
+  version "0.13.1"
+  resolved "https://registry.npmjs.org/nuxt-security/-/nuxt-security-0.13.1.tgz"
+  integrity sha512-ZqO9Eu2LmB43U/NK+kAQtTcEO+7swu6WhgZBjvHwSCvg5cDvruhfEjLOffF4nuhvyVpKnt5HRfeRao8ABIe3ug==
+  dependencies:
+    "@nuxt/kit" "^3.2.2"
+    basic-auth "^2.0.1"
+    defu "^6.1.1"
+    limiter "^2.1.0"
+    memory-cache "^0.2.0"
+    nuxt-csurf "^1.1.0"
+    pathe "^1.0.0"
+    xss "^1.0.14"
+
+nuxt-typed-router@^3.2.5:
+  version "3.2.5"
+  resolved "https://registry.npmjs.org/nuxt-typed-router/-/nuxt-typed-router-3.2.5.tgz"
+  integrity sha512-E2CPfEioyzeISaVSlDottH1sV41wog952nfoChAj9tGLAc76NUHpbKeZ2SCGma3HUjozwehiiqffmGq/LTCEJA==
+  dependencies:
+    "@nuxt/kit" "^3.6.1"
+    chalk "^5.3.0"
+    defu "^6.1.2"
+    lodash-es "^4.17.21"
+    log-symbols "^5.1.0"
+    mkdirp "^3.0.1"
+    nanoid "^4.0.2"
+    pathe "1.1.0"
+
+nuxt@^3.6.5:
+  version "3.6.5"
+  resolved "https://registry.npmjs.org/nuxt/-/nuxt-3.6.5.tgz"
+  integrity sha512-0A7V8B1HrIXX9IlqPc2w+5ZPXi+7MYa9QVhtuGYuLvjRKoSFANhCoMPRP6pKdoxigM1MBxhLue2VmHA/VbtJCw==
+  dependencies:
+    "@nuxt/devalue" "^2.0.2"
+    "@nuxt/kit" "3.6.5"
+    "@nuxt/schema" "3.6.5"
+    "@nuxt/telemetry" "^2.3.0"
+    "@nuxt/ui-templates" "^1.2.0"
+    "@nuxt/vite-builder" "3.6.5"
+    "@unhead/ssr" "^1.1.30"
+    "@unhead/vue" "^1.1.30"
+    "@vue/shared" "^3.3.4"
+    acorn "8.10.0"
+    c12 "^1.4.2"
+    chokidar "^3.5.3"
+    cookie-es "^1.0.0"
+    defu "^6.1.2"
+    destr "^2.0.0"
+    devalue "^4.3.2"
+    esbuild "^0.18.11"
+    escape-string-regexp "^5.0.0"
+    estree-walker "^3.0.3"
+    fs-extra "^11.1.1"
+    globby "^13.2.2"
+    h3 "^1.7.1"
+    hookable "^5.5.3"
+    jiti "^1.19.1"
+    klona "^2.0.6"
+    knitwork "^1.0.0"
+    local-pkg "^0.4.3"
+    magic-string "^0.30.1"
+    mlly "^1.4.0"
+    nitropack "^2.5.2"
+    nuxi "3.6.5"
+    nypm "^0.2.2"
+    ofetch "^1.1.1"
+    ohash "^1.1.2"
+    pathe "^1.1.1"
+    perfect-debounce "^1.0.0"
+    prompts "^2.4.2"
+    scule "^1.0.0"
+    strip-literal "^1.0.1"
+    ufo "^1.1.2"
+    ultrahtml "^1.2.0"
+    uncrypto "^0.1.3"
+    unctx "^2.3.1"
+    unenv "^1.5.1"
+    unimport "^3.0.14"
+    unplugin "^1.3.2"
+    unplugin-vue-router "^0.6.4"
+    untyped "^1.3.2"
+    vue "^3.3.4"
+    vue-bundle-renderer "^1.0.3"
+    vue-devtools-stub "^0.1.0"
+    vue-router "^4.2.4"
+
+nypm@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npmjs.org/nypm/-/nypm-0.2.2.tgz"
+  integrity sha512-O7bumfWgUXlJefT1Y41SF4vsCvzeUYmnKABuOKStheCObzrkWPDmqJc+RJVU+57oFu9bITcrUq8sKFIHgjCnTg==
+  dependencies:
+    execa "^7.1.1"
+
+object-assign@^4.0.1, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+object-inspect@^1.12.3, object-inspect@^1.9.0:
+  version "1.12.3"
+  resolved "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz"
+  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
+
+object-is@^1.0.1:
+  version "1.1.5"
+  resolved "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz"
+  integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+
+object-keys@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+object.assign@^4.1.4:
+  version "4.1.4"
+  resolved "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz"
+  integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    has-symbols "^1.0.3"
+    object-keys "^1.1.1"
+
+object.entries@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.npmjs.org/object.entries/-/object.entries-1.1.6.tgz"
+  integrity sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+object.fromentries@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz"
+  integrity sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+object.hasown@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz"
+  integrity sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==
+  dependencies:
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+object.values@^1.1.5, object.values@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz"
+  integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+ofetch@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/ofetch/-/ofetch-1.1.1.tgz"
+  integrity sha512-SSMoktrp9SNLi20BWfB/BnnKcL0RDigXThD/mZBeQxkIRv1xrd9183MtLdsqRYLYSqW0eTr5t8w8MqjNhvoOQQ==
+  dependencies:
+    destr "^2.0.0"
+    node-fetch-native "^1.2.0"
+    ufo "^1.1.2"
+
+ohash@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/ohash/-/ohash-1.1.2.tgz"
+  integrity sha512-9CIOSq5945rI045GFtcO3uudyOkYVY1nyfFxVQp+9BRgslr8jPNiSSrsFGg/BNTUFOLqx0P5tng6G32brIPw0w==
+
+on-finished@^2.3.0, on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
+once@^1.3.0, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz"
+  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+  dependencies:
+    wrappy "1"
+
+onetime@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz"
+  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+  dependencies:
+    mimic-fn "^2.1.0"
+
+onetime@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz"
+  integrity sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==
+  dependencies:
+    mimic-fn "^4.0.0"
+
+only@~0.0.2:
+  version "0.0.2"
+  resolved "https://registry.npmjs.org/only/-/only-0.0.2.tgz"
+  integrity sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ==
+
+open@^7.0.4:
+  version "7.4.2"
+  resolved "https://registry.npmjs.org/open/-/open-7.4.2.tgz"
+  integrity sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==
+  dependencies:
+    is-docker "^2.0.0"
+    is-wsl "^2.1.1"
+
+open@^8.4.0:
+  version "8.4.2"
+  resolved "https://registry.npmjs.org/open/-/open-8.4.2.tgz"
+  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
+openapi-typescript@^6.2.8:
+  version "6.4.0"
+  resolved "https://registry.npmjs.org/openapi-typescript/-/openapi-typescript-6.4.0.tgz"
+  integrity sha512-qTa5HGcVdTic2zmvC+aE3tEJqFUZGkXFk8ygAexTPzsHY3a0etay8bBSQjdNP4ZI8TaA+gtHJtTKvhkUhJd6Jw==
+  dependencies:
+    ansi-colors "^4.1.3"
+    fast-glob "^3.3.0"
+    js-yaml "^4.1.0"
+    supports-color "^9.4.0"
+    undici "^5.22.1"
+    yargs-parser "^21.1.1"
+
+optionator@^0.9.3:
+  version "0.9.3"
+  resolved "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz"
+  integrity sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==
+  dependencies:
+    "@aashutoshrathi/word-wrap" "^1.2.3"
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+
+orderedmap@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz"
+  integrity sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==
+
+p-limit@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
+p-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz"
+  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
+  dependencies:
+    p-limit "^2.0.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+p-try@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz"
+  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
+parchment@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz"
+  integrity sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parent-module@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/parent-module/-/parent-module-2.0.0.tgz"
+  integrity sha512-uo0Z9JJeWzv8BG+tRcapBKNJ0dro9cLyczGzulS6EfeyAdeC9sbojtW6XwvYxJkEne9En+J2XEl4zyglVeIwFg==
+  dependencies:
+    callsites "^3.1.0"
+
+parse-git-config@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/parse-git-config/-/parse-git-config-3.0.0.tgz"
+  integrity sha512-wXoQGL1D+2COYWCD35/xbiKma1Z15xvZL8cI25wvxzled58V51SJM04Urt/uznS900iQor7QO04SgdfT/XlbuA==
+  dependencies:
+    git-config-path "^2.0.0"
+    ini "^1.3.5"
+
+parse-json@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz"
+  integrity sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==
+  dependencies:
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+
+parse-json@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
+parse-package-name@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/parse-package-name/-/parse-package-name-0.1.0.tgz"
+  integrity sha512-OT2+32knn014ggXMpGjZeHHsTYwOvHmRAMFtVBZstWAnR4UVIOw+JOhWZUCv5JwZQAMiisfdF2K5SyGI5OXXIg==
+
+parse-path@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/parse-path/-/parse-path-7.0.0.tgz"
+  integrity sha512-Euf9GG8WT9CdqwuWJGdf3RkUcTBArppHABkO7Lm8IzRQp0e2r/kkFnmhu4TSK30Wcu5rVAZLmfPKSBBi9tWFog==
+  dependencies:
+    protocols "^2.0.0"
+
+parse-url@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.npmjs.org/parse-url/-/parse-url-8.1.0.tgz"
+  integrity sha512-xDvOoLU5XRrcOZvnI6b8zA6n9O9ejNk/GExuz1yBuWUGn9KA97GI6HTs6u02wKara1CeVmZhH+0TZFdWScR89w==
+  dependencies:
+    parse-path "^7.0.0"
+
+parse5@^7.3.0:
+  version "7.3.0"
+  resolved "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz"
+  integrity sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==
+  dependencies:
+    entities "^6.0.0"
+
+parseurl@^1.3.2, parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz"
+  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-is-absolute@^1.0.0, path-is-absolute@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
+  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
+
+path-is-inside@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz"
+  integrity sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==
+
+path-key@^3.0.0, path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-key@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz"
+  integrity sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-to-regexp@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.1.tgz"
+  integrity sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==
+
+path-type@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz"
+  integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==
+  dependencies:
+    pify "^3.0.0"
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+pathe@^1.0.0, pathe@^1.1.0, pathe@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz"
+  integrity sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==
+
+pathe@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/pathe/-/pathe-1.1.0.tgz"
+  integrity sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==
+
+perfect-debounce@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz"
+  integrity sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==
+
+perfect-scrollbar@^1.5.5:
+  version "1.5.5"
+  resolved "https://registry.npmjs.org/perfect-scrollbar/-/perfect-scrollbar-1.5.5.tgz"
+  integrity sha512-dzalfutyP3e/FOpdlhVryN4AJ5XDVauVWxybSkLZmakFE2sS3y3pc4JnSprw8tGmHvkaG5Edr5T7LBTZ+WWU2g==
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz"
+  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
+
+picocolors@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz"
+  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
+
+picocolors@^1.0.0, picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz"
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz"
+  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
+
+pinia-plugin-persistedstate@>=3.1.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-3.2.0.tgz"
+  integrity sha512-tZbNGf2vjAQcIm7alK40sE51Qu/m9oWr+rEgNm/2AWr1huFxj72CjvpQcIQzMknDBJEkQznCLAGtJTIcLKrKdw==
+
+pinia@^2.1.6, pinia@>=2.1.0:
+  version "2.1.6"
+  resolved "https://registry.npmjs.org/pinia/-/pinia-2.1.6.tgz"
+  integrity sha512-bIU6QuE5qZviMmct5XwCesXelb5VavdOWKWaB17ggk++NUwQWWbP5YnsONTk3b752QkW9sACiR81rorpeOMSvQ==
+  dependencies:
+    "@vue/devtools-api" "^6.5.0"
+    vue-demi ">=0.14.5"
+
+pirates@^4.0.1:
+  version "4.0.6"
+  resolved "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
+pkg-types@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz"
+  integrity sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==
+  dependencies:
+    jsonc-parser "^3.2.0"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
+
+pkg-up@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz"
+  integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
+  dependencies:
+    find-up "^3.0.0"
+
+portfinder@^1.0.26:
+  version "1.0.32"
+  resolved "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz"
+  integrity sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==
+  dependencies:
+    async "^2.6.4"
+    debug "^3.2.7"
+    mkdirp "^0.5.6"
+
+postcss-calc@^8.2.3:
+  version "8.2.4"
+  resolved "https://registry.npmjs.org/postcss-calc/-/postcss-calc-8.2.4.tgz"
+  integrity sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==
+  dependencies:
+    postcss-selector-parser "^6.0.9"
+    postcss-value-parser "^4.2.0"
+
+postcss-calc@^9.0.0:
+  version "9.0.1"
+  resolved "https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz"
+  integrity sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==
+  dependencies:
+    postcss-selector-parser "^6.0.11"
+    postcss-value-parser "^4.2.0"
+
+postcss-colormin@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-5.3.1.tgz"
+  integrity sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    colord "^2.9.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-colormin@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-6.0.0.tgz"
+  integrity sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    colord "^2.9.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-convert-values@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz"
+  integrity sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-convert-values@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-6.0.0.tgz"
+  integrity sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-custom-properties@^13.2.0:
+  version "13.3.0"
+  resolved "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.3.0.tgz"
+  integrity sha512-q4VgtIKSy5+KcUvQ0WxTjDy9DZjQ5VCXAZ9+tT9+aPMbA0z6s2t1nMw0QHszru1ib5ElkXl9JUpYYU37VVUs7g==
+  dependencies:
+    "@csstools/cascade-layer-name-parser" "^1.0.4"
+    "@csstools/css-parser-algorithms" "^2.3.1"
+    "@csstools/css-tokenizer" "^2.2.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-discard-comments@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz"
+  integrity sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==
+
+postcss-discard-comments@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-6.0.0.tgz"
+  integrity sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==
+
+postcss-discard-duplicates@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz"
+  integrity sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==
+
+postcss-discard-duplicates@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.0.tgz"
+  integrity sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==
+
+postcss-discard-empty@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz"
+  integrity sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==
+
+postcss-discard-empty@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-6.0.0.tgz"
+  integrity sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==
+
+postcss-discard-overridden@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz"
+  integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==
+
+postcss-discard-overridden@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-6.0.0.tgz"
+  integrity sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==
+
+postcss-import-resolver@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/postcss-import-resolver/-/postcss-import-resolver-2.0.0.tgz"
+  integrity sha512-y001XYgGvVwgxyxw9J1a5kqM/vtmIQGzx34g0A0Oy44MFcy/ZboZw1hu/iN3VYFjSTRzbvd7zZJJz0Kh0AGkTw==
+  dependencies:
+    enhanced-resolve "^4.1.1"
+
+postcss-import@^12.0.0:
+  version "12.0.1"
+  resolved "https://registry.npmjs.org/postcss-import/-/postcss-import-12.0.1.tgz"
+  integrity sha512-3Gti33dmCjyKBgimqGxL3vcV8w9+bsHwO5UrBawp796+jdardbcFl4RP5w/76BwNL7aGzpKstIfF9I+kdE8pTw==
+  dependencies:
+    postcss "^7.0.1"
+    postcss-value-parser "^3.2.3"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-import@^13.0.0:
+  version "13.0.0"
+  resolved "https://registry.npmjs.org/postcss-import/-/postcss-import-13.0.0.tgz"
+  integrity sha512-LPUbm3ytpYopwQQjqgUH4S3EM/Gb9QsaSPP/5vnoi+oKVy3/mIk2sc0Paqw7RL57GpScm9MdIMUypw2znWiBpg==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-js@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-load-config@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz"
+  integrity sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==
+  dependencies:
+    lilconfig "^2.0.5"
+    yaml "^2.1.1"
+
+postcss-loader@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/postcss-loader/-/postcss-loader-4.3.0.tgz"
+  integrity sha512-M/dSoIiNDOo8Rk0mUqoj4kpGq91gcxCfb9PoyZVdZ76/AuhxylHDYZblNE8o+EQ9AMSASeMFEKxZf5aU6wlx1Q==
+  dependencies:
+    cosmiconfig "^7.0.0"
+    klona "^2.0.4"
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+    semver "^7.3.4"
+
+postcss-merge-longhand@^5.1.7:
+  version "5.1.7"
+  resolved "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz"
+  integrity sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    stylehacks "^5.1.1"
+
+postcss-merge-longhand@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-6.0.0.tgz"
+  integrity sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    stylehacks "^6.0.0"
+
+postcss-merge-rules@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz"
+  integrity sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    cssnano-utils "^3.1.0"
+    postcss-selector-parser "^6.0.5"
+
+postcss-merge-rules@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-6.0.1.tgz"
+  integrity sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    cssnano-utils "^4.0.0"
+    postcss-selector-parser "^6.0.5"
+
+postcss-minify-font-values@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz"
+  integrity sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-font-values@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-6.0.0.tgz"
+  integrity sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-gradients@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz"
+  integrity sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==
+  dependencies:
+    colord "^2.9.1"
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-gradients@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-6.0.0.tgz"
+  integrity sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==
+  dependencies:
+    colord "^2.9.1"
+    cssnano-utils "^4.0.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-params@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz"
+  integrity sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==
+  dependencies:
+    browserslist "^4.21.4"
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-params@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-6.0.0.tgz"
+  integrity sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==
+  dependencies:
+    browserslist "^4.21.4"
+    cssnano-utils "^4.0.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-selectors@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz"
+  integrity sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-minify-selectors@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-6.0.0.tgz"
+  integrity sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-modules-extract-imports@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz"
+  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
+
+postcss-modules-local-by-default@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz"
+  integrity sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==
+  dependencies:
+    icss-utils "^5.0.0"
+    postcss-selector-parser "^6.0.2"
+    postcss-value-parser "^4.1.0"
+
+postcss-modules-scope@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz"
+  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
+  dependencies:
+    postcss-selector-parser "^6.0.4"
+
+postcss-modules-values@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz"
+  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
+  dependencies:
+    icss-utils "^5.0.0"
+
+postcss-nested@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz"
+  integrity sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==
+  dependencies:
+    postcss-selector-parser "^6.0.11"
+
+postcss-nesting@^11.3.0:
+  version "11.3.0"
+  resolved "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-11.3.0.tgz"
+  integrity sha512-JlS10AQm/RzyrUGgl5irVkAlZYTJ99mNueUl+Qab+TcHhVedLiylWVkKBhRale+rS9yWIJK48JVzQlq3LcSdeA==
+  dependencies:
+    "@csstools/selector-specificity" "^2.0.0"
+    postcss-selector-parser "^6.0.10"
+
+postcss-normalize-charset@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz"
+  integrity sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==
+
+postcss-normalize-charset@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-6.0.0.tgz"
+  integrity sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==
+
+postcss-normalize-display-values@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz"
+  integrity sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-display-values@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.0.tgz"
+  integrity sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-positions@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz"
+  integrity sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-positions@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-6.0.0.tgz"
+  integrity sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-repeat-style@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz"
+  integrity sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-repeat-style@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.0.tgz"
+  integrity sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-string@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz"
+  integrity sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-string@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-6.0.0.tgz"
+  integrity sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-timing-functions@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz"
+  integrity sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-timing-functions@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.0.tgz"
+  integrity sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-unicode@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz"
+  integrity sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-unicode@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-6.0.0.tgz"
+  integrity sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-url@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz"
+  integrity sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==
+  dependencies:
+    normalize-url "^6.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-url@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-6.0.0.tgz"
+  integrity sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-whitespace@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz"
+  integrity sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-whitespace@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.0.tgz"
+  integrity sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-ordered-values@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz"
+  integrity sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==
+  dependencies:
+    cssnano-utils "^3.1.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-ordered-values@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-6.0.0.tgz"
+  integrity sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==
+  dependencies:
+    cssnano-utils "^4.0.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-reduce-initial@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz"
+  integrity sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+
+postcss-reduce-initial@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-6.0.0.tgz"
+  integrity sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+
+postcss-reduce-transforms@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz"
+  integrity sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-reduce-transforms@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.0.tgz"
+  integrity sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.13, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9:
+  version "6.0.13"
+  resolved "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz"
+  integrity sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-svgo@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-5.1.0.tgz"
+  integrity sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    svgo "^2.7.0"
+
+postcss-svgo@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-6.0.0.tgz"
+  integrity sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    svgo "^3.0.2"
+
+postcss-unique-selectors@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz"
+  integrity sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-unique-selectors@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-6.0.0.tgz"
+  integrity sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
+postcss-url@^10.1.1, postcss-url@^10.1.3:
+  version "10.1.3"
+  resolved "https://registry.npmjs.org/postcss-url/-/postcss-url-10.1.3.tgz"
+  integrity sha512-FUzyxfI5l2tKmXdYc6VTu3TWZsInayEKPbiyW+P6vmmIrrb4I6CGX0BFoewgYHLK+oIL5FECEK02REYRpBvUCw==
+  dependencies:
+    make-dir "~3.1.0"
+    mime "~2.5.2"
+    minimatch "~3.0.4"
+    xxhashjs "~0.2.2"
+
+postcss-value-parser@^3.2.3:
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz"
+  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^7.0.1:
+  version "7.0.39"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz"
+  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
+  dependencies:
+    picocolors "^0.2.1"
+    source-map "^0.6.1"
+
+postcss@^8.1.10, postcss@^8.2.15, postcss@^8.4.14, postcss@^8.4.23, postcss@^8.4.24:
+  version "8.4.27"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz"
+  integrity sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+preact@~10.12.1:
+  version "10.12.1"
+  resolved "https://registry.npmjs.org/preact/-/preact-10.12.1.tgz"
+  integrity sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+prettier@^2.8.1:
+  version "2.8.8"
+  resolved "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz"
+  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
+
+prettier@~2.7.0:
+  version "2.7.1"
+  resolved "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz"
+  integrity sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==
+
+pretty-bytes@^5.3.0:
+  version "5.6.0"
+  resolved "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz"
+  integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
+
+pretty-bytes@^6.0.0, pretty-bytes@^6.1.0:
+  version "6.1.1"
+  resolved "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-6.1.1.tgz"
+  integrity sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==
+
+prism-es6@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/prism-es6/-/prism-es6-1.2.0.tgz"
+  integrity sha512-A8JV9G2zKM8PWksT7YJcmnaWtYO6C9hSfxM/xv0RxB2aNc8rjv30WakzIw1gWyqLi2eiqquo2KmS7orxqlm+yg==
+
+prisma@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/prisma/-/prisma-5.1.1.tgz"
+  integrity sha512-WJFG/U7sMmcc6TjJTTifTfpI6Wjoh55xl4AzopVwAdyK68L9/ogNo8QQ2cxuUjJf/Wa82z/uhyh3wMzvRIBphg==
+  dependencies:
+    "@prisma/engines" "5.1.1"
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+prompts@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz"
+  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
+  dependencies:
+    kleur "^3.0.3"
+    sisteransi "^1.0.5"
+
+prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+prosemirror-changeset@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.3.1.tgz"
+  integrity sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==
+  dependencies:
+    prosemirror-transform "^1.0.0"
+
+prosemirror-collab@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz"
+  integrity sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==
+  dependencies:
+    prosemirror-state "^1.0.0"
+
+prosemirror-commands@^1.0.0, prosemirror-commands@^1.6.2:
+  version "1.7.1"
+  resolved "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.1.tgz"
+  integrity sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==
+  dependencies:
+    prosemirror-model "^1.0.0"
+    prosemirror-state "^1.0.0"
+    prosemirror-transform "^1.10.2"
+
+prosemirror-dropcursor@^1.8.1:
+  version "1.8.2"
+  resolved "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.2.tgz"
+  integrity sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==
+  dependencies:
+    prosemirror-state "^1.0.0"
+    prosemirror-transform "^1.1.0"
+    prosemirror-view "^1.1.0"
+
+prosemirror-gapcursor@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz"
+  integrity sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==
+  dependencies:
+    prosemirror-keymap "^1.0.0"
+    prosemirror-model "^1.0.0"
+    prosemirror-state "^1.0.0"
+    prosemirror-view "^1.0.0"
+
+prosemirror-history@^1.0.0, prosemirror-history@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.4.1.tgz"
+  integrity sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==
+  dependencies:
+    prosemirror-state "^1.2.2"
+    prosemirror-transform "^1.0.0"
+    prosemirror-view "^1.31.0"
+    rope-sequence "^1.3.0"
+
+prosemirror-inputrules@^1.4.0:
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.0.tgz"
+  integrity sha512-K0xJRCmt+uSw7xesnHmcn72yBGTbY45vm8gXI4LZXbx2Z0jwh5aF9xrGQgrVPu0WbyFVFF3E/o9VhJYz6SQWnA==
+  dependencies:
+    prosemirror-state "^1.0.0"
+    prosemirror-transform "^1.0.0"
+
+prosemirror-keymap@^1.0.0, prosemirror-keymap@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.3.tgz"
+  integrity sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==
+  dependencies:
+    prosemirror-state "^1.0.0"
+    w3c-keyname "^2.2.0"
+
+prosemirror-markdown@^1.13.1:
+  version "1.13.2"
+  resolved "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.2.tgz"
+  integrity sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==
+  dependencies:
+    "@types/markdown-it" "^14.0.0"
+    markdown-it "^14.0.0"
+    prosemirror-model "^1.25.0"
+
+prosemirror-menu@^1.2.4:
+  version "1.2.5"
+  resolved "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.5.tgz"
+  integrity sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==
+  dependencies:
+    crelt "^1.0.0"
+    prosemirror-commands "^1.0.0"
+    prosemirror-history "^1.0.0"
+    prosemirror-state "^1.0.0"
+
+prosemirror-model@^1.0.0, prosemirror-model@^1.20.0, prosemirror-model@^1.21.0, prosemirror-model@^1.23.0, prosemirror-model@^1.25.0:
+  version "1.25.1"
+  resolved "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.1.tgz"
+  integrity sha512-AUvbm7qqmpZa5d9fPKMvH1Q5bqYQvAZWOGRvxsB6iFLyycvC9MwNemNVjHVrWgjaoxAfY8XVg7DbvQ/qxvI9Eg==
+  dependencies:
+    orderedmap "^2.0.0"
+
+prosemirror-schema-basic@^1.2.3:
+  version "1.2.4"
+  resolved "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz"
+  integrity sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==
+  dependencies:
+    prosemirror-model "^1.25.0"
+
+prosemirror-schema-list@^1.4.1:
+  version "1.5.1"
+  resolved "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz"
+  integrity sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==
+  dependencies:
+    prosemirror-model "^1.0.0"
+    prosemirror-state "^1.0.0"
+    prosemirror-transform "^1.7.3"
+
+prosemirror-state@^1.0.0, prosemirror-state@^1.2.2, prosemirror-state@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.3.tgz"
+  integrity sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==
+  dependencies:
+    prosemirror-model "^1.0.0"
+    prosemirror-transform "^1.0.0"
+    prosemirror-view "^1.27.0"
+
+prosemirror-tables@^1.6.4:
+  version "1.7.1"
+  resolved "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.7.1.tgz"
+  integrity sha512-eRQ97Bf+i9Eby99QbyAiyov43iOKgWa7QCGly+lrDt7efZ1v8NWolhXiB43hSDGIXT1UXgbs4KJN3a06FGpr1Q==
+  dependencies:
+    prosemirror-keymap "^1.2.2"
+    prosemirror-model "^1.25.0"
+    prosemirror-state "^1.4.3"
+    prosemirror-transform "^1.10.3"
+    prosemirror-view "^1.39.1"
+
+prosemirror-trailing-node@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz"
+  integrity sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==
+  dependencies:
+    "@remirror/core-constants" "3.0.0"
+    escape-string-regexp "^4.0.0"
+
+prosemirror-transform@^1.0.0, prosemirror-transform@^1.1.0, prosemirror-transform@^1.10.2, prosemirror-transform@^1.10.3, prosemirror-transform@^1.7.3:
+  version "1.10.4"
+  resolved "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.4.tgz"
+  integrity sha512-pwDy22nAnGqNR1feOQKHxoFkkUtepoFAd3r2hbEDsnf4wp57kKA36hXsB3njA9FtONBEwSDnDeCiJe+ItD+ykw==
+  dependencies:
+    prosemirror-model "^1.21.0"
+
+prosemirror-view@^1.0.0, prosemirror-view@^1.1.0, prosemirror-view@^1.27.0, prosemirror-view@^1.31.0, prosemirror-view@^1.37.0, prosemirror-view@^1.39.1:
+  version "1.39.3"
+  resolved "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.39.3.tgz"
+  integrity sha512-bY/7kg0LzRE7ytR0zRdSMWX3sknEjw68l836ffLPMh0OG3OYnNuBDUSF3v0vjvnzgYjgY9ZH/RypbARURlcMFA==
+  dependencies:
+    prosemirror-model "^1.20.0"
+    prosemirror-state "^1.0.0"
+    prosemirror-transform "^1.1.0"
+
+protocols@^2.0.0, protocols@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/protocols/-/protocols-2.0.1.tgz"
+  integrity sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==
+
+prr@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz"
+  integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
+
+punycode.js@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz"
+  integrity sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==
+
+punycode@^2.1.0, punycode@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+quill-delta@^3.6.2:
+  version "3.6.3"
+  resolved "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz"
+  integrity sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==
+  dependencies:
+    deep-equal "^1.0.1"
+    extend "^3.0.2"
+    fast-diff "1.1.2"
+
+quill-delta@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.npmjs.org/quill-delta/-/quill-delta-4.2.2.tgz"
+  integrity sha512-qjbn82b/yJzOjstBgkhtBjN2TNK+ZHP/BgUQO+j6bRhWQQdmj2lH6hXG7+nwwLF41Xgn//7/83lxs9n2BkTtTg==
+  dependencies:
+    fast-diff "1.2.0"
+    lodash.clonedeep "^4.5.0"
+    lodash.isequal "^4.5.0"
+
+quill@^1.3.7:
+  version "1.3.7"
+  resolved "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz"
+  integrity sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==
+  dependencies:
+    clone "^2.1.1"
+    deep-equal "^1.0.1"
+    eventemitter3 "^2.0.3"
+    extend "^3.0.2"
+    parchment "^1.1.4"
+    quill-delta "^3.6.2"
+
+radix3@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/radix3/-/radix3-1.0.1.tgz"
+  integrity sha512-y+AcwZ3HcUIGc9zGsNVf5+BY/LxL+z+4h4J3/pp8jxSmy1STaCocPS3qrj4tA5ehUSzqtqK+0Aygvz/r/8vy4g==
+
+raf@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz"
+  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
+  dependencies:
+    performance-now "^2.1.0"
+
+randombytes@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz"
+  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
+  dependencies:
+    safe-buffer "^5.1.0"
+
+range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+rc9@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/rc9/-/rc9-2.1.1.tgz"
+  integrity sha512-lNeOl38Ws0eNxpO3+wD1I9rkHGQyj1NU1jlzv4go2CtEnEQEUfqnIvZG7W+bC/aXdJ27n5x/yUjb6RoT9tko+Q==
+  dependencies:
+    defu "^6.1.2"
+    destr "^2.0.0"
+    flat "^5.0.2"
+
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
+readable-stream@^2.0.0:
+  version "2.3.8"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^2.0.1:
+  version "2.3.8"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^2.0.5:
+  version "2.3.8"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
+  version "3.6.2"
+  resolved "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readdir-glob@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/readdir-glob/-/readdir-glob-1.1.3.tgz"
+  integrity sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==
+  dependencies:
+    minimatch "^5.1.0"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+redis-errors@^1.0.0, redis-errors@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/redis-errors/-/redis-errors-1.2.0.tgz"
+  integrity sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==
+
+redis-parser@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/redis-parser/-/redis-parser-3.0.0.tgz"
+  integrity sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==
+  dependencies:
+    redis-errors "^1.0.0"
+
+regenerate-unicode-properties@^10.1.0:
+  version "10.1.0"
+  resolved "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz"
+  integrity sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==
+  dependencies:
+    regenerate "^1.4.2"
+
+regenerate@^1.4.2:
+  version "1.4.2"
+  resolved "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz"
+  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
+
+regenerator-runtime@^0.13.7:
+  version "0.13.11"
+  resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz"
+  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
+
+regenerator-runtime@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz"
+  integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
+
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
+  dependencies:
+    "@babel/runtime" "^7.8.4"
+
+regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.4.3, regexp.prototype.flags@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz"
+  integrity sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    functions-have-names "^1.2.3"
+
+regexpp@^3.0.0, regexpp@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz"
+  integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
+
+regexpu-core@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz"
+  integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==
+  dependencies:
+    "@babel/regjsgen" "^0.8.0"
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.1.0"
+    regjsparser "^0.9.1"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.1.0"
+
+regjsparser@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz"
+  integrity sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==
+  dependencies:
+    jsesc "~0.5.0"
+
+replace-in-file@^6.1.0:
+  version "6.3.5"
+  resolved "https://registry.npmjs.org/replace-in-file/-/replace-in-file-6.3.5.tgz"
+  integrity sha512-arB9d3ENdKva2fxRnSjwBEXfK1npgyci7ZZuwysgAp7ORjHSyxz6oqIjTEv8R0Ydl4Ll7uOAZXL4vbkhGIizCg==
+  dependencies:
+    chalk "^4.1.2"
+    glob "^7.2.0"
+    yargs "^17.2.1"
+
+req-all@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/req-all/-/req-all-0.1.0.tgz"
+  integrity sha512-ZdvPr8uXy9ujX3KujwE2P1HWkMYgogIhqeAeyb47MqWjSfyxERSm0TNbN/IapCCmWDufXab04AYrRgObaJCJ6Q==
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
+
+require-from-string@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz"
+  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+requires-port@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz"
+  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
+resolve-path@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/resolve-path/-/resolve-path-1.4.0.tgz"
+  integrity sha512-i1xevIst/Qa+nA9olDxLWnLk8YZbi8R/7JPbCMcgyWaFR6bKWaexgJgEB5oc2PKMjYdrHynyz0NY+if+H98t1w==
+  dependencies:
+    http-errors "~1.6.2"
+    path-is-absolute "1.0.1"
+
+resolve@^1.1.7, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1, resolve@^1.22.2, resolve@^1.22.4:
+  version "1.22.4"
+  resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz"
+  integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^2.0.0-next.3:
+  version "2.0.0-next.4"
+  resolved "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz"
+  integrity sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==
+  dependencies:
+    is-core-module "^2.9.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+rgbcolor@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz"
+  integrity sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==
+
+rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+  dependencies:
+    glob "^7.1.3"
+
+rollup-plugin-terser@^7.0.0:
+  version "7.0.2"
+  resolved "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz"
+  integrity sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    jest-worker "^26.2.1"
+    serialize-javascript "^4.0.0"
+    terser "^5.0.0"
+
+rollup-plugin-visualizer@^5.9.2:
+  version "5.9.2"
+  resolved "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.9.2.tgz"
+  integrity sha512-waHktD5mlWrYFrhOLbti4YgQCn1uR24nYsNuXxg7LkPH8KdTXVWR9DNY1WU0QqokyMixVXJS4J04HNrVTMP01A==
+  dependencies:
+    open "^8.4.0"
+    picomatch "^2.3.1"
+    source-map "^0.7.4"
+    yargs "^17.5.1"
+
+rollup@^2.43.1:
+  version "2.79.1"
+  resolved "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz"
+  integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+rollup@^3.21.0, rollup@^3.25.3:
+  version "3.27.2"
+  resolved "https://registry.npmjs.org/rollup/-/rollup-3.27.2.tgz"
+  integrity sha512-YGwmHf7h2oUHkVBT248x0yt6vZkYQ3/rvE5iQuVBh3WO8GcJ6BNeOkpoX1yMHIiBm18EMLjBPIoUDkhgnyxGOQ==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+rope-sequence@^1.3.0:
+  version "1.3.4"
+  resolved "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz"
+  integrity sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==
+
+rrweb-cssom@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz"
+  integrity sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+safe-array-concat@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz"
+  integrity sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.0"
+    has-symbols "^1.0.3"
+    isarray "^2.0.5"
+
+safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@~5.2.0, safe-buffer@5.2.1:
+  version "5.2.1"
+  resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
+  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
+
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+safe-buffer@5.1.2:
+  version "5.1.2"
+  resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+safe-regex-test@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz"
+  integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.3"
+    is-regex "^1.1.4"
+
+"safer-buffer@>= 2.1.2 < 3.0.0":
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+sass@^1.62.0:
+  version "1.64.2"
+  resolved "https://registry.npmjs.org/sass/-/sass-1.64.2.tgz"
+  integrity sha512-TnDlfc+CRnUAgLO9D8cQLFu/GIjJIzJCGkE7o4ekIGQOH7T3GetiRR/PsTWJUHhkzcSPrARkPI+gNWn5alCzDg==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
+saxes@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz"
+  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
+  dependencies:
+    xmlchars "^2.2.0"
+
+schema-utils@^3.0.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz"
+  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
+screenfull@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/screenfull/-/screenfull-5.2.0.tgz"
+  integrity sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==
+
+scule@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/scule/-/scule-1.0.0.tgz"
+  integrity sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==
+
+semver@^5.6.0:
+  version "5.7.2"
+  resolved "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
+semver@^6.0.0, semver@^6.1.0, semver@^6.3.0, semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.3.4:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.3.5:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.3.6:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.3.7:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.5.0:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.5.3:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.5.4:
+  version "7.5.4"
+  resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+send@0.18.0:
+  version "0.18.0"
+  resolved "https://registry.npmjs.org/send/-/send-0.18.0.tgz"
+  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
+serialize-javascript@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz"
+  integrity sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==
+  dependencies:
+    randombytes "^2.1.0"
+
+serialize-javascript@^6.0.1:
+  version "6.0.2"
+  resolved "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz"
+  integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
+  dependencies:
+    randombytes "^2.1.0"
+
+serve-placeholder@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/serve-placeholder/-/serve-placeholder-2.0.1.tgz"
+  integrity sha512-rUzLlXk4uPFnbEaIz3SW8VISTxMuONas88nYWjAWaM2W9VDbt9tyFOr3lq8RhVOFrT3XISoBw8vni5una8qMnQ==
+  dependencies:
+    defu "^6.0.0"
+
+serve-static@^1.15.0:
+  version "1.15.0"
+  resolved "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz"
+  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
+  dependencies:
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.18.0"
+
+set-blocking@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz"
+  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
+
+setprototypeof@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz"
+  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+side-channel@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz"
+  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+  dependencies:
+    call-bind "^1.0.0"
+    get-intrinsic "^1.0.2"
+    object-inspect "^1.9.0"
+
+signal-exit@^3.0.0, signal-exit@^3.0.3, signal-exit@^3.0.7:
+  version "3.0.7"
+  resolved "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz"
+  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
+sisteransi@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz"
+  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
+
+slash@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz"
+  integrity sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==
+
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
+slash@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz"
+  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
+
+smob@^1.0.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/smob/-/smob-1.4.0.tgz"
+  integrity sha512-MqR3fVulhjWuRNSMydnTlweu38UhQ0HXM4buStD/S3mc/BzX3CuM9OmhyQpmtYCvoYdl5ris6TI0ZqH355Ymqg==
+
+sortablejs@1.14.0:
+  version "1.14.0"
+  resolved "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz"
+  integrity sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==
+
+source-map-js@^1.0.1, source-map-js@^1.0.2, "source-map-js@>=0.6.2 <2.0.0":
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+source-map-support@^0.5.21, source-map-support@~0.5.20:
+  version "0.5.21"
+  resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@^0.6.0:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+source-map@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+source-map@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
+source-map@^0.8.0-beta.0:
+  version "0.8.0-beta.0"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz"
+  integrity sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==
+  dependencies:
+    whatwg-url "^7.0.0"
+
+sourcemap-codec@^1.4.8:
+  version "1.4.8"
+  resolved "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+
+ssr-window@^4.0.0, ssr-window@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/ssr-window/-/ssr-window-4.0.2.tgz"
+  integrity sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==
+
+stable@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz"
+  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
+
+stackblur-canvas@^2.0.0:
+  version "2.7.0"
+  resolved "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz"
+  integrity sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==
+
+standard-as-callback@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/standard-as-callback/-/standard-as-callback-2.1.0.tgz"
+  integrity sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==
+
+statuses@^1.5.0, "statuses@>= 1.5.0 < 2":
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz"
+  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+
+"statuses@>= 1.4.0 < 2":
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz"
+  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
+std-env@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.npmjs.org/std-env/-/std-env-3.3.3.tgz"
+  integrity sha512-Rz6yejtVyWnVjC1RFvNmYL10kgjC49EOghxWn0RFqlCHGFpQx+Xe7yW3I4ceK1SGrWIGMjD5Kbue8W/udkbMJg==
+
+streamsearch@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz"
+  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
+
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+string-natural-compare@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/string-natural-compare/-/string-natural-compare-3.0.1.tgz"
+  integrity sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==
+
+"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string.prototype.matchall@^4.0.6, string.prototype.matchall@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz"
+  integrity sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+    get-intrinsic "^1.1.3"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.3"
+    regexp.prototype.flags "^1.4.3"
+    side-channel "^1.0.4"
+
+string.prototype.trim@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz"
+  integrity sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+string.prototype.trimend@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz"
+  integrity sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+string.prototype.trimstart@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz"
+  integrity sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.20.4"
+
+stringify-object@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/stringify-object/-/stringify-object-3.3.0.tgz"
+  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
+  dependencies:
+    get-own-enumerable-property-symbols "^3.0.0"
+    is-obj "^1.0.1"
+    is-regexp "^1.0.0"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
+
+strip-comments@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/strip-comments/-/strip-comments-2.0.1.tgz"
+  integrity sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==
+
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz"
+  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+strip-final-newline@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz"
+  integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
+
+strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+strip-literal@^1.0.1, strip-literal@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/strip-literal/-/strip-literal-1.3.0.tgz"
+  integrity sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==
+  dependencies:
+    acorn "^8.10.0"
+
+style-mod@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/style-mod/-/style-mod-4.0.3.tgz"
+  integrity sha512-78Jv8kYJdjbvRwwijtCevYADfsI0lGzYJe4mMFdceO8l75DFFDoqBhR1jVDicDRRaX4//g1u9wKeo+ztc2h1Rw==
+
+stylehacks@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz"
+  integrity sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-selector-parser "^6.0.4"
+
+stylehacks@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz"
+  integrity sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-selector-parser "^6.0.4"
+
+sucrase@^3.32.0:
+  version "3.34.0"
+  resolved "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz"
+  integrity sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "7.1.6"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
+supports-color@^7.0.0, supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-color@^9.4.0:
+  version "9.4.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-9.4.0.tgz"
+  integrity sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw==
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+svg-pathdata@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz"
+  integrity sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==
+
+svg-tags@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz"
+  integrity sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==
+
+svg.draggable.js@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.npmjs.org/svg.draggable.js/-/svg.draggable.js-2.2.2.tgz"
+  integrity sha512-JzNHBc2fLQMzYCZ90KZHN2ohXL0BQJGQimK1kGk6AvSeibuKcIdDX9Kr0dT9+UJ5O8nYA0RB839Lhvk4CY4MZw==
+  dependencies:
+    svg.js "^2.0.1"
+
+svg.easing.js@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/svg.easing.js/-/svg.easing.js-2.0.0.tgz"
+  integrity sha512-//ctPdJMGy22YoYGV+3HEfHbm6/69LJUTAqI2/5qBvaNHZ9uUFVC82B0Pl299HzgH13rKrBgi4+XyXXyVWWthA==
+  dependencies:
+    svg.js ">=2.3.x"
+
+svg.filter.js@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/svg.filter.js/-/svg.filter.js-2.0.2.tgz"
+  integrity sha512-xkGBwU+dKBzqg5PtilaTb0EYPqPfJ9Q6saVldX+5vCRy31P6TlRCP3U9NxH3HEufkKkpNgdTLBJnmhDHeTqAkw==
+  dependencies:
+    svg.js "^2.2.5"
+
+svg.js@^2.0.1, svg.js@^2.2.5, svg.js@^2.4.0, svg.js@^2.6.5, svg.js@>=2.3.x:
+  version "2.7.1"
+  resolved "https://registry.npmjs.org/svg.js/-/svg.js-2.7.1.tgz"
+  integrity sha512-ycbxpizEQktk3FYvn/8BH+6/EuWXg7ZpQREJvgacqn46gIddG24tNNe4Son6omdXCnSOaApnpZw6MPCBA1dODA==
+
+svg.pathmorphing.js@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.npmjs.org/svg.pathmorphing.js/-/svg.pathmorphing.js-0.1.3.tgz"
+  integrity sha512-49HWI9X4XQR/JG1qXkSDV8xViuTLIWm/B/7YuQELV5KMOPtXjiwH4XPJvr/ghEDibmLQ9Oc22dpWpG0vUDDNww==
+  dependencies:
+    svg.js "^2.4.0"
+
+svg.resize.js@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.npmjs.org/svg.resize.js/-/svg.resize.js-1.4.3.tgz"
+  integrity sha512-9k5sXJuPKp+mVzXNvxz7U0uC9oVMQrrf7cFsETznzUDDm0x8+77dtZkWdMfRlmbkEEYvUn9btKuZ3n41oNA+uw==
+  dependencies:
+    svg.js "^2.6.5"
+    svg.select.js "^2.1.2"
+
+svg.select.js@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/svg.select.js/-/svg.select.js-2.1.2.tgz"
+  integrity sha512-tH6ABEyJsAOVAhwcCjF8mw4crjXSI1aa7j2VQR8ZuJ37H2MBUbyeqYr5nEO7sSN3cy9AR9DUwNg0t/962HlDbQ==
+  dependencies:
+    svg.js "^2.2.5"
+
+svg.select.js@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/svg.select.js/-/svg.select.js-3.0.1.tgz"
+  integrity sha512-h5IS/hKkuVCbKSieR9uQCj9w+zLHoPh+ce19bBYyqF53g6mnPB8sAtIbe1s9dh2S2fCmYX2xel1Ln3PJBbK4kw==
+  dependencies:
+    svg.js "^2.6.5"
+
+svgo@^2.7.0:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz"
+  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
+  dependencies:
+    "@trysound/sax" "0.2.0"
+    commander "^7.2.0"
+    css-select "^4.1.3"
+    css-tree "^1.1.3"
+    csso "^4.2.0"
+    picocolors "^1.0.0"
+    stable "^0.1.8"
+
+svgo@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmjs.org/svgo/-/svgo-3.0.2.tgz"
+  integrity sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==
+  dependencies:
+    "@trysound/sax" "0.2.0"
+    commander "^7.2.0"
+    css-select "^5.1.0"
+    css-tree "^2.2.1"
+    csso "^5.0.5"
+    picocolors "^1.0.0"
+
+sweetalert2@11.x:
+  version "11.7.20"
+  resolved "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.7.20.tgz"
+  integrity sha512-GdU1TkiLpGGC0mcPV8bKmS7G0MR7caxambPkEU8zyepRSNR9EaEvIjNhX5QNkL0VFVzHbI3l12NtuEklkJ0D4Q==
+
+swiper@^8.4.4:
+  version "8.4.7"
+  resolved "https://registry.npmjs.org/swiper/-/swiper-8.4.7.tgz"
+  integrity sha512-VwO/KU3i9IV2Sf+W2NqyzwWob4yX9Qdedq6vBtS0rFqJ6Fa5iLUJwxQkuD4I38w0WDJwmFl8ojkdcRFPHWD+2g==
+  dependencies:
+    dom7 "^4.0.4"
+    ssr-window "^4.0.2"
+
+symbol-tree@^3.2.4:
+  version "3.2.4"
+  resolved "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz"
+  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
+
+tailwind-config-viewer@^1.7.2:
+  version "1.7.2"
+  resolved "https://registry.npmjs.org/tailwind-config-viewer/-/tailwind-config-viewer-1.7.2.tgz"
+  integrity sha512-3JJCeAAlvG+i/EBj+tQb0x4weo30QjdSAo4hlcnVbtD+CkpzHi/UwU9InbPMcYH+ESActoa2kCyjpLEyjEkn0Q==
+  dependencies:
+    "@koa/router" "^9.0.1"
+    commander "^6.0.0"
+    fs-extra "^9.0.1"
+    koa "^2.12.0"
+    koa-static "^5.0.0"
+    open "^7.0.4"
+    portfinder "^1.0.26"
+    replace-in-file "^6.1.0"
+
+tailwindcss@~3.3.2:
+  version "3.3.3"
+  resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz"
+  integrity sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.2.12"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.18.2"
+    lilconfig "^2.1.0"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
+    postcss-selector-parser "^6.0.11"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"
+
+tapable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz"
+  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
+
+tapable@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+tar-stream@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz"
+  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
+  dependencies:
+    bl "^4.0.3"
+    end-of-stream "^1.4.1"
+    fs-constants "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+
+tar@^6.1.11, tar@^6.1.13:
+  version "6.1.15"
+  resolved "https://registry.npmjs.org/tar/-/tar-6.1.15.tgz"
+  integrity sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==
+  dependencies:
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    minipass "^5.0.0"
+    minizlib "^2.1.1"
+    mkdirp "^1.0.3"
+    yallist "^4.0.0"
+
+temp-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz"
+  integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
+
+tempy@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.npmjs.org/tempy/-/tempy-0.6.0.tgz"
+  integrity sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==
+  dependencies:
+    is-stream "^2.0.0"
+    temp-dir "^2.0.0"
+    type-fest "^0.16.0"
+    unique-string "^2.0.0"
+
+terser@^5.0.0, terser@^5.17.4:
+  version "5.40.0"
+  resolved "https://registry.npmjs.org/terser/-/terser-5.40.0.tgz"
+  integrity sha512-cfeKl/jjwSR5ar7d0FGmave9hFGJT8obyo0z+CrQOylLDbk7X81nPU6vq9VORa5jU30SkDnT2FXjLbR8HLP+xA==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.14.0"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
+text-segmentation@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz"
+  integrity sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==
+  dependencies:
+    utrie "^1.0.2"
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+thememirror@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/thememirror/-/thememirror-2.0.1.tgz"
+  integrity sha512-d5i6FVvWWPkwrm4cHLI3t9AT1OrkAt7Ig8dtdYSofgF7C/eiyNuq6zQzSTusWTde3jpW9WLvA9J/fzNKMUsd0w==
+
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
+tiny-invariant@^1.1.0:
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.1.tgz"
+  integrity sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==
+
+tippy.js@^6.3.7:
+  version "6.3.7"
+  resolved "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz"
+  integrity sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==
+  dependencies:
+    "@popperjs/core" "^2.9.0"
+
+tldts-core@^7.0.17:
+  version "7.0.17"
+  resolved "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.17.tgz"
+  integrity sha512-DieYoGrP78PWKsrXr8MZwtQ7GLCUeLxihtjC1jZsW1DnvSMdKPitJSe8OSYDM2u5H6g3kWJZpePqkp43TfLh0g==
+
+tldts@^7.0.5:
+  version "7.0.17"
+  resolved "https://registry.npmjs.org/tldts/-/tldts-7.0.17.tgz"
+  integrity sha512-Y1KQBgDd/NUc+LfOtKS6mNsC9CCaH+m2P1RoIZy7RAPo3C3/t8X45+zgut31cRZtZ3xKPjfn3TkGTrctC2TQIQ==
+  dependencies:
+    tldts-core "^7.0.17"
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
+tough-cookie@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.0.tgz"
+  integrity sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==
+  dependencies:
+    tldts "^7.0.5"
+
+tr46@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz"
+  integrity sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==
+  dependencies:
+    punycode "^2.1.0"
+
+tr46@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz"
+  integrity sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==
+  dependencies:
+    punycode "^2.3.1"
+
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz"
+  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
+
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
+tsconfig-paths@^3.14.1:
+  version "3.14.2"
+  resolved "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz"
+  integrity sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tslib@^1.8.1:
+  version "1.14.1"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@^2.0.3, tslib@^2.1.0:
+  version "2.6.1"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.6.1.tgz"
+  integrity sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==
+
+tsscmp@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/tsscmp/-/tsscmp-1.0.6.tgz"
+  integrity sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==
+
+tsutils@^3.21.0:
+  version "3.21.0"
+  resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz"
+  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+  dependencies:
+    tslib "^1.8.1"
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-fest@^0.16.0:
+  version "0.16.0"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.16.0.tgz"
+  integrity sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==
+
+type-fest@^0.20.2:
+  version "0.20.2"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
+  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+
+type-fest@^0.21.3:
+  version "0.21.3"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz"
+  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
+
+type-fest@^2.11.2:
+  version "2.19.0"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz"
+  integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
+
+type-is@^1.6.16:
+  version "1.6.18"
+  resolved "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
+typed-array-buffer@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz"
+  integrity sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+    is-typed-array "^1.1.10"
+
+typed-array-byte-length@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz"
+  integrity sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==
+  dependencies:
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    has-proto "^1.0.1"
+    is-typed-array "^1.1.10"
+
+typed-array-byte-offset@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz"
+  integrity sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==
+  dependencies:
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    has-proto "^1.0.1"
+    is-typed-array "^1.1.10"
+
+typed-array-length@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz"
+  integrity sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==
+  dependencies:
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    is-typed-array "^1.1.9"
+
+uc.micro@^2.0.0, uc.micro@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz"
+  integrity sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==
+
+ufo@^1.1.1, ufo@^1.1.2, ufo@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/ufo/-/ufo-1.2.0.tgz"
+  integrity sha512-RsPyTbqORDNDxqAdQPQBpgqhWle1VcTSou/FraClYlHf6TZnQcGslpLcAphNR+sQW4q5lLWLbOsRlh9j24baQg==
+
+ultrahtml@^1.2.0:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/ultrahtml/-/ultrahtml-1.3.0.tgz"
+  integrity sha512-xmXvE8tC8t4PVqy0/g1fe7H9USY/Brr425q4dD/0QbQMQit7siCtb06+SCqE4GfU24nwsZz8Th1g7L7mm1lL5g==
+
+unbox-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz"
+  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+  dependencies:
+    call-bind "^1.0.2"
+    has-bigints "^1.0.2"
+    has-symbols "^1.0.3"
+    which-boxed-primitive "^1.0.2"
+
+uncrypto@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.npmjs.org/uncrypto/-/uncrypto-0.1.3.tgz"
+  integrity sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==
+
+unctx@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/unctx/-/unctx-2.3.1.tgz"
+  integrity sha512-PhKke8ZYauiqh3FEMVNm7ljvzQiph0Mt3GBRve03IJm7ukfaON2OBK795tLwhbyfzknuRRkW0+Ze+CQUmzOZ+A==
+  dependencies:
+    acorn "^8.8.2"
+    estree-walker "^3.0.3"
+    magic-string "^0.30.0"
+    unplugin "^1.3.1"
+
+undici@^5.22.1:
+  version "5.23.0"
+  resolved "https://registry.npmjs.org/undici/-/undici-5.23.0.tgz"
+  integrity sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==
+  dependencies:
+    busboy "^1.6.0"
+
+unenv@^1.5.1, unenv@^1.6.1:
+  version "1.6.2"
+  resolved "https://registry.npmjs.org/unenv/-/unenv-1.6.2.tgz"
+  integrity sha512-oDbB3arlgPB8Berj4nD7z9ydzF8ITInlBunf0a+3YJkLDhI1DJrUdmv2ovPXAIXvxzW4FTIGtWqng6dk7/kziA==
+  dependencies:
+    consola "^3.2.3"
+    defu "^6.1.2"
+    mime "^3.0.0"
+    node-fetch-native "^1.2.0"
+    pathe "^1.1.1"
+
+unhead@1.2.2:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/unhead/-/unhead-1.2.2.tgz"
+  integrity sha512-9wDuiso7YWNe0BTA5NGsHR0dtqn0YrL/5+NumfuXDxxYykavc6N27pzZxTXiuvVHbod8tFicsxA6pC9WhQvzqg==
+  dependencies:
+    "@unhead/dom" "1.2.2"
+    "@unhead/schema" "1.2.2"
+    "@unhead/shared" "1.2.2"
+    hookable "^5.5.3"
+
+unicode-canonical-property-names-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz"
+  integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==
+
+unicode-match-property-ecmascript@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz"
+  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
+  dependencies:
+    unicode-canonical-property-names-ecmascript "^2.0.0"
+    unicode-property-aliases-ecmascript "^2.0.0"
+
+unicode-match-property-value-ecmascript@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz"
+  integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==
+
+unicode-property-aliases-ecmascript@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz"
+  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
+
+unimport@^3.0.11, unimport@^3.0.14:
+  version "3.1.3"
+  resolved "https://registry.npmjs.org/unimport/-/unimport-3.1.3.tgz"
+  integrity sha512-up4TE2yA+nMyyErGTjbYGVw95MriGa2hVRXQ3/JRp7984cwwqULcnBjHaovVpsO8tZc2j0fvgGu9yiBKOyxvYw==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.2"
+    escape-string-regexp "^5.0.0"
+    fast-glob "^3.3.1"
+    local-pkg "^0.4.3"
+    magic-string "^0.30.2"
+    mlly "^1.4.0"
+    pathe "^1.1.1"
+    pkg-types "^1.0.3"
+    scule "^1.0.0"
+    strip-literal "^1.3.0"
+    unplugin "^1.4.0"
+
+unique-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz"
+  integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==
+  dependencies:
+    crypto-random-string "^2.0.0"
+
+universalify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz"
+  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
+
+unplugin-vue-router@^0.6.4:
+  version "0.6.4"
+  resolved "https://registry.npmjs.org/unplugin-vue-router/-/unplugin-vue-router-0.6.4.tgz"
+  integrity sha512-9THVhhtbVFxbsIibjK59oPwMI1UCxRWRPX7azSkTUABsxovlOXJys5SJx0kd/0oKIqNJuYgkRfAgPuO77SqCOg==
+  dependencies:
+    "@babel/types" "^7.21.5"
+    "@rollup/pluginutils" "^5.0.2"
+    "@vue-macros/common" "^1.3.1"
+    ast-walker-scope "^0.4.1"
+    chokidar "^3.5.3"
+    fast-glob "^3.2.12"
+    json5 "^2.2.3"
+    local-pkg "^0.4.3"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
+    scule "^1.0.0"
+    unplugin "^1.3.1"
+    yaml "^2.2.2"
+
+unplugin@^1.3.1, unplugin@^1.3.2, unplugin@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/unplugin/-/unplugin-1.4.0.tgz"
+  integrity sha512-5x4eIEL6WgbzqGtF9UV8VEC/ehKptPXDS6L2b0mv4FRMkJxRtjaJfOWDd6a8+kYbqsjklix7yWP0N3SUepjXcg==
+  dependencies:
+    acorn "^8.9.0"
+    chokidar "^3.5.3"
+    webpack-sources "^3.2.3"
+    webpack-virtual-modules "^0.5.0"
+
+unstorage@^1.7.0:
+  version "1.9.0"
+  resolved "https://registry.npmjs.org/unstorage/-/unstorage-1.9.0.tgz"
+  integrity sha512-VpD8ZEYc/le8DZCrny3bnqKE4ZjioQxBRnWE+j5sGNvziPjeDlaS1NaFFHzl/kkXaO3r7UaF8MGQrs14+1B4pQ==
+  dependencies:
+    anymatch "^3.1.3"
+    chokidar "^3.5.3"
+    destr "^2.0.1"
+    h3 "^1.7.1"
+    ioredis "^5.3.2"
+    listhen "^1.2.2"
+    lru-cache "^10.0.0"
+    mri "^1.2.0"
+    node-fetch-native "^1.2.0"
+    ofetch "^1.1.1"
+    ufo "^1.2.0"
+
+untyped@^1.3.2:
+  version "1.4.0"
+  resolved "https://registry.npmjs.org/untyped/-/untyped-1.4.0.tgz"
+  integrity sha512-Egkr/s4zcMTEuulcIb7dgURS6QpN7DyqQYdf+jBtiaJvQ+eRsrtWUoX84SbvQWuLkXsOjM+8sJC9u6KoMK/U7Q==
+  dependencies:
+    "@babel/core" "^7.22.9"
+    "@babel/standalone" "^7.22.9"
+    "@babel/types" "^7.22.5"
+    defu "^6.1.2"
+    jiti "^1.19.1"
+    mri "^1.2.0"
+    scule "^1.0.0"
+
+upath@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz"
+  integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
+
+update-browserslist-db@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz"
+  integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+utrie@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz"
+  integrity sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==
+  dependencies:
+    base64-arraybuffer "^1.0.2"
+
+uuid@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz"
+  integrity sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==
+
+v-calendar@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/v-calendar/-/v-calendar-3.0.3.tgz"
+  integrity sha512-Skpp/nMoFqFadm94aWj0oOfazoux5T5Ug3/pbRbdolkoDrnVcL7Ronw1/SGFRUPGOwnLdYwhKPhrhSE1segW6w==
+  dependencies:
+    "@types/lodash" "^4.14.165"
+    "@types/resize-observer-browser" "^0.1.7"
+    date-fns "^2.16.1"
+    date-fns-tz "^1.0.12"
+    lodash "^4.17.20"
+    vue-screen-utils "^1.0.0-beta.13"
+
+vary@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
+vite-node@^0.33.0:
+  version "0.33.0"
+  resolved "https://registry.npmjs.org/vite-node/-/vite-node-0.33.0.tgz"
+  integrity sha512-19FpHYbwWWxDr73ruNahC+vtEdza52kA90Qb3La98yZ0xULqV8A5JLNPUff0f5zID4984tW7l3DH2przTJUZSw==
+  dependencies:
+    cac "^6.7.14"
+    debug "^4.3.4"
+    mlly "^1.4.0"
+    pathe "^1.1.1"
+    picocolors "^1.0.0"
+    vite "^3.0.0 || ^4.0.0"
+
+vite-plugin-checker@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npmjs.org/vite-plugin-checker/-/vite-plugin-checker-0.6.1.tgz"
+  integrity sha512-4fAiu3W/IwRJuJkkUZlWbLunSzsvijDf0eDN6g/MGh6BUK4SMclOTGbLJCPvdAcMOQvVmm8JyJeYLYd4//8CkA==
+  dependencies:
+    "@babel/code-frame" "^7.12.13"
+    ansi-escapes "^4.3.0"
+    chalk "^4.1.1"
+    chokidar "^3.5.1"
+    commander "^8.0.0"
+    fast-glob "^3.2.7"
+    fs-extra "^11.1.0"
+    lodash.debounce "^4.0.8"
+    lodash.pick "^4.4.0"
+    npm-run-path "^4.0.1"
+    semver "^7.5.0"
+    strip-ansi "^6.0.0"
+    tiny-invariant "^1.1.0"
+    vscode-languageclient "^7.0.0"
+    vscode-languageserver "^7.0.0"
+    vscode-languageserver-textdocument "^1.0.1"
+    vscode-uri "^3.0.2"
+
+"vite-plugin-pwa@>=0.16.3 <1":
+  version "0.16.4"
+  resolved "https://registry.npmjs.org/vite-plugin-pwa/-/vite-plugin-pwa-0.16.4.tgz"
+  integrity sha512-lmwHFIs9zI2H9bXJld/zVTbCqCQHZ9WrpyDMqosICDV0FVnCJwniX1NMDB79HGTIZzOQkY4gSZaVTJTw6maz/Q==
+  dependencies:
+    debug "^4.3.4"
+    fast-glob "^3.2.12"
+    pretty-bytes "^6.0.0"
+    workbox-build "^7.0.0"
+    workbox-window "^7.0.0"
+
+"vite@^3.0.0 || ^4.0.0", vite@~4.3.9:
+  version "4.3.9"
+  resolved "https://registry.npmjs.org/vite/-/vite-4.3.9.tgz"
+  integrity sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==
+  dependencies:
+    esbuild "^0.17.5"
+    postcss "^8.4.23"
+    rollup "^3.21.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+vscode-jsonrpc@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-6.0.0.tgz"
+  integrity sha512-wnJA4BnEjOSyFMvjZdpiOwhSq9uDoK8e/kpRJDTaMYzwlkrhG1fwDIZI94CLsLzlCK5cIbMMtFlJlfR57Lavmg==
+
+vscode-languageclient@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/vscode-languageclient/-/vscode-languageclient-7.0.0.tgz"
+  integrity sha512-P9AXdAPlsCgslpP9pRxYPqkNYV7Xq8300/aZDpO35j1fJm/ncize8iGswzYlcvFw5DQUx4eVk+KvfXdL0rehNg==
+  dependencies:
+    minimatch "^3.0.4"
+    semver "^7.3.4"
+    vscode-languageserver-protocol "3.16.0"
+
+vscode-languageserver-protocol@3.16.0:
+  version "3.16.0"
+  resolved "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.16.0.tgz"
+  integrity sha512-sdeUoAawceQdgIfTI+sdcwkiK2KU+2cbEYA0agzM2uqaUy2UpnnGHtWTHVEtS0ES4zHU0eMFRGN+oQgDxlD66A==
+  dependencies:
+    vscode-jsonrpc "6.0.0"
+    vscode-languageserver-types "3.16.0"
+
+vscode-languageserver-textdocument@^1.0.1:
+  version "1.0.8"
+  resolved "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.8.tgz"
+  integrity sha512-1bonkGqQs5/fxGT5UchTgjGVnfysL0O8v1AYMBjqTbWQTFn721zaPGDYFkOKtfDgFiSgXM3KwaG3FMGfW4Ed9Q==
+
+vscode-languageserver-types@3.16.0:
+  version "3.16.0"
+  resolved "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.16.0.tgz"
+  integrity sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==
+
+vscode-languageserver@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-7.0.0.tgz"
+  integrity sha512-60HTx5ID+fLRcgdHfmz0LDZAXYEV68fzwG0JWwEPBode9NuMYTIxuYXPg4ngO8i8+Ou0lM7y6GzaYWbiDL0drw==
+  dependencies:
+    vscode-languageserver-protocol "3.16.0"
+
+vscode-uri@^3.0.2:
+  version "3.0.7"
+  resolved "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.7.tgz"
+  integrity sha512-eOpPHogvorZRobNqJGhapa0JdwaxpjVvyBp0QIUMRMSf8ZAlqOdEquKuRmw9Qwu0qXtJIWqFtMkmvJjUZmMjVA==
+
+vue-bundle-renderer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/vue-bundle-renderer/-/vue-bundle-renderer-1.0.3.tgz"
+  integrity sha512-EfjX+5TTUl70bki9hPuVp+54JiZOvFIfoWBcfXsSwLzKEiDYyHNi5iX8srnqLIv3YRnvxgbntdcG1WPq0MvffQ==
+  dependencies:
+    ufo "^1.1.1"
+
+vue-chart-3@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.npmjs.org/vue-chart-3/-/vue-chart-3-3.1.8.tgz"
+  integrity sha512-zX5ajjQi/PocEqLETlej3vp92q/tnI/Fvu2RVb++Kap8qOrXu6PXCpodi73BFrWzEGZIAnqoUxC3OIkRWD657g==
+  dependencies:
+    "@vue/runtime-core" latest
+    "@vue/runtime-dom" latest
+    csstype latest
+    lodash-es latest
+
+vue-code-highlight@^0.7.8:
+  version "0.7.8"
+  resolved "https://registry.npmjs.org/vue-code-highlight/-/vue-code-highlight-0.7.8.tgz"
+  integrity sha512-jMt1W0DGisNZ3B2TASFCPLEswohVrwImX+TxzMIZINZyAUUNZ1Xth3soJw1xepTsMgxkIkhsmN/xVNpiI3bU4g==
+  dependencies:
+    prism-es6 "^1.2.0"
+    vue "^2.5.16"
+
+vue-codemirror@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.npmjs.org/vue-codemirror/-/vue-codemirror-6.1.1.tgz"
+  integrity sha512-rTAYo44owd282yVxKtJtnOi7ERAcXTeviwoPXjIc6K/IQYUsoDkzPvw/JDFtSP6T7Cz/2g3EHaEyeyaQCKoDMg==
+  dependencies:
+    "@codemirror/commands" "6.x"
+    "@codemirror/language" "6.x"
+    "@codemirror/state" "6.x"
+    "@codemirror/view" "6.x"
+
+vue-country-flag-next@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.npmjs.org/vue-country-flag-next/-/vue-country-flag-next-2.3.2.tgz"
+  integrity sha512-Lv12L1VTwlBgizpZ3xPEPO3zuIETaJmeSiPuLOWLLgu2EakwU/o72iKYiKcdZ6BXiSkfss+Ski5fDzjuxZ1DcA==
+
+vue-demi@*, vue-demi@>=0.14.5:
+  version "0.14.5"
+  resolved "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.5.tgz"
+  integrity sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==
+
+vue-devtools-stub@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/vue-devtools-stub/-/vue-devtools-stub-0.1.0.tgz"
+  integrity sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==
+
+vue-eslint-parser@^9.3.1:
+  version "9.3.1"
+  resolved "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz"
+  integrity sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==
+  dependencies:
+    debug "^4.3.4"
+    eslint-scope "^7.1.1"
+    eslint-visitor-keys "^3.3.0"
+    espree "^9.3.1"
+    esquery "^1.4.0"
+    lodash "^4.17.21"
+    semver "^7.3.6"
+
+vue-fullscreen@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/vue-fullscreen/-/vue-fullscreen-3.1.1.tgz"
+  integrity sha512-I59sIO0O22116gwVPo1qM2cNf5binEC5vTswIm8qJsqgatGfFquIJANpoVggSUS2EgUF0Xg4tHliT1ITcwQw8Q==
+  dependencies:
+    screenfull "^5.1.0"
+
+vue-resize@^2.0.0-alpha.1:
+  version "2.0.0-alpha.1"
+  resolved "https://registry.npmjs.org/vue-resize/-/vue-resize-2.0.0-alpha.1.tgz"
+  integrity sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==
+
+vue-router@^4.2.4:
+  version "4.2.4"
+  resolved "https://registry.npmjs.org/vue-router/-/vue-router-4.2.4.tgz"
+  integrity sha512-9PISkmaCO02OzPVOMq2w82ilty6+xJmQrarYZDkjZBfl4RvYAlt4PKnEX21oW4KTtWfa9OuO/b3qk1Od3AEdCQ==
+  dependencies:
+    "@vue/devtools-api" "^6.5.0"
+
+vue-screen-utils@^1.0.0-beta.13:
+  version "1.0.0-beta.13"
+  resolved "https://registry.npmjs.org/vue-screen-utils/-/vue-screen-utils-1.0.0-beta.13.tgz"
+  integrity sha512-EJ/8TANKhFj+LefDuOvZykwMr3rrLFPLNb++lNBqPOpVigT2ActRg6icH9RFQVm4nHwlHIHSGm5OY/Clar9yIg==
+
+vue-select@^4.0.0-beta.5:
+  version "4.0.0-beta.6"
+  resolved "https://registry.npmjs.org/vue-select/-/vue-select-4.0.0-beta.6.tgz"
+  integrity sha512-K+zrNBSpwMPhAxYLTCl56gaMrWZGgayoWCLqe5rWwkB8aUbAUh7u6sXjIR7v4ckp2WKC7zEEUY27g6h1MRsIHw==
+
+vue-sweetalert2@^5.0.5:
+  version "5.0.5"
+  resolved "https://registry.npmjs.org/vue-sweetalert2/-/vue-sweetalert2-5.0.5.tgz"
+  integrity sha512-Q7+TjQxNwGruT2jfPaSKMz18HHWs81r4umEwlrrtOf/QL5Iwl1T+tUaNkcvKB7Rf9rYftubt7NnOMjfDMnDH3A==
+  dependencies:
+    sweetalert2 "11.x"
+
+vue-toastification@^2.0.0-rc.5:
+  version "2.0.0-rc.5"
+  resolved "https://registry.npmjs.org/vue-toastification/-/vue-toastification-2.0.0-rc.5.tgz"
+  integrity sha512-q73e5jy6gucEO/U+P48hqX+/qyXDozAGmaGgLFm5tXX4wJBcVsnGp4e/iJqlm9xzHETYOilUuwOUje2Qg1JdwA==
+
+vue-window-size@^1.0.8:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/vue-window-size/-/vue-window-size-1.2.1.tgz"
+  integrity sha512-RA6Tl7gQcHqeOUNQuNfDxeXaNa26QXj6gkWUkwxvJVjXdJ57aaUGnfCMlkLz6BZQTOip78VxxTwbSwmQUZtfrQ==
+  dependencies:
+    window-resize-subject "^1.5.0"
+
+vue@^2.5.16:
+  version "2.7.14"
+  resolved "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz"
+  integrity sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==
+  dependencies:
+    "@vue/compiler-sfc" "2.7.14"
+    csstype "^3.1.0"
+
+vue@^3.2.25, vue@^3.3.4:
+  version "3.3.4"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.3.4.tgz"
+  integrity sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==
+  dependencies:
+    "@vue/compiler-dom" "3.3.4"
+    "@vue/compiler-sfc" "3.3.4"
+    "@vue/runtime-dom" "3.3.4"
+    "@vue/server-renderer" "3.3.4"
+    "@vue/shared" "3.3.4"
+
+vue3-apexcharts@^1.4.1:
+  version "1.4.4"
+  resolved "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.4.4.tgz"
+  integrity sha512-TH89uZrxGjaDvkaYAISvj8+k6Bf1rUKFillc8oJirs5XZEPiwM1ELKZQ786wz0rfPqkSHHny2lqqUCK7Rw+LcQ==
+
+vue3-click-away@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.npmjs.org/vue3-click-away/-/vue3-click-away-1.2.4.tgz"
+  integrity sha512-O9Z2KlvIhJT8OxaFy04eiZE9rc1Mk/bp+70dLok68ko3Kr8AW5dU+j8avSk4GDQu94FllSr4m5ul4BpzlKOw1A==
+
+vue3-dropzone@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/vue3-dropzone/-/vue3-dropzone-2.0.1.tgz"
+  integrity sha512-jY36ZhIpGCxyok6cKxFb2s9s15c1KXmLHxcHzHhjoPzZ5IHW7+2RrnYUenCdq88ym66KyknscNkJYJzh3C23hw==
+  dependencies:
+    attr-accept "^2.2.2"
+    file-selector "^0.2.4"
+
+vue3-perfect-scrollbar@^1.6.1:
+  version "1.6.1"
+  resolved "https://registry.npmjs.org/vue3-perfect-scrollbar/-/vue3-perfect-scrollbar-1.6.1.tgz"
+  integrity sha512-r9wfxlFwVyHXMPKG0PnR7fDfJPQ20KEVzKQfSU5by2WKYz2PwV0bTfyfejmEyZXsXL0O8VtSWtgxfPuFR2AGOg==
+  dependencies:
+    cssnano "^5.1.14"
+    perfect-scrollbar "^1.5.5"
+    postcss-import "^12.0.0"
+
+vue3-recaptcha-v2@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/vue3-recaptcha-v2/-/vue3-recaptcha-v2-2.0.2.tgz"
+  integrity sha512-uIxJG4+BVquSVJxCLdkJV3Y0IgXPG+sWqAG34qwHt9MungDFshuKprtrN48oJHcLXePLey/FEo2B5pbfMB5cjQ==
+
+vuedraggable@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz"
+  integrity sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==
+  dependencies:
+    sortablejs "1.14.0"
+
+w3c-keyname@^2.2.0, w3c-keyname@^2.2.4:
+  version "2.2.8"
+  resolved "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz"
+  integrity sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==
+
+w3c-xmlserializer@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz"
+  integrity sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==
+  dependencies:
+    xml-name-validator "^5.0.0"
+
+web-streams-polyfill@^3.0.3:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz"
+  integrity sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==
+
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz"
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
+
+webidl-conversions@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz"
+  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
+
+webidl-conversions@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.0.tgz"
+  integrity sha512-n4W4YFyz5JzOfQeA8oN7dUYpR+MBP3PIUsn2jLjWXwK5ASUzt0Jc/A5sAUZoCYFJRGF0FBKJ+1JjN43rNdsQzA==
+
+webpack-sources@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz"
+  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
+
+webpack-virtual-modules@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz"
+  integrity sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==
+
+whatwg-encoding@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz"
+  integrity sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==
+  dependencies:
+    iconv-lite "0.6.3"
+
+whatwg-mimetype@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz"
+  integrity sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==
+
+whatwg-url@^15.0.0:
+  version "15.1.0"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-15.1.0.tgz"
+  integrity sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==
+  dependencies:
+    tr46 "^6.0.0"
+    webidl-conversions "^8.0.0"
+
+whatwg-url@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz"
+  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
+whatwg-url@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz"
+  integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
+  dependencies:
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
+
+which-boxed-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
+which-typed-array@^1.1.10, which-typed-array@^1.1.11:
+  version "1.1.11"
+  resolved "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz"
+  integrity sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==
+  dependencies:
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-tostringtag "^1.0.0"
+
+which@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/which/-/which-2.0.2.tgz"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+wide-align@^1.1.2:
+  version "1.1.5"
+  resolved "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz"
+  integrity sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==
+  dependencies:
+    string-width "^1.0.2 || 2 || 3 || 4"
+
+window-resize-subject@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.npmjs.org/window-resize-subject/-/window-resize-subject-1.5.0.tgz"
+  integrity sha512-r+zXdtumr1+De51Lb3P561K+3t6PvEVXq+dTaEhikNY8Hj0UuzkYL3v9jo5TLpPaL7s9gkaX3Sb643HqYT7uSA==
+
+workbox-background-sync@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-background-sync/-/workbox-background-sync-7.0.0.tgz"
+  integrity sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==
+  dependencies:
+    idb "^7.0.1"
+    workbox-core "7.0.0"
+
+workbox-broadcast-update@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-broadcast-update/-/workbox-broadcast-update-7.0.0.tgz"
+  integrity sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==
+  dependencies:
+    workbox-core "7.0.0"
+
+workbox-build@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-build/-/workbox-build-7.0.0.tgz"
+  integrity sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==
+  dependencies:
+    "@apideck/better-ajv-errors" "^0.3.1"
+    "@babel/core" "^7.11.1"
+    "@babel/preset-env" "^7.11.0"
+    "@babel/runtime" "^7.11.2"
+    "@rollup/plugin-babel" "^5.2.0"
+    "@rollup/plugin-node-resolve" "^11.2.1"
+    "@rollup/plugin-replace" "^2.4.1"
+    "@surma/rollup-plugin-off-main-thread" "^2.2.3"
+    ajv "^8.6.0"
+    common-tags "^1.8.0"
+    fast-json-stable-stringify "^2.1.0"
+    fs-extra "^9.0.1"
+    glob "^7.1.6"
+    lodash "^4.17.20"
+    pretty-bytes "^5.3.0"
+    rollup "^2.43.1"
+    rollup-plugin-terser "^7.0.0"
+    source-map "^0.8.0-beta.0"
+    stringify-object "^3.3.0"
+    strip-comments "^2.0.1"
+    tempy "^0.6.0"
+    upath "^1.2.0"
+    workbox-background-sync "7.0.0"
+    workbox-broadcast-update "7.0.0"
+    workbox-cacheable-response "7.0.0"
+    workbox-core "7.0.0"
+    workbox-expiration "7.0.0"
+    workbox-google-analytics "7.0.0"
+    workbox-navigation-preload "7.0.0"
+    workbox-precaching "7.0.0"
+    workbox-range-requests "7.0.0"
+    workbox-recipes "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
+    workbox-streams "7.0.0"
+    workbox-sw "7.0.0"
+    workbox-window "7.0.0"
+
+workbox-cacheable-response@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-cacheable-response/-/workbox-cacheable-response-7.0.0.tgz"
+  integrity sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==
+  dependencies:
+    workbox-core "7.0.0"
+
+workbox-core@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-core/-/workbox-core-7.0.0.tgz"
+  integrity sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==
+
+workbox-expiration@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-expiration/-/workbox-expiration-7.0.0.tgz"
+  integrity sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==
+  dependencies:
+    idb "^7.0.1"
+    workbox-core "7.0.0"
+
+workbox-google-analytics@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-google-analytics/-/workbox-google-analytics-7.0.0.tgz"
+  integrity sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==
+  dependencies:
+    workbox-background-sync "7.0.0"
+    workbox-core "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
+
+workbox-navigation-preload@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-navigation-preload/-/workbox-navigation-preload-7.0.0.tgz"
+  integrity sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==
+  dependencies:
+    workbox-core "7.0.0"
+
+workbox-precaching@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-precaching/-/workbox-precaching-7.0.0.tgz"
+  integrity sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==
+  dependencies:
+    workbox-core "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
+
+workbox-range-requests@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-range-requests/-/workbox-range-requests-7.0.0.tgz"
+  integrity sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==
+  dependencies:
+    workbox-core "7.0.0"
+
+workbox-recipes@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-recipes/-/workbox-recipes-7.0.0.tgz"
+  integrity sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==
+  dependencies:
+    workbox-cacheable-response "7.0.0"
+    workbox-core "7.0.0"
+    workbox-expiration "7.0.0"
+    workbox-precaching "7.0.0"
+    workbox-routing "7.0.0"
+    workbox-strategies "7.0.0"
+
+workbox-routing@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-routing/-/workbox-routing-7.0.0.tgz"
+  integrity sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==
+  dependencies:
+    workbox-core "7.0.0"
+
+workbox-strategies@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-strategies/-/workbox-strategies-7.0.0.tgz"
+  integrity sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==
+  dependencies:
+    workbox-core "7.0.0"
+
+workbox-streams@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-streams/-/workbox-streams-7.0.0.tgz"
+  integrity sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==
+  dependencies:
+    workbox-core "7.0.0"
+    workbox-routing "7.0.0"
+
+workbox-sw@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-sw/-/workbox-sw-7.0.0.tgz"
+  integrity sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==
+
+workbox-window@^7.0.0, workbox-window@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/workbox-window/-/workbox-window-7.0.0.tgz"
+  integrity sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==
+  dependencies:
+    "@types/trusted-types" "^2.0.2"
+    workbox-core "7.0.0"
+
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
+  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+ws@^8.18.2:
+  version "8.18.3"
+  resolved "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz"
+  integrity sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==
+
+xml-name-validator@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz"
+  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
+
+xml-name-validator@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz"
+  integrity sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==
+
+xmlchars@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz"
+  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
+
+xss@^1.0.14:
+  version "1.0.14"
+  resolved "https://registry.npmjs.org/xss/-/xss-1.0.14.tgz"
+  integrity sha512-og7TEJhXvn1a7kzZGQ7ETjdQVS2UfZyTlsEdDOqvQF7GoxNfY+0YLCzBy1kPdsDDx4QuNAonQPddpsn6Xl/7sw==
+  dependencies:
+    commander "^2.20.3"
+    cssfilter "0.0.10"
+
+xxhashjs@~0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npmjs.org/xxhashjs/-/xxhashjs-0.2.2.tgz"
+  integrity sha512-AkTuIuVTET12tpsVIQo+ZU6f/qDmKuRUcjaqR+OIvm+aCBsZ95i7UVY5WJ9TMsSaZ0DA2WxoZ4acu0sPH+OKAw==
+  dependencies:
+    cuint "^0.2.2"
+
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
+yaml@^1.10.0, yaml@^1.10.2:
+  version "1.10.2"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yaml@^2.1.1:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz"
+  integrity sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==
+
+yaml@^2.2.2:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz"
+  integrity sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==
+
+yargs-parser@^21.1.1:
+  version "21.1.1"
+  resolved "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
+
+yargs@^17.2.1, yargs@^17.5.1:
+  version "17.7.2"
+  resolved "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz"
+  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
+
+ylru@^1.2.0:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/ylru/-/ylru-1.3.2.tgz"
+  integrity sha512-RXRJzMiK6U2ye0BlGGZnmpwJDPgakn6aNQ0A7gHRbD4I0uvK4TW6UqkK1V0pp9jskjJBAXd3dRrbzWkqJ+6cxA==
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
+zhead@^2.0.10:
+  version "2.0.10"
+  resolved "https://registry.npmjs.org/zhead/-/zhead-2.0.10.tgz"
+  integrity sha512-irug8fXNKjqazkA27cFQs7C6/ZD3qNiEzLC56kDyzQART/Z9GMGfg8h2i6fb9c8ZWnIx/QgOgFJxK3A/CYHG0g==
+
+zip-stream@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.npmjs.org/zip-stream/-/zip-stream-4.1.0.tgz"
+  integrity sha512-zshzwQW7gG7hjpBlgeQP9RuyPGNxvJdzR8SUM3QhxCnLjWN2E7j3dOvpeDcQoETfHx0urRS7EtmVToql7YpU4A==
+  dependencies:
+    archiver-utils "^2.1.0"
+    compress-commons "^4.1.0"
+    readable-stream "^3.6.0"
+
+zod@^3.25.42:
+  version "3.25.76"
+  resolved "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz"
+  integrity sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==