diff --git a/.gitignore b/.gitignore
index afe49bfb..c72619e3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,4 +23,8 @@ yarn-debug.log*
 yarn-error.log*
 
 hidden
-.cursorrules
\ No newline at end of file
+.cursorrules
+/examples/**/node_modules
+/examples/**/.next
+/examples/**/build
+/examples/**/dist
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 661edcd2..a9a3c75e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,167 @@
 <h1 align="center">Files ui</h1>
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
-Thils file also consider all dropzone-ui [releases](https://github.com/dropzone-ui/dropzone-ui-react/releases).
+This file also consider all dropzone-ui [releases](https://github.com/dropzone-ui/dropzone-ui-react/releases).
+
+## [2.0.0](https://github.com/files-ui/files-ui-react/releases/tag/v2.0.0) (2026-07-28)
+
+## ✨ Major Release — Headless Architecture, Server Actions & RSC Boundaries
+
+### Summary
+
+v2.0.0 is a fully backward-compatible major release. All existing component APIs continue to work unchanged. The new capabilities are opt-in.
+
+---
+
+### New Features
+
+#### Headless Hook — `useFilesUI`
+
+A framework-agnostic hook that extracts all validation, upload orchestration, and state management from `<Dropzone>` and `<FileInputButton>`. Use it to build fully custom upload UIs without any of the library's default styling.
+
+```tsx
+import { useFilesUI } from "@files-ui/react";
+
+function MyCustomUploader() {
+  const { files, isUploading, uploadFiles, getDragHandlers, getInputProps } = useFilesUI({
+    accept: "image/*",
+    maxFileSize: 5 * 1024 * 1024,
+    url: "/api/upload",
+  });
+  return (
+    <div {...getDragHandlers()}>
+      <input {...getInputProps()} />
+      <button onClick={() => uploadFiles()} disabled={isUploading}>Upload</button>
+    </div>
+  );
+}
+```
+
+#### Server Actions — `action` prop
+
+Native Next.js 16 App Router Server Actions support. Pass a Server Action directly to `<Dropzone>` or `<FileInputButton>` — no manual `fetch()` calls required.
+
+```tsx
+// app/actions/upload.ts
+"use server";
+export async function uploadFile(formData: FormData) {
+  const file = formData.get("file") as File;
+  return { success: true, message: `Received ${file.name}` };
+}
+
+// app/upload/UploadPanel.tsx
+"use client";
+import { Dropzone } from "@files-ui/react/client/dropzone";
+import { uploadFile } from "../actions/upload";
+export default function UploadPanel() {
+  return <Dropzone action={uploadFile} />;
+}
+```
+
+New core exports:
+
+- `uploadExtFileViaAction(extFile, action, uploadLabel?)` — uploads a single file via Server Action
+- `uploadExtFilesViaAction(extFiles, action, uploadLabel?, maxConcurrency?, onFileComplete?)` — uploads multiple files
+
+#### RSC Client Boundaries
+
+Each interactive component now ships a dedicated client-only import path for safe use in Next.js 16 App Router without accidentally pulling browser code into Server Components.
+
+```tsx
+import { Dropzone }          from "@files-ui/react/client/dropzone";
+import { FileInputButton }   from "@files-ui/react/client/file-input-button";
+import { FileCard }          from "@files-ui/react/client/file-card";
+import { FileMosaic }        from "@files-ui/react/client/file-mosaic";
+import { Avatar }            from "@files-ui/react/client/avatar";
+import { FullScreen }        from "@files-ui/react/client/full-screen";
+```
+
+The root import `from "@files-ui/react"` continues to work for non-Next.js consumers.
+
+New named exports in root: `DropzoneClient`, `DropzoneContainer`, `FileInputButtonClient`, `FileInputButtonContainer`, `FileCardClient`, `FileCardContainer`, `FileMosaicClient`, `FileMosaicContainer`, `AvatarClient`, `AvatarContainer`, `FullScreenClient`, `FullScreenContainer`.
+
+
+#### Font loading behavior (Poppins opt-in)
+
+- Removed automatic Google Fonts `@import` from component stylesheets (`Avatar`, `Dropzone`, `FileCard`, `FileMosaic`, `MaterialButton`)
+- Updated component font declarations to use fallback stack:
+  - `"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif`
+- Updated tooltip styles to use the same fallback stack
+- Consumers who want `Poppins` should load it explicitly in their application
+- Added documentation: `docs/react/Fonts.md`
+
+#### Global `fontFamily` config via `FilesUiProvider`
+
+- Added `fontFamily` prop to `FilesUIConfig`
+- When set, `FilesUiProvider` injects a single `<style>` element that sets the CSS custom property `--files-ui-font-family` on `:root`
+- All component CSS files now reference `var(--files-ui-font-family, "Poppins", ...)` instead of a hardcoded font stack
+- Allows consumers to override fonts globally without per-component styling
+- Standard system fallbacks are appended automatically to the user-provided font
+
+```tsx
+<FilesUiProvider config={{ fontFamily: "Inter" }}>
+  <App />
+</FilesUiProvider>
+```
+
+
+#### `@files-ui/core` v2.1.0 — Pure JavaScript Source
+
+The core package now ships JavaScript source files (`.js`) with TypeScript declarations (`.d.ts`) for improved readability and easier community contribution. The public TypeScript DX (types, autocomplete) is unchanged.
+
+---
+
+### Breaking Changes
+
+None. All v1.x component props, hooks, and export paths remain fully operational.
+
+### Deprecated (still functional, shown in docs as deprecated)
+
+- `useDropzoneFileListUpdater`, `useDropzoneValidation`, `useNumberOfValidFiles`, `useIsUploading` — prefer `useFilesUI`
+
+---
+
+### Migration Guide (v1.x → v2.0)
+
+#### No action required for most users
+
+Standard usage of `<Dropzone>`, `<FileMosaic>`, `<FileCard>`, `<FileInputButton>`, `<Avatar>`, and `<FullScreen>` with their existing props requires no changes.
+
+#### Opt-in: Server Actions
+
+Replace `uploadConfig={{ url: "..." }}` with the `action` prop:
+
+```tsx
+// Before (v1.x — still works)
+<Dropzone uploadConfig={{ url: "/api/upload" }} />
+
+// After (v2.0 — Server Actions)
+<Dropzone action={uploadServerAction} />
+```
+
+#### Opt-in: Headless pattern
+
+```tsx
+// Before (v1.x)
+<Dropzone accept="image/*" maxFileSize={5e6} onChange={setFiles} onUploadFinish={handleUpload} />
+
+// After (v2.0 headless)
+const { files, uploadFiles, getDragHandlers, getInputProps } = useFilesUI({
+  accept: "image/*", maxFileSize: 5e6, onChange: setFiles, onUploadFinish: handleUpload,
+});
+```
+
+#### Opt-in: Next.js 16 App Router client imports
+
+```tsx
+// Before (v1.x — root import still works in non-Next.js apps)
+import { Dropzone } from "@files-ui/react";
+
+// After (v2.0 — guaranteed client boundary in Next.js 16 App Router)
+import { Dropzone } from "@files-ui/react/client/dropzone";
+```
+
+---
 
 ## [1.3.0](https://github.com/files-ui/files-ui-react/releases/tag/v1.3.0) (2026-07-05)
 
diff --git a/README.md b/README.md
index 70b98ce0..f0864c09 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ UI components for file uploads with [React js](https://react.dev/).
 <div align="center">
 
 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/files-ui/react/blob/HEAD/LICENSE)
-[![npm latest package](https://img.shields.io/npm/v/@files-ui/react.svg?logo=npm&logoColor=fff&label=NPM+package&color=limegreen)](https://www.npmjs.com/package/@files-ui/react) [![kandi X-Ray](https://kandi.openweaver.com/badges/xray.svg)](https://kandi.openweaver.com/typescript/files-ui/files-ui-react) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+[![npm latest package](https://img.shields.io/npm/v/@files-ui/react.svg?logo=npm&logoColor=fff&label=NPM+package&color=limegreen)](https://www.npmjs.com/package/@files-ui/react) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 [![GitHub Repo stars](https://img.shields.io/github/stars/files-ui/react?label=Star%20me%20please%20:D&style=social)](https://github.com/files-ui/react)
 [![Node.js CI](https://github.com/files-ui/files-ui-react/actions/workflows/node.js.yml/badge.svg)](https://github.com/files-ui/files-ui-react)
 
@@ -25,9 +25,10 @@ UI components for file uploads with [React js](https://react.dev/).
 </a>
 </p>
 
-- :heart: it ?, support us by giving a :star: on :octocat: [Github](https://github.com/dropzone-ui/dropzone-ui) :D
 
-- :zap: Enjoying @files-ui/react? [Please leave a short review on Openbase](https://openbase.com/js/@files-ui/react#rate)
+
+- :heart: it ?, support us by giving a :star: on :octocat: [Github](https://github.com/files-ui/files-ui-react) :D
+
 - :eyes: More previews [here](#more-previews).
 
 ## Installation
diff --git a/examples/README.md b/examples/README.md
new file mode 100644
index 00000000..86230ce1
--- /dev/null
+++ b/examples/README.md
@@ -0,0 +1,141 @@
+# @files-ui/react Examples
+
+This directory contains complete, production-ready sample applications demonstrating the full feature set of `@files-ui/react` v2.0.
+
+## Projects
+
+### 1. [vite-file-manager](./vite-file-manager/)
+**Vite + React 19 + Express Backend**
+
+A document management dashboard showcasing:
+- Standard Dropzone upload with validation
+- Concurrent uploads (3 simultaneous)
+- Chunked upload for large files (100MB+)
+- Browse with grid/list toggle
+- Size variants (xs/small/medium/large)
+- Headless custom UI with `useFilesUI` hook
+- Global font family and dark mode settings
+- Express server with upload/download/delete endpoints
+
+**Stack:** Vite 6, React 19, TypeScript, Express 5, multer
+
+[View Documentation →](./vite-file-manager/README.md)
+
+---
+
+### 2. [nextjs-gallery](./nextjs-gallery/)
+**Next.js 16 App Router + Server Actions**
+
+An image gallery application demonstrating:
+- Server-side rendering with React Server Components
+- Upload via Next.js Server Actions (no XHR!)
+- RSC client subpath imports
+- Headless upload with `useFilesUI` + Server Actions
+- Avatar upload component
+- Full-screen image viewer
+- Loading states with skeleton components
+- Global font configuration
+
+**Stack:** Next.js 16, React 19, TypeScript, Tailwind CSS 4
+
+[View Documentation →](./nextjs-gallery/README.md)
+
+---
+
+## Feature Coverage Matrix
+
+| Feature | Vite Project | Next.js Project |
+|---------|:---:|:---:|
+| **Components** |
+| `<Dropzone>` | ✅ | ✅ |
+| `<FileMosaic>` | ✅ | ✅ |
+| `<FileCard>` | ✅ | — |
+| `<Avatar>` | — | ✅ |
+| `<FullScreen>` | — | ✅ |
+| **v2.0 Features** |
+| `useFilesUI` headless | ✅ | ✅ |
+| Server Actions (`action` prop) | — | ✅ |
+| RSC client subpaths | — | ✅ |
+| Size `variant` prop | ✅ | — |
+| `fontFamily` config | ✅ | ✅ |
+| Skeleton components | ✅ | ✅ |
+| **Upload Strategies** |
+| Standard XHR | ✅ | — |
+| Concurrent upload | ✅ | — |
+| Chunked upload | ✅ | — |
+| Server Actions | — | ✅ |
+| **Backend** |
+| Express + multer | ✅ | — |
+| Next.js Server Actions | — | ✅ |
+
+---
+
+## Quick Start
+
+### Vite File Manager
+
+```bash
+cd vite-file-manager
+npm install
+npm run dev
+```
+
+Runs frontend on http://localhost:3000 and backend on http://localhost:3001
+
+### Next.js Gallery
+
+```bash
+cd nextjs-gallery
+npm install
+npm run dev
+```
+
+Runs on http://localhost:3000
+
+---
+
+## Common Setup
+
+Both projects use `@files-ui/react` via local link. Before running either project:
+
+1. Build the library:
+   ```bash
+   cd ../../
+   npm run build
+   ```
+
+2. Install example dependencies:
+   ```bash
+   cd examples/vite-file-manager  # or nextjs-gallery
+   npm install
+   ```
+
+---
+
+## Learning Path
+
+1. **Start with Vite Project** - Demonstrates core upload functionality and all component variants
+2. **Move to Next.js Project** - Shows RSC integration, Server Actions, and advanced Next.js patterns
+3. **Compare Headless Pages** - See how the same `useFilesUI` hook works with different backends
+
+---
+
+## Production Notes
+
+These examples use simplified "databases" for demonstration:
+- **Vite:** In-memory object (resets on server restart)
+- **Next.js:** JSON file in `data/photos.json`
+
+For production:
+- Replace with real databases (PostgreSQL, MongoDB, etc.)
+- Add authentication
+- Implement proper error handling
+- Add file validation on server
+- Use cloud storage (S3, Azure Blob, etc.) instead of local disk
+
+---
+
+## Issues or Questions?
+
+- [Report Issues](https://github.com/files-ui/files-ui-react/issues)
+- [View Documentation](https://files-ui.com)
diff --git a/examples/nextjs-app-router/README.md b/examples/nextjs-app-router/README.md
new file mode 100644
index 00000000..7fb35dd5
--- /dev/null
+++ b/examples/nextjs-app-router/README.md
@@ -0,0 +1,61 @@
+# Next.js 16 App Router Example
+
+This example validates `@files-ui/react` integration in Next.js App Router with:
+
+- Client subpath import: `@files-ui/react/client/dropzone`
+- Server Action upload flow
+- `useFilesUI` usage in a client page
+
+## Structure
+
+- `app/layout.tsx`
+- `app/page.tsx`
+- `app/actions.ts`
+- `app/upload/page.tsx`
+- `next.config.js`
+
+## Prerequisites
+
+- Node.js 20+
+- Build artifacts for local package dependency
+
+From the `react` package root:
+
+```bash
+npm run build
+```
+
+## Install
+
+From this folder:
+
+```bash
+npm install
+```
+
+## Run in development
+
+```bash
+npm run dev
+```
+
+Open http://localhost:3000
+
+## Production build check
+
+```bash
+npm run build
+```
+
+This example uses `next build --webpack` to avoid a WASM Turbopack limitation that can occur in some local environments.
+
+## Notes / caveats
+
+- `outputFileTracingRoot` is configured in `next.config.js` for monorepo-style lockfile detection.
+- You may still see informational `baseline-browser-mapping` freshness warnings from Next.js internals. They are non-blocking for build output.
+
+
+## Validation status in this workspace
+
+- `npm install`: passed
+- `next build --webpack`: passed
diff --git a/examples/nextjs-app-router/app/actions.ts b/examples/nextjs-app-router/app/actions.ts
new file mode 100644
index 00000000..edabc46d
--- /dev/null
+++ b/examples/nextjs-app-router/app/actions.ts
@@ -0,0 +1,22 @@
+"use server";
+
+type UploadActionResult = {
+  success: boolean;
+  message: string;
+};
+
+export async function uploadFileAction(
+  formData: FormData,
+): Promise<UploadActionResult> {
+  const file = formData.get("file") as File | null;
+
+  if (!file) {
+    return { success: false, message: "No file provided" };
+  }
+
+  // In a real app, persist file bytes to your storage provider.
+  return {
+    success: true,
+    message: `Received ${file.name} (${file.size} bytes)`,
+  };
+}
diff --git a/examples/nextjs-app-router/app/globals.css b/examples/nextjs-app-router/app/globals.css
new file mode 100644
index 00000000..ca14dc21
--- /dev/null
+++ b/examples/nextjs-app-router/app/globals.css
@@ -0,0 +1,16 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+main {
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 24px;
+}
+
+a {
+  color: #0059b3;
+}
diff --git a/examples/nextjs-app-router/app/layout.tsx b/examples/nextjs-app-router/app/layout.tsx
new file mode 100644
index 00000000..9a023e38
--- /dev/null
+++ b/examples/nextjs-app-router/app/layout.tsx
@@ -0,0 +1,19 @@
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "Files UI Next.js App Router Example",
+  description: "Next.js 16 App Router integration for @files-ui/react",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/examples/nextjs-app-router/app/page.tsx b/examples/nextjs-app-router/app/page.tsx
new file mode 100644
index 00000000..8ef60bd9
--- /dev/null
+++ b/examples/nextjs-app-router/app/page.tsx
@@ -0,0 +1,17 @@
+import Link from "next/link";
+import Dropzone from "@files-ui/react/client/dropzone";
+
+export default function HomePage() {
+  return (
+    <main>
+      <h1>Files UI + Next.js 16 (App Router)</h1>
+      <p>
+        This page renders a client-only Dropzone import from the App Router.
+      </p>
+      <Dropzone accept="image/*,.pdf" maxFiles={2} label="Drop files here" />
+      <p style={{ marginTop: 16 }}>
+        Continue to <Link href="/upload">/upload</Link> for the Server Action + useFilesUI demo.
+      </p>
+    </main>
+  );
+}
diff --git a/examples/nextjs-app-router/app/upload/page.tsx b/examples/nextjs-app-router/app/upload/page.tsx
new file mode 100644
index 00000000..3eaec25b
--- /dev/null
+++ b/examples/nextjs-app-router/app/upload/page.tsx
@@ -0,0 +1,62 @@
+"use client";
+
+import * as React from "react";
+import { useFilesUI, FileInputButton, FileMosaic } from "@files-ui/react";
+import { uploadFileAction } from "../actions";
+
+export default function UploadPage() {
+  const {
+    files,
+    addFiles,
+    uploadFiles,
+    removeFile,
+    isUploading,
+  } = useFilesUI({
+    action: uploadFileAction,
+    uploadLabel: "file",
+    maxFiles: 5,
+    accept: "image/*,.pdf",
+  });
+
+  return (
+    <main>
+      <h1>useFilesUI + Server Action</h1>
+      <p>
+        Select files, then click upload to call a Next.js Server Action.
+      </p>
+
+      <FileInputButton
+        value={files}
+        onChange={(incoming) => addFiles(incoming as File[])}
+        label="Select files"
+      />
+
+      <div style={{ marginTop: 16, display: "flex", gap: 12, flexWrap: "wrap" }}>
+        {files.map((item) => (
+          <FileMosaic
+            key={String(item.id)}
+            {...item}
+            onDelete={(fileId) => {
+              if (fileId !== undefined) {
+                removeFile(fileId);
+              }
+            }}
+            info
+            preview
+          />
+        ))}
+      </div>
+
+      <button
+        type="button"
+        disabled={isUploading || files.length === 0}
+        onClick={() => {
+          void uploadFiles();
+        }}
+        style={{ marginTop: 16, padding: "8px 14px", cursor: "pointer" }}
+      >
+        {isUploading ? "Uploading..." : "Upload files"}
+      </button>
+    </main>
+  );
+}
diff --git a/examples/nextjs-app-router/files-ui-client-subpaths.d.ts b/examples/nextjs-app-router/files-ui-client-subpaths.d.ts
new file mode 100644
index 00000000..4c789346
--- /dev/null
+++ b/examples/nextjs-app-router/files-ui-client-subpaths.d.ts
@@ -0,0 +1,7 @@
+declare module "@files-ui/react/client/dropzone" {
+  import * as React from "react";
+  import { DropzoneProps } from "@files-ui/react";
+
+  const Dropzone: React.FC<DropzoneProps>;
+  export default Dropzone;
+}
diff --git a/examples/nextjs-app-router/next-env.d.ts b/examples/nextjs-app-router/next-env.d.ts
new file mode 100644
index 00000000..9edff1c7
--- /dev/null
+++ b/examples/nextjs-app-router/next-env.d.ts
@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/examples/nextjs-app-router/next.config.js b/examples/nextjs-app-router/next.config.js
new file mode 100644
index 00000000..3ccef5fa
--- /dev/null
+++ b/examples/nextjs-app-router/next.config.js
@@ -0,0 +1,13 @@
+const path = require("path");
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  outputFileTracingRoot: path.join(__dirname, "../.."),
+  webpack: (config) => {
+    config.cache = false;
+    return config;
+  },
+};
+
+module.exports = nextConfig;
diff --git a/examples/nextjs-app-router/package-lock.json b/examples/nextjs-app-router/package-lock.json
new file mode 100644
index 00000000..5a870fff
--- /dev/null
+++ b/examples/nextjs-app-router/package-lock.json
@@ -0,0 +1,1019 @@
+{
+  "name": "files-ui-nextjs-app-router-example",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "files-ui-nextjs-app-router-example",
+      "version": "0.0.0",
+      "dependencies": {
+        "@files-ui/react": "file:../..",
+        "next": "16.0.0",
+        "react": "19.2.0",
+        "react-dom": "19.2.0"
+      },
+      "devDependencies": {
+        "@types/node": "24.0.0",
+        "@types/react": "19.2.2",
+        "@types/react-dom": "19.2.0",
+        "baseline-browser-mapping": "latest",
+        "typescript": "5.9.2"
+      }
+    },
+    "../..": {
+      "name": "@files-ui/react",
+      "version": "2.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@dynamicss/dynamicss": "^2.2.8",
+        "@files-ui/core": "^2.1.1"
+      },
+      "devDependencies": {
+        "@rollup/plugin-commonjs": "^28.0.8",
+        "@rollup/plugin-node-resolve": "^16.0.3",
+        "@rollup/plugin-terser": "^1.0.0",
+        "@rollup/plugin-typescript": "^11.1.6",
+        "@testing-library/jest-dom": "^6.1.0",
+        "@testing-library/react": "^14.1.0",
+        "@types/jest": "^29.5.14",
+        "autoprefixer": "^10.4.14",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^30.4.2",
+        "jest-environment-jsdom": "^29.7.0",
+        "rollup": "^4.20.0",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-postcss": "^4.0.2",
+        "rollup-plugin-preserve-directives": "^0.4.0",
+        "rollup-plugin-sass": "^1.12.19",
+        "rollup-plugin-typescript2": "^0.34.1",
+        "sass": "^1.101.3",
+        "ts-jest": "^29.0.5",
+        "typescript": "^5.0.2"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.2 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.3.tgz",
+      "integrity": "sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@files-ui/react": {
+      "resolved": "../..",
+      "link": true
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.0.0.tgz",
+      "integrity": "sha512-s5j2iFGp38QsG1LWRQaE2iUY3h1jc014/melHFfLdrsMJPqxqDQwWNwyQTcNoUSGZlCVZuM7t7JDMmSyRilsnA==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.0.0.tgz",
+      "integrity": "sha512-/CntqDCnk5w2qIwMiF0a9r6+9qunZzFmU0cBX4T82LOflE72zzH6gnOjCwUXYKOBlQi8OpP/rMj8cBIr18x4TA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.0.0.tgz",
+      "integrity": "sha512-hB4GZnJGKa8m4efvTGNyii6qs76vTNl+3dKHTCAUaksN6KjYy4iEO3Q5ira405NW2PKb3EcqWiRaL9DrYJfMHg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.0.0.tgz",
+      "integrity": "sha512-E2IHMdE+C1k+nUgndM13/BY/iJY9KGCphCftMh7SXWcaQqExq/pJU/1Hgn8n/tFwSoLoYC/yUghOv97tAsIxqg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.0.0.tgz",
+      "integrity": "sha512-xzgl7c7BVk4+7PDWldU+On2nlwnGgFqJ1siWp3/8S0KBBLCjonB6zwJYPtl4MUY7YZJrzzumdUpUoquu5zk8vg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.0.0.tgz",
+      "integrity": "sha512-sdyOg4cbiCw7YUr0F/7ya42oiVBXLD21EYkSwN+PhE4csJH4MSXUsYyslliiiBwkM+KsuQH/y9wuxVz6s7Nstg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.0.0.tgz",
+      "integrity": "sha512-IAXv3OBYqVaNOgyd3kxR4L3msuhmSy1bcchPHxDOjypG33i2yDWvGBwFD94OuuTjjTt/7cuIKtAmoOOml6kfbg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.0.0.tgz",
+      "integrity": "sha512-bmo3ncIJKUS9PWK1JD9pEVv0yuvp1KPuOsyJTHXTv8KDrEmgV/K+U0C75rl9rhIaODcS7JEb6/7eJhdwXI0XmA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.0.0.tgz",
+      "integrity": "sha512-O1cJbT+lZp+cTjYyZGiDwsOjO3UHHzSqobkPNipdlnnuPb1swfcuY6r3p8dsKU4hAIEO4cO67ZCfVVH/M1ETXA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "24.0.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.0.0.tgz",
+      "integrity": "sha512-yZQa2zm87aRVcqDyH5+4Hv9KYgSdgwX1rFnGvpbzMaC7YAljmhBET93TPiTd3ObwTL+gSpIzPKg5BqVxdCvxKg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.8.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.2",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz",
+      "integrity": "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.0.tgz",
+      "integrity": "sha512-brtBs0MnE9SMx7px208g39lRmC5uHZs96caOJfTjFcYSLHNamvaSMfJNagChVNkup2SdtOxKX1FDBkRSJe1ZAg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.11.3",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.3.tgz",
+      "integrity": "sha512-sbT0Ui/CZwyAyy7icT1Gw5P1LKRlFaHwaF6tDCW5YHq2X5SeeZFphBuIagopSfwSSZq3sQcbmEL072yphxm7ew==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001806",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001806.tgz",
+      "integrity": "sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==",
+      "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/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.16",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
+      "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
+      "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/next": {
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.0.0.tgz",
+      "integrity": "sha512-nYohiNdxGu4OmBzggxy9rczmjIGI+TpR5vbKTsE1HqYwNm1B+YSiugSrFguX6omMOKnDHAmBPY4+8TNJk0Idyg==",
+      "deprecated": "This version has a security vulnerability. Please upgrade to a patched version. See https://nextjs.org/blog/CVE-2025-66478 for more details.",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.0.0",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.0.0",
+        "@next/swc-darwin-x64": "16.0.0",
+        "@next/swc-linux-arm64-gnu": "16.0.0",
+        "@next/swc-linux-arm64-musl": "16.0.0",
+        "@next/swc-linux-x64-gnu": "16.0.0",
+        "@next/swc-linux-x64-musl": "16.0.0",
+        "@next/swc-win32-arm64-msvc": "16.0.0",
+        "@next/swc-win32-x64-msvc": "16.0.0",
+        "sharp": "^0.34.4"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "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/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "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/react": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
+      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
+      "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.0"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz",
+      "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.8.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.8.0.tgz",
+      "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
+      "dev": true,
+      "license": "MIT"
+    }
+  }
+}
diff --git a/examples/nextjs-app-router/package.json b/examples/nextjs-app-router/package.json
new file mode 100644
index 00000000..af545482
--- /dev/null
+++ b/examples/nextjs-app-router/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "files-ui-nextjs-app-router-example",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build --webpack",
+    "start": "next start"
+  },
+  "dependencies": {
+    "@files-ui/react": "file:../..",
+    "next": "16.0.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "24.0.0",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.0",
+    "baseline-browser-mapping": "latest",
+    "typescript": "5.9.2"
+  }
+}
diff --git a/examples/nextjs-app-router/tsconfig.json b/examples/nextjs-app-router/tsconfig.json
new file mode 100644
index 00000000..79b19819
--- /dev/null
+++ b/examples/nextjs-app-router/tsconfig.json
@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/examples/nextjs-demo/.gitignore b/examples/nextjs-demo/.gitignore
new file mode 100644
index 00000000..5ef6a520
--- /dev/null
+++ b/examples/nextjs-demo/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/examples/nextjs-demo/README.md b/examples/nextjs-demo/README.md
new file mode 100644
index 00000000..ab4e31c3
--- /dev/null
+++ b/examples/nextjs-demo/README.md
@@ -0,0 +1,24 @@
+# useFilesUI Headless Hook Demo
+
+Next.js 16 App Router demo showcasing the **headless architecture** of `@files-ui/react` v2.0.
+
+## 🎯 What This Demonstrates
+
+- **✅ Full UI Control**: No default styles, build any design with Tailwind CSS
+- **✅ Server Actions**: Native Next.js 16 App Router integration  
+- **✅ Drag & Drop**: Complete drag-and-drop support
+- **✅ Custom Validation**: File type, size, and count validation
+- **✅ TypeScript**: Full type safety
+
+## 🚀 Running the Demo
+
+`ash
+npm run dev
+`
+
+Navigate to http://localhost:3000
+
+## 📚 Learn More
+
+- [HeadlessUsage.md](../docs/react/HeadlessUsage.md) - Complete API reference
+- [REFACTORING_PLAN.md](../docs/REFACTORING_PLAN.md) - v2.0 implementation plan
diff --git a/examples/nextjs-demo/app/actions/upload.ts b/examples/nextjs-demo/app/actions/upload.ts
new file mode 100644
index 00000000..59de59b3
--- /dev/null
+++ b/examples/nextjs-demo/app/actions/upload.ts
@@ -0,0 +1,50 @@
+"use server";
+
+import { ServerResponse } from "@files-ui/core";
+
+/**
+ * Server Action for handling file uploads
+ * Demonstrates Next.js 16 App Router integration with useFilesUI
+ */
+export async function uploadFileAction(formData: FormData): Promise<ServerResponse> {
+  try {
+    const file = formData.get("file") as File;
+    
+    if (!file) {
+      return {
+        success: false,
+        message: "No file provided",
+      };
+    }
+
+    // Simulate file processing
+    console.log(`Processing file: ${file.name} (${file.size} bytes)`);
+    
+    // In a real app, you would:
+    // 1. Validate the file
+    // 2. Upload to cloud storage (S3, Azure Blob, etc.)
+    // 3. Save metadata to database
+    // 4. Return the file URL
+    
+    // Simulate async processing
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    
+    return {
+      success: true,
+      message: `File ${file.name} uploaded successfully`,
+      data: {
+        filename: file.name,
+        size: file.size,
+        type: file.type,
+        // In a real app, return the uploaded file URL
+        url: `/uploads/${file.name}`,
+      },
+    };
+  } catch (error) {
+    console.error("Upload error:", error);
+    return {
+      success: false,
+      message: error instanceof Error ? error.message : "Upload failed",
+    };
+  }
+}
diff --git a/examples/nextjs-demo/app/favicon.ico b/examples/nextjs-demo/app/favicon.ico
new file mode 100644
index 00000000..718d6fea
Binary files /dev/null and b/examples/nextjs-demo/app/favicon.ico differ
diff --git a/examples/nextjs-demo/app/globals.css b/examples/nextjs-demo/app/globals.css
new file mode 100644
index 00000000..80dc0f89
--- /dev/null
+++ b/examples/nextjs-demo/app/globals.css
@@ -0,0 +1,21 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}
diff --git a/examples/nextjs-demo/app/layout.tsx b/examples/nextjs-demo/app/layout.tsx
new file mode 100644
index 00000000..976eb90d
--- /dev/null
+++ b/examples/nextjs-demo/app/layout.tsx
@@ -0,0 +1,33 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html
+      lang="en"
+      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+    >
+      <body className="min-h-full flex flex-col">{children}</body>
+    </html>
+  );
+}
diff --git a/examples/nextjs-demo/app/page.tsx b/examples/nextjs-demo/app/page.tsx
new file mode 100644
index 00000000..41e9d300
--- /dev/null
+++ b/examples/nextjs-demo/app/page.tsx
@@ -0,0 +1,255 @@
+"use client";
+
+import { useFilesUI } from "@files-ui/react";
+import type { ExtFile } from "@files-ui/core";
+import { uploadFileAction } from "./actions/upload";
+
+export default function HeadlessDemo() {
+  const {
+    files,
+    numberOfValidFiles,
+    isUploading,
+    isDragging,
+    removeFile,
+    uploadFiles,
+    getDragHandlers,
+    getInputProps,
+  } = useFilesUI({
+    accept: "image/*,.pdf,.docx",
+    maxFileSize: 10 * 1024 * 1024, // 10MB
+    maxFiles: 5,
+    action: uploadFileAction, // Use Server Action
+    onChange: (files: ExtFile[]) => {
+      console.log("Files changed:", files);
+    },
+    onUploadFinish: (files: ExtFile[]) => {
+      console.log("Upload finished:", files);
+    },
+  });
+
+  // Compute upload button label
+  const fileLabel = numberOfValidFiles === 1 ? "File" : "Files";
+  const uploadButtonLabel = `Upload ${numberOfValidFiles} ${fileLabel}`;
+
+  return (
+    <main className="min-h-screen p-8 bg-gradient-to-br from-blue-50 to-indigo-100">
+      <div className="max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold text-gray-900 mb-2">
+          useFilesUI Headless Demo
+        </h1>
+        <p className="text-gray-600 mb-8">
+          Next.js 16 App Router + Server Actions + Custom UI
+        </p>
+
+        {/* Custom Dropzone UI */}
+        <div
+          {...getDragHandlers()}
+          className={`
+            border-2 border-dashed rounded-xl p-12 mb-6 transition-all
+            ${
+              isDragging
+                ? "border-blue-500 bg-blue-50 scale-105"
+                : "border-gray-300 bg-white hover:border-gray-400"
+            }
+          `}
+        >
+          <div className="text-center">
+            <svg
+              className="mx-auto h-12 w-12 text-gray-400 mb-4"
+              stroke="currentColor"
+              fill="none"
+              viewBox="0 0 48 48"
+              aria-hidden="true"
+            >
+              <path
+                d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02"
+                strokeWidth={2}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </svg>
+            <p className="text-lg text-gray-700 mb-2">
+              {isDragging ? (
+                <span className="font-semibold text-blue-600">Drop files here!</span>
+              ) : (
+                "Drag & drop files here"
+              )}
+            </p>
+            <p className="text-sm text-gray-500 mb-4">
+              or click to browse (max 5 files, 10MB each)
+            </p>
+            <label
+              htmlFor="file-input"
+              className="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 cursor-pointer transition-colors"
+            >
+              Browse Files
+            </label>
+            <input
+              id="file-input"
+              type="file"
+              {...getInputProps()}
+              className="hidden"
+            />
+          </div>
+        </div>
+
+        {/* File List */}
+        {files.length > 0 && (
+          <div className="bg-white rounded-xl shadow-md p-6 mb-6">
+            <h2 className="text-xl font-semibold text-gray-900 mb-4">
+              Selected Files ({numberOfValidFiles}/{files.length} valid)
+            </h2>
+            <div className="space-y-3">
+              {files.map((file: ExtFile) => (
+                <div
+                  key={file.id}
+                  className={`
+                    flex items-center justify-between p-4 rounded-lg border-2
+                    ${
+                      file.valid
+                        ? "border-green-200 bg-green-50"
+                        : "border-red-200 bg-red-50"
+                    }
+                  `}
+                >
+                  <div className="flex items-center space-x-3 flex-1">
+                    <div
+                      className={`
+                      w-10 h-10 rounded-full flex items-center justify-center
+                      ${file.valid ? "bg-green-200" : "bg-red-200"}
+                    `}
+                    >
+                      <span className="text-lg">
+                        {file.type?.startsWith("image/") ? "🖼️" : "📄"}
+                      </span>
+                    </div>
+                    <div className="flex-1 min-w-0">
+                      <p className="text-sm font-medium text-gray-900 truncate">
+                        {file.name}
+                      </p>
+                      <p className="text-xs text-gray-500">
+                        {(file.size! / 1024).toFixed(2)} KB
+                      </p>
+                      {!file.valid && file.errors && (
+                        <p className="text-xs text-red-600 mt-1">
+                          {file.errors.map((e: { message: string }) => e.message).join(", ")}
+                        </p>
+                      )}
+                      {file.uploadStatus && (
+                        <p className="text-xs text-gray-600 mt-1">
+                          Status: {file.uploadStatus}
+                        </p>
+                      )}
+                    </div>
+                  </div>
+                  <button
+                    onClick={() => removeFile(file.id!)}
+                    className="ml-4 text-red-600 hover:text-red-800 transition-colors"
+                  >
+                    <svg
+                      className="h-5 w-5"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke="currentColor"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth={2}
+                        d="M6 18L18 6M6 6l12 12"
+                      />
+                    </svg>
+                  </button>
+                </div>
+              ))}
+            </div>
+          </div>
+        )}
+
+        {/* Upload Button */}
+        {numberOfValidFiles > 0 && (
+          <button
+            onClick={uploadFiles}
+            disabled={isUploading}
+            className={`
+              w-full py-4 px-6 rounded-xl text-white font-semibold text-lg
+              transition-all transform hover:scale-105
+              ${
+                isUploading
+                  ? "bg-gray-400 cursor-not-allowed"
+                  : "bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 shadow-lg"
+              }
+            `}
+          >
+            {isUploading ? (
+              <span className="flex items-center justify-center">
+                <svg
+                  className="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <circle
+                    className="opacity-25"
+                    cx="12"
+                    cy="12"
+                    r="10"
+                    stroke="currentColor"
+                    strokeWidth="4"
+                  ></circle>
+                  <path
+                    className="opacity-75"
+                    fill="currentColor"
+                    d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  ></path>
+                </svg>
+                Uploading via Server Action...
+              </span>
+            ) : (
+              uploadButtonLabel
+            )}
+          </button>
+        )}
+
+        {/* Info Panel */}
+        <div className="mt-8 bg-blue-50 border border-blue-200 rounded-xl p-6">
+          <h3 className="text-lg font-semibold text-blue-900 mb-3">
+            🎯 Demo Features
+          </h3>
+          <ul className="space-y-2 text-sm text-blue-800">
+            <li className="flex items-start">
+              <span className="mr-2">✅</span>
+              <span>
+                <strong>Headless Hook:</strong> Complete control over UI with useFilesUI
+              </span>
+            </li>
+            <li className="flex items-start">
+              <span className="mr-2">✅</span>
+              <span>
+                <strong>Server Actions:</strong> Next.js 16 App Router native upload
+              </span>
+            </li>
+            <li className="flex items-start">
+              <span className="mr-2">✅</span>
+              <span>
+                <strong>Custom Validation:</strong> Max 5 files, 10MB each, images/PDFs only
+              </span>
+            </li>
+            <li className="flex items-start">
+              <span className="mr-2">✅</span>
+              <span>
+                <strong>Drag & Drop:</strong> Full drag-and-drop support with visual feedback
+              </span>
+            </li>
+            <li className="flex items-start">
+              <span className="mr-2">✅</span>
+              <span>
+                <strong>Tailwind CSS:</strong> Fully styled with Tailwind (no @files-ui styles)
+              </span>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/examples/nextjs-demo/eslint.config.mjs b/examples/nextjs-demo/eslint.config.mjs
new file mode 100644
index 00000000..05e726d1
--- /dev/null
+++ b/examples/nextjs-demo/eslint.config.mjs
@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;
diff --git a/examples/nextjs-demo/next.config.ts b/examples/nextjs-demo/next.config.ts
new file mode 100644
index 00000000..e9ffa308
--- /dev/null
+++ b/examples/nextjs-demo/next.config.ts
@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;
diff --git a/examples/nextjs-demo/package-lock.json b/examples/nextjs-demo/package-lock.json
new file mode 100644
index 00000000..69bedb73
--- /dev/null
+++ b/examples/nextjs-demo/package-lock.json
@@ -0,0 +1,6806 @@
+{
+  "name": "nextjs-demo",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "nextjs-demo",
+      "version": "0.1.0",
+      "dependencies": {
+        "@files-ui/core": "file:../core",
+        "@files-ui/react": "file:../react",
+        "next": "16.2.11",
+        "react": "19.2.4",
+        "react-dom": "19.2.4"
+      },
+      "devDependencies": {
+        "@types/node": "^20",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "autoprefixer": "^10.5.4",
+        "eslint": "^9",
+        "eslint-config-next": "16.2.11",
+        "postcss": "^8.5.23",
+        "tailwindcss": "^3.4.19",
+        "typescript": "^5"
+      }
+    },
+    "../core": {
+      "name": "@files-ui/core",
+      "version": "2.0.9",
+      "license": "MIT",
+      "devDependencies": {
+        "@rollup/plugin-commonjs": "^25.0.0",
+        "@rollup/plugin-image": "^3.0.3",
+        "@rollup/plugin-node-resolve": "^15.2.0",
+        "@rollup/plugin-terser": "^1.0.0",
+        "@rollup/plugin-typescript": "^11.1.6",
+        "@testing-library/jest-dom": "^6.4.0",
+        "@types/jest": "^30.0.0",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "rollup": "^4.0.0",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "ts-jest": "^29.1.0",
+        "tslib": "^2.8.1",
+        "typescript": "^5.4.0"
+      }
+    },
+    "../react": {
+      "name": "@files-ui/react",
+      "version": "1.3.0",
+      "license": "MIT",
+      "dependencies": {
+        "@dynamicss/dynamicss": "^2.2.8",
+        "@files-ui/core": "^2.0.9"
+      },
+      "devDependencies": {
+        "@rollup/plugin-commonjs": "^28.0.8",
+        "@rollup/plugin-node-resolve": "^16.0.3",
+        "@rollup/plugin-terser": "^0.4.4",
+        "@rollup/plugin-typescript": "^11.1.6",
+        "@testing-library/jest-dom": "^6.1.0",
+        "@testing-library/react": "^14.1.0",
+        "@types/jest": "^29.5.14",
+        "autoprefixer": "^10.4.14",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "rollup": "^4.20.0",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-postcss": "^4.0.2",
+        "rollup-plugin-sass": "^1.12.19",
+        "rollup-plugin-typescript2": "^0.34.1",
+        "sass": "^1.101.3",
+        "ts-jest": "^29.0.5",
+        "typescript": "^5.0.2"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.2 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.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/@babel/code-frame": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+      "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+      "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helpers": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.7.tgz",
+      "integrity": "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+      "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.29.7",
+        "@babel/helper-validator-option": "^7.29.7",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+      "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+      "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+      "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+      "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+      "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.7"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+      "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.7.tgz",
+      "integrity": "sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-globals": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
+      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.1",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.11.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.2.tgz",
+      "integrity": "sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.10.1.tgz",
+      "integrity": "sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "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.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "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.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.5"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.6.tgz",
+      "integrity": "sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.14.0",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.3.0",
+        "minimatch": "^3.1.5",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz",
+      "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@files-ui/core": {
+      "resolved": "../core",
+      "link": true
+    },
+    "node_modules/@files-ui/react": {
+      "resolved": "../react",
+      "link": true
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
+      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/types": "^0.15.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
+      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.2",
+        "@humanfs/types": "^0.15.0",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/types": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
+      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.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/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz",
+      "integrity": "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tybys/wasm-util": "^0.10.3"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.2.11.tgz",
+      "integrity": "sha512-0do5A3BJ2gxWr0ZCMcD6BhW+e595jyxdTl3rXTS6lOtD8ektMiW6CO+EPwt1Eca1DBnm90r/7GdiKWBKxH++DA==",
+      "license": "MIT"
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.2.11.tgz",
+      "integrity": "sha512-vMEf/aXOpzFFdtIvFYOnIDPKb0xBbrXONsz83CcKdRrekfxNdL8PNkq5qHqAHSXVlIifnX68LOMaxr3z5PkeLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.2.11.tgz",
+      "integrity": "sha512-wryL4pjKmDwGv2ox6+GZDFxvmtSRLqApBR8kL1j4+vhB7Z5vJC/zAnXpiR9Xkfzl0AS8WLMnsuGV/UKI67/rrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.2.11.tgz",
+      "integrity": "sha512-aZl2j4f/fLyjQvOhv0Oe9UaMAQHolYpKhctsoYzplSumKJKPUmgjcf6545aBtysLTcu994TREd0+pSgNE4ohmg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.2.11.tgz",
+      "integrity": "sha512-5jEriyEnH/LWFy27L2ZG0XaLlyEJIjhsImEsiS9P563PKEVp2BVups/xfOucIrsvVntp11oNcZwjHvaDPYVB5g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.2.11.tgz",
+      "integrity": "sha512-eIjcpx2fnnFSSkZDbTxy74KnokUXDjfoLClpWelfgHLf621aTqswhwXQ7GkD5K5rplrS6LZ/Bj+mVuvzluBOEg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.2.11.tgz",
+      "integrity": "sha512-8WgzpaWMs46qJT9kiV47cje86L0x/Mu9t8/Gwj+pnbgW3rETVfCnaScPjlYUwNScpOozdcIMHWmAvuZJUonR2w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.2.11.tgz",
+      "integrity": "sha512-I3UgPds7G4ZYnTb/H+5GBGuUT2DhAk6j0mL6A4s63RjFs74wB2hOWP0vaxsK+3NJraExt3eYEPQ/UtT0x/64Nw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.2.11.tgz",
+      "integrity": "sha512-n89CjtcThnjrwgJMAiI5xbqwLY51zvwC9tSlArmVndAJLYVl9T9UAdlkXTmZvE++idoXe8KdglQlhNRdUp1c6g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.2.11.tgz",
+      "integrity": "sha512-md8CLNggS1Dx9pUgApzps5uAf+N8GN9xywzmNx9vHAWo94HtBwCCqkSnhIrdfQe83Dhz8Lfo/20Nb1Zxal092w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.4.0"
+      }
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz",
+      "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.43",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.43.tgz",
+      "integrity": "sha512-6oYBAi5ikg4Pl+kGsoYtawUMBT2zZMCvPNF7pVLnHZfd1zf38DRiWn/gT01RYCdUqkv7Fhr+C9ot4/tb+2sVvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.17",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.17.tgz",
+      "integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.65.0.tgz",
+      "integrity": "sha512-IEgob78X12rHpUmtcwFsXhZdVGJtwTVP8FiCLZkR6GlYVrl2PcuB+KhCE5BlVC/eQpQnu8WXRtkHZuPar+gCRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.65.0",
+        "@typescript-eslint/type-utils": "8.65.0",
+        "@typescript-eslint/utils": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.65.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.6.tgz",
+      "integrity": "sha512-BAg6QkE8W+TuQLrrw0Ugr7HegXduRuuj8/ti2kSOc+jz1dmx8/WNcjr6XGnq5YpDWxFwwaavqD0+jIUOKelTsw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.65.0.tgz",
+      "integrity": "sha512-CZ4nMxWwgu1HEEFNkeaCptra9QCtkmKdgf3sWh1rl1trIhmxLilgTV4cwcbQ4wemnT4sWQN8CaKOmdYx+g2gMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.65.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.65.0.tgz",
+      "integrity": "sha512-SxnPhbTsGahizDgbu7oqFH/xVtzIqMd/s+WtnSxNxJZJpLbdT5IPdzg8EZxO3+PoKahXmwJLeNQOpKJb3/bi7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.65.0",
+        "@typescript-eslint/types": "^8.65.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.65.0.tgz",
+      "integrity": "sha512-Esbl8OSYiVxBokYgWPf7VVWg/BE798wXhimnn9ML9Pt5qoDf8bfQlgjlKXR/k98+AcNzlLKYrpCcrcuZ9DZLgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.65.0.tgz",
+      "integrity": "sha512-j6GzGqCiRdA7Qhur2VVmKZAkBLfnHFQfx4TaJGL9RMveZqCo48jSHHO0DTgizEnGhtWnqmbtCUSrqSkdiY/0Hg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.65.0.tgz",
+      "integrity": "sha512-YjaZ7PRI5qY7ax2L3PbvX0rRyGtipAReCWs0mhhDBHjH/vl0g0BonaGXrKdKpMbIIsMIwDgbk/xzkBTyAltS5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0",
+        "@typescript-eslint/utils": "8.65.0",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.65.0.tgz",
+      "integrity": "sha512-JSSwWNy+H0E/01jJEM+hrX6N0OFDzFzeIhHFSAS01tlVaevpG8cFyYRPhS5yjGOvBUx3sqQHVMjCL1CAZZMxBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.65.0.tgz",
+      "integrity": "sha512-JboAE2swaYt4tb1fHhHTABE2K+OLy09XfcTbhnk4Pw96f9dd2e9iYsJ28gBggHlo5z5x1rkyWvcPoTuNTd4oGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.65.0",
+        "@typescript-eslint/tsconfig-utils": "8.65.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.8.tgz",
+      "integrity": "sha512-JZyDyq3D4AUifKTPOB7DELf6XsB3WdPuNxCtob1vFXPsSXhdAiHBWJ/tJ8HAc9aH84BK+5JFZLNkJKx3G9kzQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.65.0.tgz",
+      "integrity": "sha512-gXiwIHsYreboxeJucHKPvgwl7dXt50mF8s1/c00cP/WoVTyWKFdtfhRWwZiXYFU5H2O8vVoSLNrexFZjYS/SGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.65.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.65.0.tgz",
+      "integrity": "sha512-8C71BQkGjiMmXtop7pHVJu1l2NNShFdkCyD6a2ezzs5vU/L3LRtb69EtcteFwz0mYMPzIgOw0n6OV4VBUWZd7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.65.0",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.12.2.tgz",
+      "integrity": "sha512-g5T90pqg1bo/7mytQx6F4iBNC0Wsh9cu+z9veDbFjc7HjpesJFWD7QMS0NGStXM075+7dJPPVvBbpZlnrdpi/w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.12.2.tgz",
+      "integrity": "sha512-YGCRZv/9GLhwmz6mYDeTsm/92BAyR28l6c2ReweVW5pWgfsitWLY8upvfRlGdoyD8HjeTHSYJWyZGD4KJA/nFQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.12.2.tgz",
+      "integrity": "sha512-u9DiNT1auQMO20A9SyTuG3wUgQWB9Z7KjAg0uFuCDR1FsAY8A0CG2S6JpHS1xwm/w1G08bjXZDcyOCjv1WAm2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.12.2.tgz",
+      "integrity": "sha512-f7rPLi/T1HVKZu/u6t87lroib16n8vrSzcyxI7lg4BGO9UF26KhQL44sd9eOUgrTYhvRXtWOIZT5PejdPyJfUA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.12.2.tgz",
+      "integrity": "sha512-BpcOjWCJub6nRZUS2zA20pmLvjtqAtGejETaIyRLiZiQf++cbrjltLA5NN/xaXfqeOBOSlMFbemIl5/S5tljmg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.12.2.tgz",
+      "integrity": "sha512-vZTDvdSISZjJx66OzJqtsOhzifbqRjbmI1Mnu49fQDwog5GtDI4QidRiEAYbZCRj9C8YZEW+3ZjqsyS9GR4k2A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.12.2.tgz",
+      "integrity": "sha512-BiPI+IrIlwcW4nLLMM21+B1dFPzd55yAVgVGrdgDjNef+ch03GdxrcyaIz8X9SsQirh/kCQ7mviyWlMxdh2D7g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.12.2.tgz",
+      "integrity": "sha512-zJc0H99FEPoFfSrNpa91HYfxzfAJCr502oxNK1cfdC9hlaFI43RT+JFCann9JUgZmLzzntChHyn13Sgn9ljHNg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.12.2.tgz",
+      "integrity": "sha512-KQ3Lki6l+Pz1k/eBipN41ES+YUK30beLGb9YqcB1O542cyLCNE6GaxrfcY3T6EezmGGk84wb5XyO9loTM9tkcA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-loong64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-loong64-gnu/-/resolver-binding-linux-loong64-gnu-1.12.2.tgz",
+      "integrity": "sha512-3SJGEh1DborhG6pyxvhPzCT4bbSIVihsvgJc13P1bHG7KLdNDaF9T3gsTwFc7Jw/5Y5/iWOjkEx7Zy0NvCGX3Q==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-loong64-musl": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-loong64-musl/-/resolver-binding-linux-loong64-musl-1.12.2.tgz",
+      "integrity": "sha512-jiuG/Obbel7uw1PwHNFfrkiKhLAF6mnyZ6aWlOAVN9WqKm8v0OFGnciJIHu8+CMvXLQ8AD51LPzAoUfT21D5Ew==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.12.2.tgz",
+      "integrity": "sha512-q7xRvVpmcfeL+LlZg8Pbbo6QaTZwDU5BaGZbwfhkEsXJn3Was8xYfE0RBH266xZt0rM6B7i8xAYIvjthuUIWHg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.12.2.tgz",
+      "integrity": "sha512-0CVdx6lcnT3Q9inOH8tsMIOJ6ImndllMjqJHg8RLVdB7Vq4SfkEXl9mCSsVNuNA4MCYycRicCUxPCabVHJRr6A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.12.2.tgz",
+      "integrity": "sha512-iOwlRo9vnp6R6ohHQS11n0NnfdXx/omhkocmIfaPRpQhKZ+3BDMkkdRVh53qjkFkpPddf+FETA28NwGN7l5l+w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.12.2.tgz",
+      "integrity": "sha512-HYJtLfXq94q8iZNFT1lknx258wlkkWhZeUXJRqzKBBUJ00CvZ+N33zgbCqimLjsyw5Va6uUxhVa12mI+kaveEw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.12.2.tgz",
+      "integrity": "sha512-mPsUhunKKDih5O96Y6enDQyHc1SqBPlY1E/SfMWDM3EdJ95Z9CArPeCVwCCqbP45ljvivdEk8Fxn+SIb1rDAJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.12.2.tgz",
+      "integrity": "sha512-azrt6+5ydLd8Vt210AAFis/lZevSfPw93EJRIJG+xPu4WCJ8K0kppCTpMyLPcKT7H15M4Jnt2tMp5bOvCkRC6A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-openharmony-arm64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-openharmony-arm64/-/resolver-binding-openharmony-arm64-1.12.2.tgz",
+      "integrity": "sha512-YZ9hP4O0X9PQb8eO980qmLNGH4zT3I9+SZTdt0Pr0YyuGQhYKoOZkV02VzrzyOZJ5xIJ3UFIenKkUkGg8GjgWQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.12.2.tgz",
+      "integrity": "sha512-tYFDIkMxSflfEc/h92ZWNsZlHSwgimbNHSO3PL2JWQHfCuC2q316jMyYU9TIWZsFK2bQwyK5VAdYgn8ygPj69A==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "1.10.0",
+        "@emnapi/runtime": "1.10.0",
+        "@napi-rs/wasm-runtime": "^1.1.4"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi/node_modules/@emnapi/runtime": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
+      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.12.2.tgz",
+      "integrity": "sha512-qzNyg3xL0VPQmCaUh+N5jSitce6k+uCBfMDesWRnlULOZaqUkaJ0ybdT+UqlAWJoQjuqfIU/0Ptx9bteN4D82g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.12.2.tgz",
+      "integrity": "sha512-WD9sY00OfpHVGfsnHZoA8jVT+esS/Bg8z8jzxp5BnDCjjwsuKsPQrzswwpFy4J1AUJbXPRfkpcX0mXrzeXW79g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.12.2.tgz",
+      "integrity": "sha512-nAB74NfSNKknqQ1RrYj6uz8FcXEomu/MATJZxh/x+BArzN2U3JbOYC0APYzUIGhVY3m5hRxA8VPNdPBoG8txlA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/acorn": {
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
+      "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
+      "dev": true,
+      "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/ajv": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
+      "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/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==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.5.4",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.5.4.tgz",
+      "integrity": "sha512-MaU0U/za7N3r6brxD4YB/l4NSrFzLPlANv6wEuQVaIPlD3L4W9rFcQPbL/EilY9BHhHvhfcz3gInDLrEtWT4EA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.6",
+        "caniuse-lite": "^1.0.30001806",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "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.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.12.1.tgz",
+      "integrity": "sha512-s7iGf5GaVMxEG0ENN9x+xTr7GFZCb1ZP/1uATUpCEK2X78nDB3RwbtFCo9pGAf9ru+VwoQ464DkaLEeRM08wJA==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.11.1",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.1.tgz",
+      "integrity": "sha512-HYXq73DDpCtNzOmrFsm9eSwCvWCql0RzqjpDzXN9EadiLJ4DNat0nsZ/Bzmy+Ud12mb4/zKDY0cQ805ZzN+i0A==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.7",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.7.tgz",
+      "integrity": "sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==",
+      "dev": true,
+      "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": {
+        "baseline-browser-mapping": "^2.10.44",
+        "caniuse-lite": "^1.0.30001806",
+        "electron-to-chromium": "^1.5.393",
+        "node-releases": "^2.0.51",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "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-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-lite": {
+      "version": "1.0.30001806",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001806.tgz",
+      "integrity": "sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==",
+      "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/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/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "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"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/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==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "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/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/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "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==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "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/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/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": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.396",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.396.tgz",
+      "integrity": "sha512-yHiw2Y3C3H9U6TMbOfoWK/BPreiOPXRfTWPBwQBoZG6/8TB6eOPnsy5oaRYuatR7Fw2SJ4kKforgufeo7fq0EQ==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
+      "integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-abstract-get": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-abstract-get/-/es-abstract-get-1.0.0.tgz",
+      "integrity": "sha512-6PMWXpdhshVvFp+FoWYs1EvG1Nj0tvk0dZM+XcK0xMEM1czRVcP6ohqPWHy6qPagSpC8j4+p89WXlT+xXJs/fg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.2",
+        "is-callable": "^1.2.7",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.4.0.tgz",
+      "integrity": "sha512-c/A0P0oxkACDc+cKWw8evLXK83oBKgn0qPOqCYT4x9uolpCIJAcYvJC9QYKNDRPsTeGyCrQ326jrvgZWdCdK5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.2",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.1.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.3.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.5",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.4.tgz",
+      "integrity": "sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-abstract-get": "^1.0.0",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.1.0",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz",
+      "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.2",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.6",
+        "@eslint/js": "9.39.5",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.14.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.5",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.2.11.tgz",
+      "integrity": "sha512-FIpbK/dUyxUExchDB7eBg3k+VU8R2iR/Cx9/kqTBUTFv2bOIR9aRrpno4rvAQ9VhiPQAyFKNA2NlZwouGWtclA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@next/eslint-plugin-next": "16.2.11",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "globals": "16.4.0",
+        "typescript-eslint": "^8.46.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=9.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.10.tgz",
+      "integrity": "sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.16.1",
+        "resolve": "^2.0.0-next.6"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.14.0.tgz",
+      "integrity": "sha512-W2WCRZ9Dqntd+2u8jJcVMV2PKulc6RdLgUUoh/yQr3uB6lo/ZOeGx11sv60/8S4QFFKNslAlWhr9u0Ef7ZW6Ig==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/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/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz",
+      "integrity": "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.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==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "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-glob/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==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "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.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "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-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.3.tgz",
+      "integrity": "sha512-/zipXxyO6rGvuNGDiULY9MvEGSkb2gaG4GGH4ygMi0ZZzyMHdUZBmntJmx5x1G2VuPytCwGN4xsJP6cw+sK+vQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "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.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.2.0.tgz",
+      "integrity": "sha512-jObKIik1P2QjPHP5nz5BaOtUlfgS0fWo8IUByNXkM+o+02sJOi94em77GwJKQSJ3gfPHdgzLNrHc1uokV4P/ew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2",
+        "hasown": "^2.0.4",
+        "is-callable": "^1.2.7",
+        "is-document.all": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
+      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "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/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "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.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "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/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/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
+    "node_modules/is-bun-module/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-document.all": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-document.all/-/is-document.all-1.0.0.tgz",
+      "integrity": "sha512-+XSoyS05OdBbhFuELhgTCpFNHkpBOJqtsZfUFFpe5QTw+9Sjbh8zitxhQkYAo6wV7e1Vb8cAPvpCk9jGam/82g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz",
+      "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
+      "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodeca"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "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": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "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/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.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/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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/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": "3.3.16",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
+      "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
+      "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/napi-postinstall": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
+      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
+    "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/next": {
+      "version": "16.2.11",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.2.11.tgz",
+      "integrity": "sha512-B339zaqbyK8cmxhoAvLrcwoabwCP1wz21zSzfqxqXAemTu2BXnH7tQnfcglKv1vnMUIDBc+Hth7XODQriTZiRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.2.11",
+        "@swc/helpers": "0.5.15",
+        "baseline-browser-mapping": "^2.9.19",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.2.11",
+        "@next/swc-darwin-x64": "16.2.11",
+        "@next/swc-linux-arm64-gnu": "16.2.11",
+        "@next/swc-linux-arm64-musl": "16.2.11",
+        "@next/swc-linux-x64-gnu": "16.2.11",
+        "@next/swc-linux-x64-musl": "16.2.11",
+        "@next/swc-win32-arm64-msvc": "16.2.11",
+        "@next/swc-win32-x64-msvc": "16.2.11",
+        "sharp": "^0.34.5"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "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/node-exports-info": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.2.tgz",
+      "integrity": "sha512-kXs9Go0cah0qHVV2v389IXQLdLCeE1xfFtjOAF+iobu0OIoG1pje8At2vMHyaPMiPMnG/LWP50twML21eMcAag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array.prototype.flatmap": "^1.3.3",
+        "es-errors": "^1.3.0",
+        "object.entries": "^1.1.9",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.51",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.51.tgz",
+      "integrity": "sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.2.tgz",
+      "integrity": "sha512-19YVAg7T+WTrxggPukVq7DjTv6+PJ867TmhCvBsYwmbFCsZd344rq2Ld1p0wo8f8Qrrhgp82c6FJRqdXWtSEhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "get-intrinsic": "^1.3.0",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/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/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-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.23.tgz",
+      "integrity": "sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==",
+      "dev": true,
+      "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.16",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "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/node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.4.tgz",
+      "integrity": "sha512-bIoJLOmjCO1S9XdY/DcnR5hJxvrDir1PbGChrzXG3vw0/FOliy/fA3dmdhQ441kah4gKv+TwckGzex6wNS5cnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "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==",
+      "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/react": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.4"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "2.0.0-next.7",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.7.tgz",
+      "integrity": "sha512-tqt+NBWwyaMgw3zDsnygx4CByWjQEJHOPMdslYhppaQSJUtL/D4JO9CcBBlhPoI8lz9oJIDXkwXfhF4aWqP8xQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.2",
+        "node-exports-info": "^1.6.0",
+        "object-keys": "^1.1.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "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": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.4.tgz",
+      "integrity": "sha512-wtZlHyOje6OZTGqAoaDKxFkgRtkF9CnHAVnCHKfuj200wAgL+bSJhdsCD2l0Qx/2ekEXjPWcyKkfGb5CPboslg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "get-intrinsic": "^1.3.0",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "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==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stable-hash": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.11",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.11.tgz",
+      "integrity": "sha512-PwvK7BU+CMTJGYQCTZb5RWXIML92lftJLhQz1tBzgKiqGxJaMlBAa48POXaNAC2s4y8jr3EFqrkF9+44neS46w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.2",
+        "es-object-atoms": "^1.1.2",
+        "has-property-descriptors": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.10.tgz",
+      "integrity": "sha512-2+3aDAOmPTmuFwjDnmJG2ctEkQKVki7vOSqaxkv42Mowj1V6PnvuwFCRrR5lChUux1TBskPjfkeTOhqczDMxTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "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.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/fast-glob/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==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "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.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "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/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.8.tgz",
+      "integrity": "sha512-phPGCwqr2+Qo0fwniCE8e4pKnGu/yFb5nD5Y8bf0EEeiI5GklnACYA9GFy/DrAeRrKHXvHn+1SUsOWgJp6RO+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "for-each": "^0.3.5",
+        "gopd": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "possible-typed-array-names": "^1.1.0",
+        "reflect.getprototypeof": "^1.0.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.65.0.tgz",
+      "integrity": "sha512-/ggrHAwyjENDusvyxbuqxAC2dTnZg/Z8F+fgQtYIz+L6n/9HfSlEZcFGV/NsMNa6CkGk0xUjUAFwC0vHOflvIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.65.0",
+        "@typescript-eslint/parser": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0",
+        "@typescript-eslint/utils": "8.65.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unrs-resolver": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.12.2.tgz",
+      "integrity": "sha512-dmlRxBJJayXjqTwC+JtF1HhJmgf3ftQ3YejFcZrf4+KKtJv0qDsK1pjqaaVjG7wJ5NJ6UVP1OqRMQ71Z4C3rxQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "napi-postinstall": "^0.3.4"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-android-arm-eabi": "1.12.2",
+        "@unrs/resolver-binding-android-arm64": "1.12.2",
+        "@unrs/resolver-binding-darwin-arm64": "1.12.2",
+        "@unrs/resolver-binding-darwin-x64": "1.12.2",
+        "@unrs/resolver-binding-freebsd-x64": "1.12.2",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.12.2",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.12.2",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.12.2",
+        "@unrs/resolver-binding-linux-loong64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-loong64-musl": "1.12.2",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.12.2",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-x64-musl": "1.12.2",
+        "@unrs/resolver-binding-openharmony-arm64": "1.12.2",
+        "@unrs/resolver-binding-wasm32-wasi": "1.12.2",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.12.2",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.12.2",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.12.2"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.22",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.22.tgz",
+      "integrity": "sha512-fvO4ExWMFsqyhG3AiPAObMuY1lxaqgYcxbc49CNdWDDECOJNgQyvsOWVwbZc+qf3rzRtxojBK+CMEv0Ld5CYpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "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/zod": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
+      "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
+    }
+  }
+}
diff --git a/examples/nextjs-demo/package.json b/examples/nextjs-demo/package.json
new file mode 100644
index 00000000..d657bfbe
--- /dev/null
+++ b/examples/nextjs-demo/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "nextjs-demo",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --webpack",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "@files-ui/core": "file:../core",
+    "@files-ui/react": "file:../react",
+    "next": "16.2.11",
+    "react": "19.2.4",
+    "react-dom": "19.2.4"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "autoprefixer": "^10.5.4",
+    "eslint": "^9",
+    "eslint-config-next": "16.2.11",
+    "postcss": "^8.5.23",
+    "tailwindcss": "^3.4.19",
+    "typescript": "^5"
+  }
+}
diff --git a/examples/nextjs-demo/postcss.config.mjs b/examples/nextjs-demo/postcss.config.mjs
new file mode 100644
index 00000000..a982c641
--- /dev/null
+++ b/examples/nextjs-demo/postcss.config.mjs
@@ -0,0 +1,8 @@
+const config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
+
+export default config;
diff --git a/examples/nextjs-demo/public/file.svg b/examples/nextjs-demo/public/file.svg
new file mode 100644
index 00000000..004145cd
--- /dev/null
+++ b/examples/nextjs-demo/public/file.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/examples/nextjs-demo/public/globe.svg b/examples/nextjs-demo/public/globe.svg
new file mode 100644
index 00000000..567f17b0
--- /dev/null
+++ b/examples/nextjs-demo/public/globe.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/examples/nextjs-demo/public/next.svg b/examples/nextjs-demo/public/next.svg
new file mode 100644
index 00000000..5174b28c
--- /dev/null
+++ b/examples/nextjs-demo/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/examples/nextjs-demo/public/vercel.svg b/examples/nextjs-demo/public/vercel.svg
new file mode 100644
index 00000000..77053960
--- /dev/null
+++ b/examples/nextjs-demo/public/vercel.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/examples/nextjs-demo/public/window.svg b/examples/nextjs-demo/public/window.svg
new file mode 100644
index 00000000..b2b2a44f
--- /dev/null
+++ b/examples/nextjs-demo/public/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/examples/nextjs-demo/tailwind.config.js b/examples/nextjs-demo/tailwind.config.js
new file mode 100644
index 00000000..0b4c17d1
--- /dev/null
+++ b/examples/nextjs-demo/tailwind.config.js
@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
diff --git a/examples/nextjs-demo/tsconfig.json b/examples/nextjs-demo/tsconfig.json
new file mode 100644
index 00000000..3a13f90a
--- /dev/null
+++ b/examples/nextjs-demo/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/examples/nextjs-gallery/.gitignore b/examples/nextjs-gallery/.gitignore
new file mode 100644
index 00000000..1bfc7bb3
--- /dev/null
+++ b/examples/nextjs-gallery/.gitignore
@@ -0,0 +1,41 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Dependencies
+node_modules
+/.pnp
+.pnp.js
+
+# Next.js
+/.next/
+/out/
+next-env.d.ts
+
+# Production
+/build
+
+# Misc
+.DS_Store
+*.pem
+
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Local env files
+.env*.local
+
+# Vercel
+.vercel
+
+# Typescript
+*.tsbuildinfo
+
+# Uploads
+/public/uploads/*
+!/public/uploads/.gitkeep
diff --git a/examples/nextjs-gallery/README.md b/examples/nextjs-gallery/README.md
new file mode 100644
index 00000000..429c8f15
--- /dev/null
+++ b/examples/nextjs-gallery/README.md
@@ -0,0 +1,112 @@
+# Next.js Gallery
+
+An image gallery application demonstrating `@files-ui/react` v2.0 with Next.js 16 App Router, Server Components, and Server Actions.
+
+## Features
+
+- **Gallery** - Server-side rendered photo grid with `FileMosaic`
+- **Upload** - Dropzone with Server Actions (no backend API needed!)
+- **Headless Upload** - Custom UI with `useFilesUI` hook + Server Actions
+- **Profile** - Avatar upload with Server Actions
+- **Full-Screen Viewer** - Click photos to view in full screen with navigation
+- **Loading States** - Skeleton components in `loading.tsx` files
+- **RSC Integration** - Client subpath imports for Next.js 16 App Router
+
+## Tech Stack
+
+- **Framework:** Next.js 16 (App Router)
+- **React:** React 19
+- **Styling:** Tailwind CSS 4
+- **UI Library:** @files-ui/react v2.0.0 (local link)
+
+## Prerequisites
+
+- Node.js 20+
+- npm or yarn
+
+## Installation
+
+```bash
+npm install
+```
+
+## Development
+
+```bash
+npm run dev
+```
+
+Open http://localhost:3000
+
+## Build
+
+```bash
+npm run build
+npm start
+```
+
+## Features Demonstrated
+
+### v2.0 New Features
+- ✅ Server Actions integration (`action` prop)
+- ✅ RSC client subpath imports (`@files-ui/react/client/*`)
+- ✅ `useFilesUI` headless hook with Server Actions
+- ✅ `fontFamily` config in FilesUiProvider
+- ✅ Skeleton components in Next.js streaming SSR
+
+### Core Features
+- ✅ `<Dropzone>` with Server Actions
+- ✅ `<FileMosaic>` in gallery grid
+- ✅ `<Avatar>` for profile picture
+- ✅ `<FullScreen>` image viewer
+- ✅ File validation (accept, maxFileSize, maxFiles)
+- ✅ Upload progress tracking
+- ✅ Delete files
+- ✅ Server-side rendering (RSC)
+
+## Project Structure
+
+```
+nextjs-gallery/
+├── app/
+│   ├── layout.tsx              # Root layout with FilesUiProvider
+│   ├── page.tsx                # Gallery (Server Component)
+│   ├── loading.tsx             # Loading skeleton
+│   ├── upload/
+│   │   ├── page.tsx            # Upload with Dropzone + action
+│   │   └── headless/
+│   │       └── page.tsx        # useFilesUI + action
+│   ├── profile/
+│   │   └── page.tsx            # Avatar upload
+│   ├── actions/
+│   │   ├── upload.ts           # Server Actions
+│   │   └── photos.ts           # Photo queries
+│   ├── components/
+│   │   └── GalleryGrid.tsx     # Client photo grid
+│   └── lib/
+│       └── db.ts               # Simple JSON "database"
+├── public/
+│   └── uploads/                # Uploaded files
+└── data/
+    └── photos.json             # Photo metadata
+```
+
+## Key Files
+
+- **Server Actions:** `app/actions/upload.ts` - handles file uploads server-side
+- **RSC Page:** `app/page.tsx` - Server Component that reads photos on the server
+- **Client Grid:** `app/components/GalleryGrid.tsx` - Interactive photo grid with delete and full-screen
+- **Database:** `app/lib/db.ts` - Simple JSON file storage (replace with real DB in production)
+
+## Client Subpath Imports
+
+All interactive components use client subpath imports to work with Next.js App Router:
+
+```tsx
+import { Dropzone } from '@files-ui/react/client/dropzone';
+import { FileMosaic } from '@files-ui/react/client/file-mosaic';
+import { Avatar } from '@files-ui/react/client/avatar';
+import { FullScreen } from '@files-ui/react/client/full-screen';
+```
+
+This prevents "use client" issues when importing in Server Components.
diff --git a/examples/nextjs-gallery/app/actions/photos.ts b/examples/nextjs-gallery/app/actions/photos.ts
new file mode 100644
index 00000000..da477fb3
--- /dev/null
+++ b/examples/nextjs-gallery/app/actions/photos.ts
@@ -0,0 +1,7 @@
+'use server';
+
+import { readPhotos } from '../lib/db';
+
+export async function getPhotos() {
+  return await readPhotos();
+}
diff --git a/examples/nextjs-gallery/app/actions/upload.ts b/examples/nextjs-gallery/app/actions/upload.ts
new file mode 100644
index 00000000..69980939
--- /dev/null
+++ b/examples/nextjs-gallery/app/actions/upload.ts
@@ -0,0 +1,67 @@
+'use server';
+
+import { writeFile, mkdir } from 'fs/promises';
+import path from 'path';
+import { readPhotos, savePhoto, deletePhotoById } from '../lib/db';
+
+const UPLOAD_DIR = path.join(process.cwd(), 'public', 'uploads');
+
+export async function uploadPhotos(formData: FormData) {
+  try {
+    // Ensure upload directory exists
+    await mkdir(UPLOAD_DIR, { recursive: true });
+
+    const file = formData.get('file') as File;
+    if (!file) {
+      return { success: false, error: 'No file provided' };
+    }
+
+    // Validate file type
+    if (!file.type.startsWith('image/')) {
+      return { success: false, error: 'Only images are allowed' };
+    }
+
+    // Validate file size (15MB)
+    if (file.size > 15 * 1024 * 1024) {
+      return { success: false, error: 'File too large (max 15MB)' };
+    }
+
+    const bytes = await file.arrayBuffer();
+    const buffer = Buffer.from(bytes);
+
+    // Generate unique filename
+    const uniqueSuffix = Date.now() + '-' + Math.round(Math.random() * 1E9);
+    const filename = uniqueSuffix + '-' + file.name.replace(/[^a-zA-Z0-9.-]/g, '_');
+    const filepath = path.join(UPLOAD_DIR, filename);
+
+    await writeFile(filepath, buffer);
+
+    // Save to "database"
+    const photo = {
+      id: uniqueSuffix.toString(),
+      name: file.name,
+      url: `/uploads/${filename}`,
+      size: file.size,
+      type: file.type,
+      uploadedAt: new Date().toISOString()
+    };
+
+    await savePhoto(photo);
+
+    return { 
+      success: true, 
+      payload: photo
+    };
+  } catch (error: any) {
+    return { success: false, error: error.message };
+  }
+}
+
+export async function deletePhoto(id: string) {
+  try {
+    await deletePhotoById(id);
+    return { success: true };
+  } catch (error: any) {
+    return { success: false, error: error.message };
+  }
+}
diff --git a/examples/nextjs-gallery/app/components/GalleryGrid.tsx b/examples/nextjs-gallery/app/components/GalleryGrid.tsx
new file mode 100644
index 00000000..9d4ffa01
--- /dev/null
+++ b/examples/nextjs-gallery/app/components/GalleryGrid.tsx
@@ -0,0 +1,59 @@
+'use client';
+
+import { useState } from 'react';
+import { FileMosaic } from '@files-ui/react/client/file-mosaic';
+import { FullScreen } from '@files-ui/react/client/full-screen';
+import { deletePhoto } from '../actions/upload';
+
+interface Photo {
+  id: string;
+  name: string;
+  url: string;
+  size: number;
+  type: string;
+}
+
+interface GalleryGridProps {
+  photos: Photo[];
+}
+
+export default function GalleryGrid({ photos: initialPhotos }: GalleryGridProps) {
+  const [photos, setPhotos] = useState(initialPhotos);
+  const [fullscreenSrc, setFullscreenSrc] = useState<string | undefined>();
+
+  const handleDelete = async (id: string | number) => {
+    const result = await deletePhoto(id.toString());
+    if (result.success) {
+      setPhotos(photos.filter(p => p.id !== id));
+    }
+  };
+
+  return (
+    <>
+      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+        {photos.map((photo) => (
+          <FileMosaic
+            key={photo.id}
+            id={photo.id}
+            name={photo.name}
+            size={photo.size}
+            type={photo.type}
+            imageUrl={photo.url}
+            onDelete={handleDelete}
+            preview
+            resultOnTooltip
+            onSee={() => setFullscreenSrc(photo.url)}
+          />
+        ))}
+      </div>
+
+      {fullscreenSrc && (
+        <FullScreen
+          open={!!fullscreenSrc}
+          onClose={() => setFullscreenSrc(undefined)}
+          srcImage={fullscreenSrc}
+        />
+      )}
+    </>
+  );
+}
diff --git a/examples/nextjs-gallery/app/globals.css b/examples/nextjs-gallery/app/globals.css
new file mode 100644
index 00000000..5ed6924c
--- /dev/null
+++ b/examples/nextjs-gallery/app/globals.css
@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --foreground-rgb: 0, 0, 0;
+  --background-rgb: 249, 250, 251;
+}
+
+body {
+  color: rgb(var(--foreground-rgb));
+  background: rgb(var(--background-rgb));
+}
diff --git a/examples/nextjs-gallery/app/layout.tsx b/examples/nextjs-gallery/app/layout.tsx
new file mode 100644
index 00000000..07f11a16
--- /dev/null
+++ b/examples/nextjs-gallery/app/layout.tsx
@@ -0,0 +1,49 @@
+import { FilesUiProvider } from '@files-ui/react';
+import './globals.css';
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+
+const inter = Inter({ subsets: ['latin'] });
+
+export const metadata: Metadata = {
+  title: 'Files UI Gallery',
+  description: 'Image gallery with Files UI v2.0 and Next.js 16 App Router',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>
+        <FilesUiProvider config={{ fontFamily: 'Inter' }}>
+          <nav className="bg-white shadow-sm border-b">
+            <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+              <div className="flex justify-between h-16">
+                <div className="flex space-x-8 items-center">
+                  <a href="/" className="text-xl font-bold text-blue-600">
+                    Gallery
+                  </a>
+                  <a href="/upload" className="text-gray-700 hover:text-blue-600">
+                    Upload
+                  </a>
+                  <a href="/upload/headless" className="text-gray-700 hover:text-blue-600">
+                    Headless Upload
+                  </a>
+                  <a href="/profile" className="text-gray-700 hover:text-blue-600">
+                    Profile
+                  </a>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <main className="min-h-screen bg-gray-50">
+            {children}
+          </main>
+        </FilesUiProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/examples/nextjs-gallery/app/lib/db.ts b/examples/nextjs-gallery/app/lib/db.ts
new file mode 100644
index 00000000..7165f358
--- /dev/null
+++ b/examples/nextjs-gallery/app/lib/db.ts
@@ -0,0 +1,51 @@
+import { promises as fs } from 'fs';
+import path from 'path';
+
+const DB_FILE = path.join(process.cwd(), 'data', 'photos.json');
+
+export interface Photo {
+  id: string;
+  name: string;
+  url: string;
+  size: number;
+  type: string;
+  uploadedAt: string;
+}
+
+async function ensureDbFile() {
+  try {
+    await fs.mkdir(path.dirname(DB_FILE), { recursive: true });
+    try {
+      await fs.access(DB_FILE);
+    } catch {
+      await fs.writeFile(DB_FILE, JSON.stringify({ photos: [] }));
+    }
+  } catch (error) {
+    console.error('Error ensuring DB file:', error);
+  }
+}
+
+export async function readPhotos(): Promise<Photo[]> {
+  await ensureDbFile();
+  try {
+    const data = await fs.readFile(DB_FILE, 'utf-8');
+    const json = JSON.parse(data);
+    return json.photos || [];
+  } catch (error) {
+    return [];
+  }
+}
+
+export async function savePhoto(photo: Photo) {
+  await ensureDbFile();
+  const photos = await readPhotos();
+  photos.push(photo);
+  await fs.writeFile(DB_FILE, JSON.stringify({ photos }, null, 2));
+}
+
+export async function deletePhotoById(id: string) {
+  await ensureDbFile();
+  const photos = await readPhotos();
+  const filtered = photos.filter(p => p.id !== id);
+  await fs.writeFile(DB_FILE, JSON.stringify({ photos: filtered }, null, 2));
+}
diff --git a/examples/nextjs-gallery/app/loading.tsx b/examples/nextjs-gallery/app/loading.tsx
new file mode 100644
index 00000000..9c2bd77a
--- /dev/null
+++ b/examples/nextjs-gallery/app/loading.tsx
@@ -0,0 +1,23 @@
+import { FileMosaicSkeleton } from '@files-ui/react/client/file-mosaic';
+
+export default function Loading() {
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div className="mb-8">
+        <div className="h-10 w-64 bg-gray-200 rounded animate-pulse mb-2"></div>
+        <div className="h-6 w-96 bg-gray-200 rounded animate-pulse"></div>
+      </div>
+      
+      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+        <FileMosaicSkeleton />
+        <FileMosaicSkeleton />
+        <FileMosaicSkeleton />
+        <FileMosaicSkeleton />
+        <FileMosaicSkeleton />
+        <FileMosaicSkeleton />
+        <FileMosaicSkeleton />
+        <FileMosaicSkeleton />
+      </div>
+    </div>
+  );
+}
diff --git a/examples/nextjs-gallery/app/page.tsx b/examples/nextjs-gallery/app/page.tsx
new file mode 100644
index 00000000..7b5893d3
--- /dev/null
+++ b/examples/nextjs-gallery/app/page.tsx
@@ -0,0 +1,31 @@
+import { getPhotos } from './actions/photos';
+import GalleryGrid from './components/GalleryGrid';
+
+export default async function HomePage() {
+  const photos = await getPhotos();
+
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold text-gray-900">Photo Gallery</h1>
+        <p className="mt-2 text-gray-600">
+          Demonstrating Next.js 16 App Router with Server Components and Files UI v2.0
+        </p>
+      </div>
+
+      {photos.length === 0 ? (
+        <div className="text-center py-12">
+          <p className="text-gray-500">No photos yet. Upload some photos to get started!</p>
+          <a
+            href="/upload"
+            className="mt-4 inline-block px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700"
+          >
+            Upload Photos
+          </a>
+        </div>
+      ) : (
+        <GalleryGrid photos={photos} />
+      )}
+    </div>
+  );
+}
diff --git a/examples/nextjs-gallery/app/profile/page.tsx b/examples/nextjs-gallery/app/profile/page.tsx
new file mode 100644
index 00000000..9014872f
--- /dev/null
+++ b/examples/nextjs-gallery/app/profile/page.tsx
@@ -0,0 +1,45 @@
+'use client';
+
+import { useState } from 'react';
+import { Avatar } from '@files-ui/react/client/avatar';
+import { ExtFile } from '@files-ui/react';
+import { uploadPhotos } from '../actions/upload';
+
+export default function ProfilePage() {
+  const [files, setFiles] = useState<ExtFile[]>([]);
+
+  return (
+    <div className="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold text-gray-900">Profile</h1>
+        <p className="mt-2 text-gray-600">Avatar component with Server Action upload</p>
+      </div>
+
+      <div className="bg-white rounded-lg shadow-sm p-8">
+        <div className="flex flex-col items-center">
+          <Avatar
+            value={files}
+            onChange={setFiles}
+            accept="image/*"
+            maxFileSize={5 * 1024 * 1024}
+            action={uploadPhotos}
+            variant="circle"
+            emptyLabel="Click to upload avatar"
+            style={{ width: '200px', height: '200px' }}
+          />
+          <p className="mt-4 text-gray-600">Click the avatar to upload a new profile picture</p>
+        </div>
+      </div>
+
+      <div className="mt-8 bg-green-50 rounded-lg p-6">
+        <h3 className="text-lg font-semibold mb-3">Avatar Component Features</h3>
+        <ul className="space-y-2 text-gray-700">
+          <li><strong>Shape Variants:</strong> circle, square, rounded</li>
+          <li><strong>Server Action:</strong> Upload via Next.js Server Actions</li>
+          <li><strong>Validation:</strong> Images only, max 5 MB</li>
+          <li><strong>RSC:</strong> Client subpath <code className="text-sm bg-white px-2 py-1 rounded">@files-ui/react/client/avatar</code></li>
+        </ul>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/nextjs-gallery/app/upload/headless/page.tsx b/examples/nextjs-gallery/app/upload/headless/page.tsx
new file mode 100644
index 00000000..185d74f3
--- /dev/null
+++ b/examples/nextjs-gallery/app/upload/headless/page.tsx
@@ -0,0 +1,107 @@
+'use client';
+
+import { useFilesUI } from '@files-ui/react';
+import { uploadPhotos } from '../../actions/upload';
+
+export default function HeadlessUploadPage() {
+  const {
+    files,
+    isUploading,
+    uploadFiles,
+    getDragHandlers,
+    getInputProps,
+    removeFile
+  } = useFilesUI({
+    accept: 'image/*',
+    maxFileSize: 15 * 1024 * 1024,
+    maxFiles: 20,
+    action: uploadPhotos
+  });
+
+  const dragHandlers = getDragHandlers();
+  const inputProps = getInputProps();
+
+  return (
+    <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold text-gray-900">Headless Upload</h1>
+        <p className="mt-2 text-gray-600">
+          Custom UI built with <code className="text-sm bg-gray-100 px-2 py-1 rounded">useFilesUI</code> hook + Server Actions
+        </p>
+      </div>
+
+      <div className="bg-white rounded-lg shadow-sm p-6">
+        <div
+          {...dragHandlers}
+          className="border-2 border-dashed border-blue-400 rounded-lg p-12 text-center cursor-pointer hover:border-blue-600 hover:bg-blue-50 transition"
+        >
+          <input {...inputProps} className="hidden" id="file-input" />
+          <label htmlFor="file-input" className="cursor-pointer">
+            <div className="text-6xl mb-4">📷</div>
+            <p className="text-lg text-gray-700 mb-2">Drop images here or click to browse</p>
+            <p className="text-sm text-gray-500">Images up to 15MB • Max 20 files</p>
+          </label>
+        </div>
+
+        {files.length > 0 && (
+          <div className="mt-6">
+            <div className="flex justify-between items-center mb-4">
+              <h3 className="text-lg font-semibold">Selected Files ({files.length})</h3>
+              <button
+                onClick={() => uploadFiles()}
+                disabled={isUploading}
+                className="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed"
+              >
+                {isUploading ? 'Uploading...' : 'Upload All'}
+              </button>
+            </div>
+
+            <div className="space-y-2">
+              {files.map((file) => (
+                <div key={file.id} className="flex items-center gap-4 p-3 bg-gray-50 rounded-lg">
+                  <div className="flex-1">
+                    <p className="font-medium">{file.name}</p>
+                    <p className="text-sm text-gray-500">
+                      {(file.size / 1024 / 1024).toFixed(2)} MB
+                    </p>
+                  </div>
+                  <div className="flex items-center gap-3">
+                    <span className={`px-3 py-1 text-xs rounded-full ${
+                      file.uploadStatus === 'success' ? 'bg-green-100 text-green-800' :
+                      file.uploadStatus === 'error' ? 'bg-red-100 text-red-800' :
+                      file.uploadStatus === 'uploading' ? 'bg-blue-100 text-blue-800' :
+                      'bg-gray-100 text-gray-800'
+                    }`}>
+                      {file.uploadStatus || 'ready'}
+                    </span>
+                    <button
+                      onClick={() => removeFile(file.id)}
+                      className="px-3 py-1 bg-red-500 text-white text-sm rounded hover:bg-red-600"
+                    >
+                      Remove
+                    </button>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        )}
+      </div>
+
+      <div className="mt-8 bg-purple-50 rounded-lg p-6">
+        <h3 className="text-lg font-semibold mb-3">Headless Hook + Server Actions</h3>
+        <pre className="bg-white p-4 rounded text-sm overflow-x-auto">
+{`const { files, isUploading, uploadFiles, getDragHandlers, getInputProps } = useFilesUI({
+  accept: 'image/*',
+  maxFileSize: 15 * 1024 * 1024,
+  action: uploadPhotos  // Server Action (no URL needed!)
+});`}
+        </pre>
+        <p className="mt-3 text-gray-700">
+          This demonstrates the power of combining the headless <code className="bg-white px-2 py-1 rounded">useFilesUI</code> hook 
+          with Next.js Server Actions for a completely custom upload experience.
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/nextjs-gallery/app/upload/page.tsx b/examples/nextjs-gallery/app/upload/page.tsx
new file mode 100644
index 00000000..a8778965
--- /dev/null
+++ b/examples/nextjs-gallery/app/upload/page.tsx
@@ -0,0 +1,54 @@
+'use client';
+
+import { useState } from 'react';
+import { Dropzone, FileMosaic, ExtFile } from '@files-ui/react/client/dropzone';
+import { uploadPhotos } from '../actions/upload';
+
+export default function UploadPage() {
+  const [files, setFiles] = useState<ExtFile[]>([]);
+
+  return (
+    <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold text-gray-900">Upload Photos</h1>
+        <p className="mt-2 text-gray-600">
+          Upload via Server Actions - demonstrates the <code className="text-sm bg-gray-100 px-2 py-1 rounded">action</code> prop
+        </p>
+      </div>
+
+      <div className="bg-white rounded-lg shadow-sm p-6">
+        <Dropzone
+          value={files}
+          onChange={setFiles}
+          accept="image/*"
+          maxFileSize={15 * 1024 * 1024}
+          maxFiles={20}
+          action={uploadPhotos}
+          label="Drop images here or click to browse"
+          footer={false}
+        >
+          {files.map((file) => (
+            <FileMosaic
+              key={file.id}
+              {...file}
+              onDelete={(id) => setFiles(files.filter(f => f.id !== id))}
+              resultOnTooltip
+              preview
+            />
+          ))}
+        </Dropzone>
+      </div>
+
+      <div className="mt-8 bg-blue-50 rounded-lg p-6">
+        <h3 className="text-lg font-semibold mb-3">Configuration</h3>
+        <ul className="space-y-2 text-gray-700">
+          <li><strong>Accept:</strong> Images only</li>
+          <li><strong>Max File Size:</strong> 15 MB</li>
+          <li><strong>Max Files:</strong> 20</li>
+          <li><strong>Upload Method:</strong> Next.js Server Actions (no URL needed)</li>
+          <li><strong>RSC:</strong> Client subpath import <code className="text-sm bg-white px-2 py-1 rounded">@files-ui/react/client/dropzone</code></li>
+        </ul>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/nextjs-gallery/next.config.ts b/examples/nextjs-gallery/next.config.ts
new file mode 100644
index 00000000..bacaceeb
--- /dev/null
+++ b/examples/nextjs-gallery/next.config.ts
@@ -0,0 +1,9 @@
+import type { NextConfig } from 'next';
+
+const config: NextConfig = {
+  experimental: {
+    turbo: {},
+  },
+};
+
+export default config;
diff --git a/examples/nextjs-gallery/package.json b/examples/nextjs-gallery/package.json
new file mode 100644
index 00000000..888d35cc
--- /dev/null
+++ b/examples/nextjs-gallery/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "nextjs-gallery",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "@files-ui/react": "file:../..",
+    "next": "^16.0.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.0",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.9.2"
+  }
+}
diff --git a/examples/nextjs-gallery/postcss.config.mjs b/examples/nextjs-gallery/postcss.config.mjs
new file mode 100644
index 00000000..33ad091d
--- /dev/null
+++ b/examples/nextjs-gallery/postcss.config.mjs
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/examples/nextjs-gallery/public/uploads/.gitkeep b/examples/nextjs-gallery/public/uploads/.gitkeep
new file mode 100644
index 00000000..b4ffa907
--- /dev/null
+++ b/examples/nextjs-gallery/public/uploads/.gitkeep
@@ -0,0 +1 @@
+# Keep this directory
diff --git a/examples/nextjs-gallery/tailwind.config.ts b/examples/nextjs-gallery/tailwind.config.ts
new file mode 100644
index 00000000..ecdd5889
--- /dev/null
+++ b/examples/nextjs-gallery/tailwind.config.ts
@@ -0,0 +1,15 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
+
+export default config;
diff --git a/examples/nextjs-gallery/tsconfig.json b/examples/nextjs-gallery/tsconfig.json
new file mode 100644
index 00000000..d8b93235
--- /dev/null
+++ b/examples/nextjs-gallery/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/examples/vite-file-manager/.gitignore b/examples/vite-file-manager/.gitignore
new file mode 100644
index 00000000..e47679aa
--- /dev/null
+++ b/examples/vite-file-manager/.gitignore
@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Server uploads
+server/storage/*
+!server/storage/.gitkeep
diff --git a/examples/vite-file-manager/.gitkeep b/examples/vite-file-manager/.gitkeep
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/examples/vite-file-manager/.gitkeep
@@ -0,0 +1 @@
+
diff --git a/examples/vite-file-manager/README.md b/examples/vite-file-manager/README.md
new file mode 100644
index 00000000..b6f97e97
--- /dev/null
+++ b/examples/vite-file-manager/README.md
@@ -0,0 +1,97 @@
+# Vite File Manager
+
+A complete file management dashboard demonstrating `@files-ui/react` v2.0 features with Express backend.
+
+## Features
+
+- **Standard Upload** - Dropzone with FileMosaic, validation, auto-upload, concurrent uploads (3 simultaneous)
+- **Chunked Upload** - Large file uploads (up to 100MB) with 1MB chunks
+- **Browse Files** - Grid/list toggle, size variants (xs/small/medium/large), skeletons while loading
+- **Headless Upload** - Fully custom UI built with `useFilesUI` hook (no visual components)
+- **Settings** - Global font family and dark mode configuration via `FilesUiProvider`
+- **Express Backend** - Upload, download, delete endpoints with multer
+
+## Tech Stack
+
+- **Frontend:** Vite 6 + React 19 + TypeScript
+- **Backend:** Express 5 + multer
+- **UI Library:** @files-ui/react v2.0.0 (local link)
+
+## Prerequisites
+
+- Node.js 20+
+- npm or yarn
+
+## Installation
+
+```bash
+npm install
+```
+
+## Development
+
+Run both frontend and backend concurrently:
+
+```bash
+npm run dev
+```
+
+This starts:
+- **Frontend** on http://localhost:3000
+- **Backend** on http://localhost:3001
+
+## Build
+
+```bash
+npm run build
+```
+
+## Features Demonstrated
+
+### v2.0 New Features
+- ✅ `useFilesUI` headless hook
+- ✅ `fontFamily` config in FilesUiProvider
+- ✅ Size `variant` prop (xs/small/medium/large)
+- ✅ Skeleton components (FileMosaicSkeleton, FileCardSkeleton)
+
+### Core Features
+- ✅ `<Dropzone>` with validation
+- ✅ `<FileMosaic>` grid view
+- ✅ `<FileCard>` list view
+- ✅ Concurrent uploads (maxConcurrentUploads: 3)
+- ✅ Chunked uploads for large files
+- ✅ Upload progress tracking
+- ✅ File validation (accept, maxFileSize, maxFiles)
+- ✅ Download from server
+- ✅ Delete files
+- ✅ Dark mode
+
+## Project Structure
+
+```
+vite-file-manager/
+├── server/
+│   ├── index.ts           # Express server
+│   └── storage/           # Uploaded files
+├── src/
+│   ├── pages/
+│   │   ├── Dashboard.tsx
+│   │   ├── UploadPage.tsx
+│   │   ├── UploadChunkedPage.tsx
+│   │   ├── BrowsePage.tsx
+│   │   ├── HeadlessPage.tsx
+│   │   └── SettingsPage.tsx
+│   ├── App.tsx
+│   └── main.tsx
+└── package.json
+```
+
+## API Endpoints
+
+| Method | Path | Description |
+|--------|------|-------------|
+| POST | `/api/upload` | Upload files |
+| POST | `/api/upload/chunk` | Chunked upload |
+| GET | `/api/files` | List all files |
+| GET | `/api/files/:id/download` | Download file |
+| DELETE | `/api/files/:id` | Delete file |
diff --git a/examples/vite-file-manager/index.html b/examples/vite-file-manager/index.html
new file mode 100644
index 00000000..932cd6d9
--- /dev/null
+++ b/examples/vite-file-manager/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,900" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" />
+    <title>Files UI - File Manager Demo</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/examples/vite-file-manager/package.json b/examples/vite-file-manager/package.json
new file mode 100644
index 00000000..d9327155
--- /dev/null
+++ b/examples/vite-file-manager/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "vite-file-manager",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "concurrently \"npm run server\" \"vite\"",
+    "server": "tsx watch server/index.ts",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@files-ui/react": "file:../..",
+    "express": "^5.0.1",
+    "multer": "^2.0.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-router-dom": "^7.1.0"
+  },
+  "devDependencies": {
+    "@types/express": "^5.0.0",
+    "@types/multer": "^2.0.0",
+    "@types/node": "^24.0.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "concurrently": "^9.2.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.9.2",
+    "vite": "^6.2.0"
+  }
+}
diff --git a/examples/vite-file-manager/server/index.ts b/examples/vite-file-manager/server/index.ts
new file mode 100644
index 00000000..851b606b
--- /dev/null
+++ b/examples/vite-file-manager/server/index.ts
@@ -0,0 +1,157 @@
+import express from 'express';
+import multer from 'multer';
+import path from 'path';
+import fs from 'fs/promises';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const app = express();
+const PORT = 3001;
+
+// Ensure storage directory exists
+const STORAGE_DIR = path.join(__dirname, 'storage');
+await fs.mkdir(STORAGE_DIR, { recursive: true });
+
+app.use((req, res, next) => {
+  res.header('Access-Control-Allow-Origin', '*');
+  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
+  res.header('Access-Control-Allow-Headers', 'Content-Type');
+  next();
+});
+app.use(express.json());
+app.use('/uploads', express.static(STORAGE_DIR));
+
+// Configure multer for file uploads
+const storage = multer.diskStorage({
+  destination: STORAGE_DIR,
+  filename: (req, file, cb) => {
+    const uniqueSuffix = Date.now() + '-' + Math.round(Math.random() * 1E9);
+    cb(null, uniqueSuffix + '-' + file.originalname);
+  }
+});
+
+const upload = multer({ 
+  storage,
+  limits: { fileSize: 100 * 1024 * 1024 } // 100MB
+});
+
+// File metadata store
+const filesDb: Record<string, any> = {};
+
+// Standard upload endpoint
+app.post('/api/upload', upload.array('file', 20), async (req, res) => {
+  try {
+    const files = req.files as Express.Multer.File[];
+    const results = files.map((file, index) => {
+      const id = file.filename;
+      const fileData = {
+        id,
+        name: file.originalname,
+        size: file.size,
+        type: file.mimetype,
+        url: `/uploads/${file.filename}`,
+        uploadedAt: new Date().toISOString()
+      };
+      filesDb[id] = fileData;
+      return fileData;
+    });
+
+    res.json({
+      success: true,
+      payload: results.length === 1 ? results[0] : results
+    });
+  } catch (error: any) {
+    res.status(500).json({
+      success: false,
+      error: error.message
+    });
+  }
+});
+
+// Chunked upload endpoint
+const chunksStore = new Map<string, { chunks: Buffer[], totalChunks: number, metadata: any }>();
+
+app.post('/api/upload/chunk', express.raw({ limit: '10mb', type: 'application/octet-stream' }), async (req, res) => {
+  try {
+    const { chunkIndex, totalChunks, fileId, fileName, fileSize, fileType } = req.query;
+    const chunk = req.body as Buffer;
+
+    if (!chunksStore.has(fileId as string)) {
+      chunksStore.set(fileId as string, {
+        chunks: [],
+        totalChunks: parseInt(totalChunks as string),
+        metadata: { fileName, fileSize, fileType }
+      });
+    }
+
+    const fileChunks = chunksStore.get(fileId as string)!;
+    fileChunks.chunks[parseInt(chunkIndex as string)] = chunk;
+
+    // Check if all chunks received
+    if (fileChunks.chunks.filter(Boolean).length === fileChunks.totalChunks) {
+      // Merge chunks
+      const completeFile = Buffer.concat(fileChunks.chunks);
+      const filename = `${Date.now()}-${fileName}`;
+      const filepath = path.join(STORAGE_DIR, filename);
+      
+      await fs.writeFile(filepath, completeFile);
+      
+      const fileData = {
+        id: filename,
+        name: fileName as string,
+        size: parseInt(fileSize as string),
+        type: fileType as string,
+        url: `/uploads/${filename}`,
+        uploadedAt: new Date().toISOString()
+      };
+      
+      filesDb[filename] = fileData;
+      chunksStore.delete(fileId as string);
+      
+      return res.json({ success: true, payload: fileData });
+    }
+
+    res.json({ success: true, message: `Chunk ${chunkIndex} received` });
+  } catch (error: any) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+// List files
+app.get('/api/files', async (req, res) => {
+  res.json({ success: true, files: Object.values(filesDb) });
+});
+
+// Download file
+app.get('/api/files/:id/download', async (req, res) => {
+  const fileData = filesDb[req.params.id];
+  if (!fileData) {
+    return res.status(404).json({ success: false, error: 'File not found' });
+  }
+  
+  const filepath = path.join(STORAGE_DIR, req.params.id);
+  res.download(filepath, fileData.name);
+});
+
+// Delete file
+app.delete('/api/files/:id', async (req, res) => {
+  const fileData = filesDb[req.params.id];
+  if (!fileData) {
+    return res.status(404).json({ success: false, error: 'File not found' });
+  }
+  
+  try {
+    const filepath = path.join(STORAGE_DIR, req.params.id);
+    await fs.unlink(filepath);
+    delete filesDb[req.params.id];
+    res.json({ success: true });
+  } catch (error: any) {
+    res.status(500).json({ success: false, error: error.message });
+  }
+});
+
+app.listen(PORT, () => {
+  console.log(`🚀 Server running on http://localhost:${PORT}`);
+});
diff --git a/examples/vite-file-manager/server/storage/.gitkeep b/examples/vite-file-manager/server/storage/.gitkeep
new file mode 100644
index 00000000..b4ffa907
--- /dev/null
+++ b/examples/vite-file-manager/server/storage/.gitkeep
@@ -0,0 +1 @@
+# Keep this directory
diff --git a/examples/vite-file-manager/server/tsconfig.json b/examples/vite-file-manager/server/tsconfig.json
new file mode 100644
index 00000000..2fd5c80d
--- /dev/null
+++ b/examples/vite-file-manager/server/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "lib": ["ES2022"],
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "strict": true
+  },
+  "include": ["**/*.ts"]
+}
diff --git a/examples/vite-file-manager/src/App.tsx b/examples/vite-file-manager/src/App.tsx
new file mode 100644
index 00000000..dc360265
--- /dev/null
+++ b/examples/vite-file-manager/src/App.tsx
@@ -0,0 +1,82 @@
+import { BrowserRouter, Routes, Route, Link } from 'react-router-dom';
+import { useState } from 'react';
+import { FilesUiProvider } from '@files-ui/react';
+import Dashboard from './pages/Dashboard';
+import UploadPage from './pages/UploadPage';
+import UploadChunkedPage from './pages/UploadChunkedPage';
+import BrowsePage from './pages/BrowsePage';
+import HeadlessPage from './pages/HeadlessPage';
+import SettingsPage from './pages/SettingsPage';
+
+type FontFamily = 'Poppins' | 'Inter' | 'Roboto' | 'system';
+
+function App() {
+  const [darkMode, setDarkMode] = useState(false);
+  const [fontFamily, setFontFamily] = useState<FontFamily | undefined>(undefined);
+
+  const fontMap: Record<FontFamily, string | undefined> = {
+    'Poppins': 'Poppins',
+    'Inter': 'Inter',
+    'Roboto': 'Roboto',
+    'system': undefined
+  };
+
+  return (
+    <FilesUiProvider config={{ 
+      darkMode, 
+      fontFamily: fontFamily ? fontMap[fontFamily] : undefined 
+    }}>
+      <BrowserRouter>
+        <div style={{ 
+          minHeight: '100vh', 
+          background: darkMode ? '#1a1a1a' : '#f5f5f5',
+          color: darkMode ? '#fff' : '#000'
+        }}>
+          <nav style={{ 
+            padding: '1rem 2rem', 
+            background: darkMode ? '#2a2a2a' : '#fff',
+            borderBottom: `1px solid ${darkMode ? '#444' : '#ddd'}`,
+            marginBottom: '2rem'
+          }}>
+            <div style={{ 
+              display: 'flex', 
+              gap: '2rem', 
+              alignItems: 'center',
+              flexWrap: 'wrap'
+            }}>
+              <h1 style={{ margin: 0, fontSize: '1.5rem' }}>Files UI File Manager</h1>
+              <Link to="/">Dashboard</Link>
+              <Link to="/upload">Upload</Link>
+              <Link to="/upload/chunked">Chunked</Link>
+              <Link to="/browse">Browse</Link>
+              <Link to="/headless">Headless</Link>
+              <Link to="/settings">Settings</Link>
+            </div>
+          </nav>
+          <main style={{ padding: '0 2rem 2rem' }}>
+            <Routes>
+              <Route path="/" element={<Dashboard />} />
+              <Route path="/upload" element={<UploadPage />} />
+              <Route path="/upload/chunked" element={<UploadChunkedPage />} />
+              <Route path="/browse" element={<BrowsePage />} />
+              <Route path="/headless" element={<HeadlessPage />} />
+              <Route 
+                path="/settings" 
+                element={
+                  <SettingsPage 
+                    darkMode={darkMode}
+                    onDarkModeChange={setDarkMode}
+                    fontFamily={fontFamily}
+                    onFontFamilyChange={setFontFamily}
+                  />
+                } 
+              />
+            </Routes>
+          </main>
+        </div>
+      </BrowserRouter>
+    </FilesUiProvider>
+  );
+}
+
+export default App;
diff --git a/examples/vite-file-manager/src/main.tsx b/examples/vite-file-manager/src/main.tsx
new file mode 100644
index 00000000..d4d75a6a
--- /dev/null
+++ b/examples/vite-file-manager/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App.tsx'
+import './styles/app.css'
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)
diff --git a/examples/vite-file-manager/src/pages/BrowsePage.tsx b/examples/vite-file-manager/src/pages/BrowsePage.tsx
new file mode 100644
index 00000000..d71d8c88
--- /dev/null
+++ b/examples/vite-file-manager/src/pages/BrowsePage.tsx
@@ -0,0 +1,146 @@
+import { useState, useEffect } from 'react';
+import { FileMosaic, FileCard, FileMosaicSkeleton, FileCardSkeleton } from '@files-ui/react';
+
+type ViewMode = 'grid' | 'list';
+type SizeVariant = 'xs' | 'small' | 'medium' | 'large';
+
+interface FileData {
+  id: string;
+  name: string;
+  size: number;
+  type: string;
+  url: string;
+  uploadedAt: string;
+}
+
+export default function BrowsePage() {
+  const [files, setFiles] = useState<FileData[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [viewMode, setViewMode] = useState<ViewMode>('grid');
+  const [sizeVariant, setSizeVariant] = useState<SizeVariant>('medium');
+
+  useEffect(() => {
+    fetchFiles();
+  }, []);
+
+  const fetchFiles = async () => {
+    setLoading(true);
+    try {
+      const res = await fetch('http://localhost:3001/api/files');
+      const data = await res.json();
+      setFiles(data.files || []);
+    } catch (error) {
+      console.error('Failed to fetch files:', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleDelete = async (id: string) => {
+    try {
+      await fetch(`http://localhost:3001/api/files/${id}`, { method: 'DELETE' });
+      setFiles(files.filter(f => f.id !== id));
+    } catch (error) {
+      console.error('Failed to delete file:', error);
+    }
+  };
+
+  const handleDownload = (id: string) => {
+    window.open(`http://localhost:3001/api/files/${id}/download`, '_blank');
+  };
+
+  return (
+    <div>
+      <div className="page-header">
+        <h2>Browse Files</h2>
+        <p>Grid/list toggle, size variants, download, and delete</p>
+      </div>
+
+      <div className="section">
+        <div className="card">
+          <div style={{ marginBottom: '1.5rem', display: 'flex', gap: '1rem', flexWrap: 'wrap' }}>
+            <div>
+              <label style={{ marginRight: '0.5rem' }}>View:</label>
+              <select value={viewMode} onChange={(e) => setViewMode(e.target.value as ViewMode)}>
+                <option value="grid">Grid</option>
+                <option value="list">List</option>
+              </select>
+            </div>
+            <div>
+              <label style={{ marginRight: '0.5rem' }}>Size:</label>
+              <select value={sizeVariant} onChange={(e) => setSizeVariant(e.target.value as SizeVariant)}>
+                <option value="xs">Extra Small</option>
+                <option value="small">Small</option>
+                <option value="medium">Medium</option>
+                <option value="large">Large</option>
+              </select>
+            </div>
+            <button onClick={fetchFiles}>Refresh</button>
+          </div>
+
+          {loading ? (
+            <div style={{ display: viewMode === 'grid' ? 'flex' : 'block', gap: '1rem', flexWrap: 'wrap' }}>
+              {viewMode === 'grid' ? (
+                <>
+                  <FileMosaicSkeleton variant={sizeVariant} />
+                  <FileMosaicSkeleton variant={sizeVariant} />
+                  <FileMosaicSkeleton variant={sizeVariant} />
+                </>
+              ) : (
+                <>
+                  <FileCardSkeleton variant={sizeVariant} />
+                  <FileCardSkeleton variant={sizeVariant} />
+                  <FileCardSkeleton variant={sizeVariant} />
+                </>
+              )}
+            </div>
+          ) : files.length === 0 ? (
+            <p style={{ textAlign: 'center', color: '#999', padding: '3rem' }}>
+              No files uploaded yet. Go to Upload page to add files.
+            </p>
+          ) : (
+            <div style={{ 
+              display: viewMode === 'grid' ? 'flex' : 'block', 
+              gap: '1rem', 
+              flexWrap: 'wrap' 
+            }}>
+              {viewMode === 'grid' ? (
+                files.map((file) => (
+                  <FileMosaic
+                    key={file.id}
+                    id={file.id}
+                    name={file.name}
+                    size={file.size}
+                    type={file.type}
+                    imageUrl={file.type.startsWith('image/') ? `http://localhost:3001${file.url}` : undefined}
+                    downloadUrl={`http://localhost:3001/api/files/${file.id}/download`}
+                    onDelete={handleDelete}
+                    variant={sizeVariant}
+                    preview
+                    resultOnTooltip
+                  />
+                ))
+              ) : (
+                files.map((file) => (
+                  <FileCard
+                    key={file.id}
+                    id={file.id}
+                    name={file.name}
+                    size={file.size}
+                    type={file.type}
+                    imageUrl={file.type.startsWith('image/') ? `http://localhost:3001${file.url}` : undefined}
+                    downloadUrl={`http://localhost:3001/api/files/${file.id}/download`}
+                    onDelete={handleDelete}
+                    variant={sizeVariant}
+                    preview
+                    resultOnTooltip
+                  />
+                ))
+              )}
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/vite-file-manager/src/pages/Dashboard.tsx b/examples/vite-file-manager/src/pages/Dashboard.tsx
new file mode 100644
index 00000000..12107ba7
--- /dev/null
+++ b/examples/vite-file-manager/src/pages/Dashboard.tsx
@@ -0,0 +1,59 @@
+import { FileMosaicSkeleton, FileCardSkeleton } from '@files-ui/react';
+
+export default function Dashboard() {
+  return (
+    <div>
+      <div className="page-header">
+        <h2>Dashboard</h2>
+        <p>File management system showcasing Files UI v2.0</p>
+      </div>
+
+      <div className="stats-grid">
+        <div className="card stat-card">
+          <div className="stat-value">0</div>
+          <div className="stat-label">Total Files</div>
+        </div>
+        <div className="card stat-card">
+          <div className="stat-value">0 MB</div>
+          <div className="stat-label">Total Size</div>
+        </div>
+        <div className="card stat-card">
+          <div className="stat-value">0</div>
+          <div className="stat-label">Uploads Today</div>
+        </div>
+      </div>
+
+      <div className="section">
+        <h3>Recent Uploads (Loading State Demo)</h3>
+        <div className="card">
+          <p style={{ marginBottom: '1rem', color: '#666' }}>
+            These skeleton components show loading placeholders while data loads:
+          </p>
+          <div style={{ display: 'flex', gap: '1rem', flexWrap: 'wrap' }}>
+            <FileMosaicSkeleton />
+            <FileMosaicSkeleton />
+            <FileMosaicSkeleton />
+          </div>
+          <div style={{ marginTop: '2rem' }}>
+            <FileCardSkeleton />
+            <FileCardSkeleton />
+          </div>
+        </div>
+      </div>
+
+      <div className="section">
+        <h3>Features Demonstrated</h3>
+        <div className="card">
+          <ul style={{ lineHeight: '2' }}>
+            <li><strong>Upload:</strong> Standard Dropzone with FileMosaic, validation, progress tracking</li>
+            <li><strong>Chunked Upload:</strong> Large file uploads with chunked strategy</li>
+            <li><strong>Browse:</strong> Grid/list toggle with size variants, skeletons while loading</li>
+            <li><strong>Headless:</strong> Custom UI built entirely with useFilesUI hook</li>
+            <li><strong>Settings:</strong> Global font family and dark mode configuration</li>
+            <li><strong>Backend:</strong> Express server with multer, concurrent uploads, download/delete</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/vite-file-manager/src/pages/HeadlessPage.tsx b/examples/vite-file-manager/src/pages/HeadlessPage.tsx
new file mode 100644
index 00000000..00148f12
--- /dev/null
+++ b/examples/vite-file-manager/src/pages/HeadlessPage.tsx
@@ -0,0 +1,182 @@
+import { useFilesUI } from '@files-ui/react';
+
+export default function HeadlessPage() {
+  const {
+    files,
+    isUploading,
+    uploadFiles,
+    getDragHandlers,
+    getInputProps,
+    removeFile
+  } = useFilesUI({
+    accept: 'image/*,.pdf',
+    maxFileSize: 10 * 1024 * 1024,
+    maxFiles: 10,
+    url: 'http://localhost:3001/api/upload',
+    method: 'POST',
+    uploadLabel: 'file',
+    maxConcurrentUploads: 3
+  });
+
+  const dragHandlers = getDragHandlers();
+  const inputProps = getInputProps();
+
+  return (
+    <div>
+      <div className="page-header">
+        <h2>Headless Upload (useFilesUI Hook)</h2>
+        <p>Fully custom UI built with the headless useFilesUI hook</p>
+      </div>
+
+      <div className="section">
+        <div className="card">
+          <div
+            {...dragHandlers}
+            style={{
+              border: '2px dashed #1976d2',
+              borderRadius: '8px',
+              padding: '3rem',
+              textAlign: 'center',
+              cursor: 'pointer',
+              background: '#f8f9fa',
+              transition: 'all 0.2s'
+            }}
+          >
+            <input {...inputProps} style={{ display: 'none' }} id="file-input" />
+            <label htmlFor="file-input" style={{ cursor: 'pointer' }}>
+              <div style={{ fontSize: '3rem', marginBottom: '1rem' }}>📁</div>
+              <p style={{ margin: 0, fontSize: '1.1rem', color: '#333' }}>
+                Drop files here or click to browse
+              </p>
+              <p style={{ margin: '0.5rem 0 0 0', fontSize: '0.9rem', color: '#666' }}>
+                Images and PDFs up to 10MB • Max 10 files
+              </p>
+            </label>
+          </div>
+
+          {files.length > 0 && (
+            <div style={{ marginTop: '2rem' }}>
+              <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '1rem' }}>
+                <h3 style={{ margin: 0 }}>Selected Files ({files.length})</h3>
+                <button
+                  onClick={() => uploadFiles()}
+                  disabled={isUploading}
+                  style={{
+                    padding: '0.5rem 1.5rem',
+                    background: isUploading ? '#ccc' : '#1976d2',
+                    color: 'white',
+                    border: 'none',
+                    borderRadius: '4px',
+                    cursor: isUploading ? 'not-allowed' : 'pointer',
+                    fontSize: '1rem'
+                  }}
+                >
+                  {isUploading ? 'Uploading...' : 'Upload All'}
+                </button>
+              </div>
+
+              <table style={{ width: '100%', borderCollapse: 'collapse' }}>
+                <thead>
+                  <tr style={{ borderBottom: '2px solid #ddd', textAlign: 'left' }}>
+                    <th style={{ padding: '0.75rem' }}>Name</th>
+                    <th style={{ padding: '0.75rem' }}>Size</th>
+                    <th style={{ padding: '0.75rem' }}>Status</th>
+                    <th style={{ padding: '0.75rem' }}>Progress</th>
+                    <th style={{ padding: '0.75rem' }}>Actions</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {files.map((file) => (
+                    <tr key={file.id} style={{ borderBottom: '1px solid #eee' }}>
+                      <td style={{ padding: '0.75rem' }}>{file.name}</td>
+                      <td style={{ padding: '0.75rem' }}>
+                        {(file.size / 1024 / 1024).toFixed(2)} MB
+                      </td>
+                      <td style={{ padding: '0.75rem' }}>
+                        <span style={{
+                          padding: '0.25rem 0.5rem',
+                          borderRadius: '4px',
+                          fontSize: '0.85rem',
+                          background: 
+                            file.uploadStatus === 'success' ? '#4caf50' :
+                            file.uploadStatus === 'error' ? '#f44336' :
+                            file.uploadStatus === 'uploading' ? '#2196f3' :
+                            '#9e9e9e',
+                          color: 'white'
+                        }}>
+                          {file.uploadStatus || 'ready'}
+                        </span>
+                      </td>
+                      <td style={{ padding: '0.75rem' }}>
+                        {file.uploadStatus === 'uploading' && (
+                          <div style={{ 
+                            width: '100px', 
+                            height: '8px', 
+                            background: '#e0e0e0', 
+                            borderRadius: '4px',
+                            overflow: 'hidden'
+                          }}>
+                            <div style={{
+                              width: `${file.uploadPercent || 0}%`,
+                              height: '100%',
+                              background: '#2196f3',
+                              transition: 'width 0.3s'
+                            }} />
+                          </div>
+                        )}
+                      </td>
+                      <td style={{ padding: '0.75rem' }}>
+                        <button
+                          onClick={() => removeFile(file.id)}
+                          style={{
+                            padding: '0.25rem 0.75rem',
+                            background: '#f44336',
+                            color: 'white',
+                            border: 'none',
+                            borderRadius: '4px',
+                            cursor: 'pointer',
+                            fontSize: '0.85rem'
+                          }}
+                        >
+                          Remove
+                        </button>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          )}
+        </div>
+      </div>
+
+      <div className="section">
+        <h3>Hook Configuration</h3>
+        <div className="card">
+          <pre style={{ background: '#f5f5f5', padding: '1rem', borderRadius: '4px', overflow: 'auto' }}>
+{`const {
+  files,
+  isUploading,
+  uploadFiles,
+  getDragHandlers,
+  getInputProps,
+  removeFile
+} = useFilesUI({
+  accept: 'image/*,.pdf',
+  maxFileSize: 10 * 1024 * 1024,
+  maxFiles: 10,
+  url: 'http://localhost:3001/api/upload',
+  method: 'POST',
+  uploadLabel: 'file',
+  maxConcurrentUploads: 3
+});`}
+          </pre>
+          <p style={{ marginTop: '1rem', color: '#666' }}>
+            This page demonstrates building a completely custom upload UI using only the useFilesUI hook. 
+            No Files UI visual components are used—just the headless logic.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/vite-file-manager/src/pages/SettingsPage.tsx b/examples/vite-file-manager/src/pages/SettingsPage.tsx
new file mode 100644
index 00000000..534b9e81
--- /dev/null
+++ b/examples/vite-file-manager/src/pages/SettingsPage.tsx
@@ -0,0 +1,118 @@
+interface SettingsPageProps {
+  darkMode: boolean;
+  onDarkModeChange: (darkMode: boolean) => void;
+  fontFamily: 'Poppins' | 'Inter' | 'Roboto' | 'system' | undefined;
+  onFontFamilyChange: (font: 'Poppins' | 'Inter' | 'Roboto' | 'system' | undefined) => void;
+}
+
+export default function SettingsPage({
+  darkMode,
+  onDarkModeChange,
+  fontFamily,
+  onFontFamilyChange
+}: SettingsPageProps) {
+  return (
+    <div>
+      <div className="page-header">
+        <h2>Settings</h2>
+        <p>Configure global font family and dark mode via FilesUiProvider</p>
+      </div>
+
+      <div className="section">
+        <h3>Theme Settings</h3>
+        <div className="card">
+          <div style={{ marginBottom: '2rem' }}>
+            <label style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', cursor: 'pointer' }}>
+              <input
+                type="checkbox"
+                checked={darkMode}
+                onChange={(e) => onDarkModeChange(e.target.checked)}
+              />
+              <span>Enable Dark Mode</span>
+            </label>
+            <p style={{ marginTop: '0.5rem', color: '#666', fontSize: '0.9rem' }}>
+              All Files UI components will use dark mode colors
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div className="section">
+        <h3>Font Settings</h3>
+        <div className="card">
+          <div style={{ marginBottom: '2rem' }}>
+            <label style={{ display: 'block', marginBottom: '0.5rem', fontWeight: 500 }}>
+              Global Font Family
+            </label>
+            <select
+              value={fontFamily || 'system'}
+              onChange={(e) => onFontFamilyChange(
+                e.target.value === 'system' ? undefined : e.target.value as any
+              )}
+              style={{
+                padding: '0.5rem',
+                fontSize: '1rem',
+                borderRadius: '4px',
+                border: '1px solid #ddd',
+                width: '200px'
+              }}
+            >
+              <option value="system">System Default</option>
+              <option value="Poppins">Poppins</option>
+              <option value="Inter">Inter</option>
+              <option value="Roboto">Roboto</option>
+            </select>
+            <p style={{ marginTop: '0.5rem', color: '#666', fontSize: '0.9rem' }}>
+              Changes the font family for all Files UI components via CSS custom property
+            </p>
+          </div>
+
+          <div style={{ 
+            padding: '1rem', 
+            background: darkMode ? '#1a1a1a' : '#f8f9fa', 
+            borderRadius: '4px',
+            border: `1px solid ${darkMode ? '#444' : '#e0e0e0'}`
+          }}>
+            <h4 style={{ margin: '0 0 0.5rem 0' }}>How it works:</h4>
+            <p style={{ margin: 0, color: '#666', fontSize: '0.9rem', lineHeight: '1.6' }}>
+              When you select a font, the <code>FilesUiProvider</code> injects a single <code>&lt;style&gt;</code> element 
+              that sets the CSS custom property <code>--files-ui-font-family</code> on <code>:root</code>. 
+              All component CSS files reference this variable with Poppins as fallback:
+            </p>
+            <pre style={{ 
+              marginTop: '0.75rem', 
+              padding: '0.75rem', 
+              background: darkMode ? '#2a2a2a' : '#fff',
+              borderRadius: '4px',
+              fontSize: '0.85rem',
+              overflow: 'auto'
+            }}>
+{`font-family: var(--files-ui-font-family, 
+  "Poppins", -apple-system, BlinkMacSystemFont, 
+  "Segoe UI", Roboto, sans-serif);`}
+            </pre>
+          </div>
+        </div>
+      </div>
+
+      <div className="section">
+        <h3>Provider Configuration</h3>
+        <div className="card">
+          <pre style={{ 
+            background: darkMode ? '#1a1a1a' : '#f5f5f5', 
+            padding: '1rem', 
+            borderRadius: '4px', 
+            overflow: 'auto' 
+          }}>
+{`<FilesUiProvider config={{ 
+  darkMode: ${darkMode}, 
+  fontFamily: ${fontFamily ? `"${fontFamily}"` : 'undefined'}
+}}>
+  <App />
+</FilesUiProvider>`}
+          </pre>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/vite-file-manager/src/pages/UploadChunkedPage.tsx b/examples/vite-file-manager/src/pages/UploadChunkedPage.tsx
new file mode 100644
index 00000000..36eb710f
--- /dev/null
+++ b/examples/vite-file-manager/src/pages/UploadChunkedPage.tsx
@@ -0,0 +1,62 @@
+import { useState } from 'react';
+import { Dropzone, FileMosaic, ExtFile } from '@files-ui/react';
+
+export default function UploadChunkedPage() {
+  const [files, setFiles] = useState<ExtFile[]>([]);
+
+  return (
+    <div>
+      <div className="page-header">
+        <h2>Chunked Upload</h2>
+        <p>Upload large files using chunked upload strategy</p>
+      </div>
+
+      <div className="section">
+        <div className="card">
+          <Dropzone
+            value={files}
+            onChange={setFiles}
+            maxFileSize={100 * 1024 * 1024} // 100MB
+            maxFiles={5}
+            uploadConfig={{
+              url: 'http://localhost:3001/api/upload/chunk',
+              method: 'POST',
+              uploadLabel: 'file',
+              autoUpload: false,
+              chunked: true,
+              chunkSize: 1024 * 1024 // 1MB chunks
+            } as any}
+            label="Drop large files here (up to 100MB)"
+            footer={false}
+          >
+            {files.map((file) => (
+              <FileMosaic
+                key={file.id}
+                {...file}
+                onDelete={(id) => setFiles(files.filter(f => f.id !== id))}
+                resultOnTooltip
+                preview
+              />
+            ))}
+          </Dropzone>
+        </div>
+      </div>
+
+      <div className="section">
+        <h3>Chunked Upload Configuration</h3>
+        <div className="card">
+          <ul style={{ lineHeight: '2', color: '#666' }}>
+            <li><strong>Max File Size:</strong> 100 MB</li>
+            <li><strong>Chunk Size:</strong> 1 MB per chunk</li>
+            <li><strong>Strategy:</strong> Sequential chunk upload with reassembly on server</li>
+            <li><strong>Benefits:</strong> Resume capability, progress per chunk, reduced memory usage</li>
+          </ul>
+          <p style={{ marginTop: '1rem', color: '#999' }}>
+            Note: Large files are split into 1MB chunks and uploaded sequentially.
+            The server reassembles them upon receiving all chunks.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/vite-file-manager/src/pages/UploadPage.tsx b/examples/vite-file-manager/src/pages/UploadPage.tsx
new file mode 100644
index 00000000..28876edd
--- /dev/null
+++ b/examples/vite-file-manager/src/pages/UploadPage.tsx
@@ -0,0 +1,64 @@
+import { useState } from 'react';
+import { Dropzone, FileMosaic, ExtFile } from '@files-ui/react';
+
+export default function UploadPage() {
+  const [files, setFiles] = useState<ExtFile[]>([]);
+
+  const handleUploadFinish = (files: ExtFile[]) => {
+    console.log('Upload finished:', files);
+  };
+
+  return (
+    <div>
+      <div className="page-header">
+        <h2>Standard Upload</h2>
+        <p>Upload files with validation, progress tracking, and concurrent uploads</p>
+      </div>
+
+      <div className="section">
+        <div className="card">
+          <Dropzone
+            value={files}
+            onChange={setFiles}
+            accept="image/*,.pdf,.doc,.docx"
+            maxFileSize={10 * 1024 * 1024} // 10MB
+            maxFiles={10}
+            uploadConfig={{
+              url: 'http://localhost:3001/api/upload',
+              method: 'POST',
+              uploadLabel: 'file',
+              autoUpload: true,
+              maxConcurrentUploads: 3
+            }}
+            onUploadFinish={handleUploadFinish}
+            label="Drop files here or click to browse"
+            footer={false}
+          >
+            {files.map((file) => (
+              <FileMosaic
+                key={file.id}
+                {...file}
+                onDelete={(id) => setFiles(files.filter(f => f.id !== id))}
+                resultOnTooltip
+                preview
+              />
+            ))}
+          </Dropzone>
+        </div>
+      </div>
+
+      <div className="section">
+        <h3>Configuration</h3>
+        <div className="card">
+          <ul style={{ lineHeight: '2', color: '#666' }}>
+            <li><strong>Accept:</strong> Images, PDF, Word documents</li>
+            <li><strong>Max File Size:</strong> 10 MB</li>
+            <li><strong>Max Files:</strong> 10</li>
+            <li><strong>Auto Upload:</strong> Enabled</li>
+            <li><strong>Concurrent Uploads:</strong> 3 at a time</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/examples/vite-file-manager/src/styles/app.css b/examples/vite-file-manager/src/styles/app.css
new file mode 100644
index 00000000..17261166
--- /dev/null
+++ b/examples/vite-file-manager/src/styles/app.css
@@ -0,0 +1,79 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  color: #1976d2;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+.page-header {
+  margin-bottom: 2rem;
+}
+
+.page-header h2 {
+  margin: 0 0 0.5rem 0;
+  font-size: 2rem;
+}
+
+.page-header p {
+  margin: 0;
+  color: #666;
+  font-size: 1.1rem;
+}
+
+.section {
+  margin-bottom: 3rem;
+}
+
+.section h3 {
+  margin: 0 0 1rem 0;
+  font-size: 1.3rem;
+}
+
+.card {
+  background: white;
+  border-radius: 8px;
+  padding: 1.5rem;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.dark-mode .card {
+  background: #2a2a2a;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 1.5rem;
+  margin-bottom: 2rem;
+}
+
+.stat-card {
+  text-align: center;
+}
+
+.stat-value {
+  font-size: 2.5rem;
+  font-weight: bold;
+  color: #1976d2;
+}
+
+.stat-label {
+  color: #666;
+  margin-top: 0.5rem;
+}
diff --git a/examples/vite-file-manager/tsconfig.json b/examples/vite-file-manager/tsconfig.json
new file mode 100644
index 00000000..39a405b9
--- /dev/null
+++ b/examples/vite-file-manager/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}
diff --git a/examples/vite-file-manager/vite.config.ts b/examples/vite-file-manager/vite.config.ts
new file mode 100644
index 00000000..974375f7
--- /dev/null
+++ b/examples/vite-file-manager/vite.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    port: 3000,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3001',
+        changeOrigin: true
+      }
+    }
+  }
+})
diff --git a/package-lock.json b/package-lock.json
index e9fc12d0..84365efe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,21 +1,21 @@
 {
   "name": "@files-ui/react",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@files-ui/react",
-      "version": "1.3.0",
+      "version": "2.0.0",
       "license": "MIT",
       "dependencies": {
         "@dynamicss/dynamicss": "^2.2.8",
-        "@files-ui/core": "^2.0.9"
+        "@files-ui/core": "^2.1.1"
       },
       "devDependencies": {
         "@rollup/plugin-commonjs": "^28.0.8",
         "@rollup/plugin-node-resolve": "^16.0.3",
-        "@rollup/plugin-terser": "^0.4.4",
+        "@rollup/plugin-terser": "^1.0.0",
         "@rollup/plugin-typescript": "^11.1.6",
         "@testing-library/jest-dom": "^6.1.0",
         "@testing-library/react": "^14.1.0",
@@ -26,8 +26,11 @@
         "jest-environment-jsdom": "^29.7.0",
         "rollup": "^4.20.0",
         "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-postcss": "^4.0.2",
+        "rollup-plugin-preserve-directives": "^0.4.0",
         "rollup-plugin-sass": "^1.12.19",
         "rollup-plugin-typescript2": "^0.34.1",
+        "sass": "^1.101.3",
         "ts-jest": "^29.0.5",
         "typescript": "^5.0.2"
       },
@@ -558,9 +561,9 @@
       "license": "MIT"
     },
     "node_modules/@files-ui/core": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/@files-ui/core/-/core-2.0.9.tgz",
-      "integrity": "sha512-IjtCpnxw/y1T8puTNTN4QQhKVlvpcjNaHafgyHMvbXR/aZ31diYZMDGxlc6Y8wPyrIIiO3zrAiPAX0ja13jieQ==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@files-ui/core/-/core-2.1.1.tgz",
+      "integrity": "sha512-MAheS2Y0ko98ET1YGcBypP4+ycuJOwqM7ez1V3lDXLO0B/5XSos/5REfseVnLkIHxKaMee1XTe6TSPC2JA0INQ==",
       "license": "MIT"
     },
     "node_modules/@istanbuljs/load-nyc-config": {
@@ -608,6 +611,44 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/@jest/console/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/console/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/console/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@jest/core": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.7.0.tgz",
@@ -656,6 +697,71 @@
         }
       }
     },
+    "node_modules/@jest/core/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/core/node_modules/@jest/transform": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
+      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/core/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/core/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@jest/core/node_modules/ansi-styles": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
@@ -669,6 +775,108 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/@jest/core/node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/core/node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/core/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/core/node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/@jest/core/node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/core/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
     "node_modules/@jest/core/node_modules/pretty-format": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
@@ -691,6 +899,43 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@jest/core/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/@jest/core/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/@jest/core/node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
     "node_modules/@jest/environment": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
@@ -707,6 +952,44 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/@jest/environment/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/environment/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/environment/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@jest/expect": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.7.0.tgz",
@@ -752,7 +1035,45 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jest/globals": {
+    "node_modules/@jest/fake-timers/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/fake-timers/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/fake-timers/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jest/globals": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz",
       "integrity": "sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==",
@@ -768,6 +1089,60 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/@jest/globals/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/globals/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/globals/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jest/pattern": {
+      "version": "30.4.0",
+      "resolved": "https://registry.npmjs.org/@jest/pattern/-/pattern-30.4.0.tgz",
+      "integrity": "sha512-RAWn3+f9u8BsHijKJ71uHcFp6vmyEt6VvoWXkl6hKF3qVIuWNmudVjg12DlBPGup/frIl5UcUlH5HfEuvHpEXg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "jest-regex-util": "30.4.0"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
     "node_modules/@jest/reporters": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.7.0.tgz",
@@ -812,7 +1187,7 @@
         }
       }
     },
-    "node_modules/@jest/schemas": {
+    "node_modules/@jest/reporters/node_modules/@jest/schemas": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
       "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
@@ -825,54 +1200,7 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jest/source-map": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.6.3.tgz",
-      "integrity": "sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.18",
-        "callsites": "^3.0.0",
-        "graceful-fs": "^4.2.9"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/test-result": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.7.0.tgz",
-      "integrity": "sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/console": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "collect-v8-coverage": "^1.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/test-sequencer": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz",
-      "integrity": "sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/test-result": "^29.7.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/transform": {
+    "node_modules/@jest/reporters/node_modules/@jest/transform": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
       "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
@@ -899,7 +1227,7 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jest/types": {
+    "node_modules/@jest/reporters/node_modules/@jest/types": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
       "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
@@ -917,393 +1245,506 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+    "node_modules/@jest/reporters/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
       "dev": true,
-      "license": "MIT",
+      "license": "MIT"
+    },
+    "node_modules/@jest/reporters/node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/@jridgewell/remapping": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+    "node_modules/@jest/reporters/node_modules/babel-plugin-istanbul/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/reporters/node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
       }
     },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+    "node_modules/@jest/reporters/node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=6.0.0"
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jridgewell/source-map": {
-      "version": "0.3.11",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
-      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+    "node_modules/@jest/reporters/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25"
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+    "node_modules/@jest/reporters/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": "MIT"
+      "license": "ISC"
     },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.31",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+    "node_modules/@jest/reporters/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
-    "node_modules/@parcel/watcher": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
-      "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
+    "node_modules/@jest/reporters/node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
       "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
+      "license": "ISC",
       "dependencies": {
-        "detect-libc": "^2.0.3",
-        "is-glob": "^4.0.3",
-        "node-addon-api": "^7.0.0",
-        "picomatch": "^4.0.3"
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
       },
       "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "@parcel/watcher-android-arm64": "2.5.6",
-        "@parcel/watcher-darwin-arm64": "2.5.6",
-        "@parcel/watcher-darwin-x64": "2.5.6",
-        "@parcel/watcher-freebsd-x64": "2.5.6",
-        "@parcel/watcher-linux-arm-glibc": "2.5.6",
-        "@parcel/watcher-linux-arm-musl": "2.5.6",
-        "@parcel/watcher-linux-arm64-glibc": "2.5.6",
-        "@parcel/watcher-linux-arm64-musl": "2.5.6",
-        "@parcel/watcher-linux-x64-glibc": "2.5.6",
-        "@parcel/watcher-linux-x64-musl": "2.5.6",
-        "@parcel/watcher-win32-arm64": "2.5.6",
-        "@parcel/watcher-win32-ia32": "2.5.6",
-        "@parcel/watcher-win32-x64": "2.5.6"
-      }
-    },
-    "node_modules/@parcel/watcher-android-arm64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
-      "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
-      "cpu": [
-        "arm64"
-      ],
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@jest/schemas": {
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-30.4.1.tgz",
+      "integrity": "sha512-i6b4qw5qnP8c5FEeBJg/uZQ4ddrkN6Ca8qISJh0pr7a5hfn3h3v5x60BEbOC7OYAGZNMs1LfFLwnW2CuK8F57Q==",
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
+      "peer": true,
+      "dependencies": {
+        "@sinclair/typebox": "^0.34.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
-    "node_modules/@parcel/watcher-darwin-arm64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
-      "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@jest/source-map": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.6.3.tgz",
+      "integrity": "sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "callsites": "^3.0.0",
+        "graceful-fs": "^4.2.9"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@parcel/watcher-darwin-x64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
-      "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@jest/test-result": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.7.0.tgz",
+      "integrity": "sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
+      "dependencies": {
+        "@jest/console": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "collect-v8-coverage": "^1.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@parcel/watcher-freebsd-x64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
-      "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@jest/test-result/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@parcel/watcher-linux-arm-glibc": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
-      "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/@jest/test-result/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@parcel/watcher-linux-arm-musl": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
-      "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/@jest/test-result/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jest/test-sequencer": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz",
+      "integrity": "sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==",
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
+      "dependencies": {
+        "@jest/test-result": "^29.7.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "slash": "^3.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@parcel/watcher-linux-arm64-glibc": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
-      "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@jest/test-sequencer/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@parcel/watcher-linux-arm64-musl": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
-      "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@jest/test-sequencer/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@parcel/watcher-linux-x64-glibc": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
-      "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@jest/test-sequencer/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jest/test-sequencer/node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
       "engines": {
-        "node": ">= 10.0.0"
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
       }
     },
-    "node_modules/@parcel/watcher-linux-x64-musl": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
-      "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@jest/test-sequencer/node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
       "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@parcel/watcher-win32-arm64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
-      "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@jest/test-sequencer/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/@parcel/watcher-win32-ia32": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
-      "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
-      "cpu": [
-        "ia32"
-      ],
+    "node_modules/@jest/test-sequencer/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
       "engines": {
-        "node": ">= 10.0.0"
+        "node": ">=10"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
-    "node_modules/@parcel/watcher-win32-x64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
-      "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@jest/transform": {
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-30.4.1.tgz",
+      "integrity": "sha512-Wz0LyktlTvRefoymh+n64hQ84KNXsRGcwdoZ8CSa0Ea+fgYcHZlnk+hDP7v2MS7il2bQ5uTEIxf4/NNfhMN4KQ==",
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "os": [
-        "win32"
-      ],
+      "peer": true,
+      "dependencies": {
+        "@babel/core": "^7.27.4",
+        "@jest/types": "30.4.1",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "babel-plugin-istanbul": "^7.0.1",
+        "chalk": "^4.1.2",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.11",
+        "jest-haste-map": "30.4.1",
+        "jest-regex-util": "30.4.0",
+        "jest-util": "30.4.1",
+        "pirates": "^4.0.7",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^5.0.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/jest-util": {
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-30.4.1.tgz",
+      "integrity": "sha512-vjQb1sACEiv13DKJMDToJpzVW0joCsIQrmbg0fi7CyOOt+g9jTuQl2A216pWRBYhOVt53XbL/2LbMKg1BECWOw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "30.4.1",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "ci-info": "^4.2.0",
+        "graceful-fs": "^4.2.11",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jest/types": {
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-30.4.1.tgz",
+      "integrity": "sha512-f1x/vJXIfjOlEmejYpbkbgw1gOqpPECwMvMEtBqe47j7H2Hg8h8w3o3ikhSXq3MI15kg+oQ0exWO0uCtTNJLoQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@jest/pattern": "30.4.0",
+        "@jest/schemas": "30.4.1",
+        "@types/istanbul-lib-coverage": "^2.0.6",
+        "@types/istanbul-reports": "^3.0.4",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.33",
+        "chalk": "^4.1.2"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.6.0.tgz",
+      "integrity": "sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.3",
+        "is-glob": "^4.0.3",
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.4"
+      },
       "engines": {
         "node": ">= 10.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.6.0",
+        "@parcel/watcher-darwin-arm64": "2.6.0",
+        "@parcel/watcher-darwin-x64": "2.6.0",
+        "@parcel/watcher-freebsd-x64": "2.6.0",
+        "@parcel/watcher-linux-arm-glibc": "2.6.0",
+        "@parcel/watcher-linux-arm-musl": "2.6.0",
+        "@parcel/watcher-linux-arm64-glibc": "2.6.0",
+        "@parcel/watcher-linux-arm64-musl": "2.6.0",
+        "@parcel/watcher-linux-x64-glibc": "2.6.0",
+        "@parcel/watcher-linux-x64-musl": "2.6.0",
+        "@parcel/watcher-win32-arm64": "2.6.0",
+        "@parcel/watcher-win32-x64": "2.6.0"
       }
     },
     "node_modules/@rollup/plugin-commonjs": {
@@ -1359,18 +1800,18 @@
       }
     },
     "node_modules/@rollup/plugin-terser": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.4.tgz",
-      "integrity": "sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-1.0.0.tgz",
+      "integrity": "sha512-FnCxhTBx6bMOYQrar6C8h3scPt8/JwIzw3+AJ2K++6guogH5fYaIFia+zZuhqv0eo1RN7W1Pz630SyvLbDjhtQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "serialize-javascript": "^6.0.1",
+        "serialize-javascript": "^7.0.3",
         "smob": "^1.0.0",
         "terser": "^5.17.4"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">=20.0.0"
       },
       "peerDependencies": {
         "rollup": "^2.0.0||^3.0.0||^4.0.0"
@@ -1431,507 +1872,134 @@
         }
       }
     },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz",
-      "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==",
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.62.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.3.tgz",
+      "integrity": "sha512-Rj8Ra4noo+aYy7sKBggCx0407mws34kAb1ySyWuq5DAtFBQdkSwnsjCgPrhPe9cvgBKZIukpE+CVHvORCS93kQ==",
       "cpu": [
-        "arm"
+        "ia32"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "android"
+        "win32"
       ]
     },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz",
-      "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@sinclair/typebox": {
+      "version": "0.34.52",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.34.52.tgz",
+      "integrity": "sha512-XiMQh7qqVlxZzcVD+kkGMNGMzcTrDMLWI7S4x7z1MkCkbDPrekpZXEUK0eZqZFMuHQg2a2DZOcDIh9o5v3Gonw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "os": [
-        "android"
-      ]
+      "peer": true
     },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz",
-      "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@sinonjs/commons": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
+      "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "type-detect": "4.0.8"
+      }
     },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz",
-      "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@sinonjs/fake-timers": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
+      "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@sinonjs/commons": "^3.0.0"
+      }
     },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz",
-      "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@testing-library/dom": {
+      "version": "9.3.4",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.4.tgz",
+      "integrity": "sha512-FlS4ZWlp97iiNWig0Muq8p+3rVDjRiYE+YKGbAqXOu9nwJFFOdL00kFpz42M+4huzYi86vAK1sOOfyOG45muIQ==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.1.3",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      }
     },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz",
-      "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==",
-      "cpu": [
-        "x64"
-      ],
+    "node_modules/@testing-library/dom/node_modules/aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
       "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
+      "license": "Apache-2.0",
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz",
-      "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/@testing-library/dom/node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
+      "license": "MIT"
     },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz",
-      "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz",
+      "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==",
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "picocolors": "^1.1.1",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz",
-      "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@testing-library/react": {
+      "version": "14.3.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-14.3.1.tgz",
+      "integrity": "sha512-H99XjUhWQw0lTgyMN05W3xQG1Nh4lq574D8keFf1dDoNTJgp66VbJozRaczoF+wsiaPJNt/TcnfpLGufGxSrZQ==",
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@testing-library/dom": "^9.0.0",
+        "@types/react-dom": "^18.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz",
-      "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==",
-      "cpu": [
-        "arm64"
-      ],
+    "node_modules/@tootallnate/once": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.1.tgz",
+      "integrity": "sha512-HqmEUIGRJ5fSXchkVgR5F7qn48bDBzv0kWj/Kfu5e6uci4UlEeng4331LnBkWffb++Ei3FOVLxo8JJWMFBDMeQ==",
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz",
-      "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz",
-      "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz",
-      "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz",
-      "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz",
-      "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz",
-      "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz",
-      "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz",
-      "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz",
-      "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz",
-      "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz",
-      "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz",
-      "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz",
-      "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz",
-      "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz",
-      "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@sinclair/typebox": {
-      "version": "0.27.10",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.10.tgz",
-      "integrity": "sha512-MTBk/3jGLNB2tVxv6uLlFh1iu64iYOQ2PbdOSK3NW8JZsmlaOh2q6sdtKowBhfw8QFLmYNzTW4/oK4uATIi6ZA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@sinonjs/commons": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
-      "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "type-detect": "4.0.8"
-      }
-    },
-    "node_modules/@sinonjs/fake-timers": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
-      "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@sinonjs/commons": "^3.0.0"
-      }
-    },
-    "node_modules/@testing-library/dom": {
-      "version": "9.3.4",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.4.tgz",
-      "integrity": "sha512-FlS4ZWlp97iiNWig0Muq8p+3rVDjRiYE+YKGbAqXOu9nwJFFOdL00kFpz42M+4huzYi86vAK1sOOfyOG45muIQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^5.0.1",
-        "aria-query": "5.1.3",
-        "chalk": "^4.1.0",
-        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
-        "pretty-format": "^27.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "deep-equal": "^2.0.5"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/dom-accessibility-api": {
-      "version": "0.5.16",
-      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
-      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@testing-library/jest-dom": {
-      "version": "6.9.1",
-      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz",
-      "integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@adobe/css-tools": "^4.4.0",
-        "aria-query": "^5.0.0",
-        "css.escape": "^1.5.1",
-        "dom-accessibility-api": "^0.6.3",
-        "picocolors": "^1.1.1",
-        "redent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14",
-        "npm": ">=6",
-        "yarn": ">=1"
-      }
-    },
-    "node_modules/@testing-library/react": {
-      "version": "14.3.1",
-      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-14.3.1.tgz",
-      "integrity": "sha512-H99XjUhWQw0lTgyMN05W3xQG1Nh4lq574D8keFf1dDoNTJgp66VbJozRaczoF+wsiaPJNt/TcnfpLGufGxSrZQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "@testing-library/dom": "^9.0.0",
-        "@types/react-dom": "^18.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "react": "^18.0.0",
-        "react-dom": "^18.0.0"
-      }
-    },
-    "node_modules/@tootallnate/once": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.1.tgz",
-      "integrity": "sha512-HqmEUIGRJ5fSXchkVgR5F7qn48bDBzv0kWj/Kfu5e6uci4UlEeng4331LnBkWffb++Ei3FOVLxo8JJWMFBDMeQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10"
-      }
+      "engines": {
+        "node": ">= 10"
+      }
     },
     "node_modules/@types/aria-query": {
       "version": "5.0.4",
@@ -2040,18 +2108,38 @@
         "pretty-format": "^29.0.0"
       }
     },
-    "node_modules/@types/jest/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/@types/jest/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=10"
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
       },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@types/jest/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/jest/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
     },
     "node_modules/@types/jest/node_modules/pretty-format": {
       "version": "29.7.0",
@@ -2088,9 +2176,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "26.1.1",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-26.1.1.tgz",
-      "integrity": "sha512-nxAkRSVkN1Y0JC1W8ky/fTfkGsMmcrRsbx+3XoZE+rMOX71kLYTV7fLXpqud1GpbpP5TuffXFqfX7fH2GgZREw==",
+      "version": "26.1.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-26.1.2.tgz",
+      "integrity": "sha512-Vu4a5UFA9rIIFJ7rB/Vaafh9lrCQszopTCx6KjFboXTGQbPNasehVR5TEiithSDGyd1DEiUByggTZsg8jukeIg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2163,6 +2251,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.3.tgz",
+      "integrity": "sha512-60YRaenCQcVjYEKOcG824+DRGGIQ3VKErcBoAEDJZz5bKIs2ZG+X/H9Nk+Q6EVkwJk5QNApxbrc5QtBSwtrXAg==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "peer": true
+    },
     "node_modules/abab": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
@@ -2335,9 +2432,9 @@
       "license": "MIT"
     },
     "node_modules/autoprefixer": {
-      "version": "10.5.2",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.5.2.tgz",
-      "integrity": "sha512-rD5t5DwOjJdmSORcTq64j8MawTC+tbQ+HHqjR4NDumamy/ambn1UJrlKL+KdwujWxMkFjPM3pPHOEA9tl4767Q==",
+      "version": "10.5.4",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.5.4.tgz",
+      "integrity": "sha512-MaU0U/za7N3r6brxD4YB/l4NSrFzLPlANv6wEuQVaIPlD3L4W9rFcQPbL/EilY9BHhHvhfcz3gInDLrEtWT4EA==",
       "dev": true,
       "funding": [
         {
@@ -2355,8 +2452,8 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.28.4",
-        "caniuse-lite": "^1.0.30001799",
+        "browserslist": "^4.28.6",
+        "caniuse-lite": "^1.0.30001806",
         "fraction.js": "^5.3.4",
         "picocolors": "^1.1.1",
         "postcss-value-parser": "^4.2.0"
@@ -2388,75 +2485,64 @@
       }
     },
     "node_modules/babel-jest": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
-      "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-30.4.1.tgz",
+      "integrity": "sha512-fATAbM8piYxkiXQp3RBXmZHxZVNJZAVXXfyeyCN2Tida3+qJ8ea9UxhiJ2y4fLO90ZImKt6k9FlcH2+rLkJGhw==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "peer": true,
       "dependencies": {
-        "@jest/transform": "^29.7.0",
-        "@types/babel__core": "^7.1.14",
-        "babel-plugin-istanbul": "^6.1.1",
-        "babel-preset-jest": "^29.6.3",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
+        "@jest/transform": "30.4.1",
+        "@types/babel__core": "^7.20.5",
+        "babel-plugin-istanbul": "^7.0.1",
+        "babel-preset-jest": "30.4.0",
+        "chalk": "^4.1.2",
+        "graceful-fs": "^4.2.11",
         "slash": "^3.0.0"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.8.0"
+        "@babel/core": "^7.11.0 || ^8.0.0-0"
       }
     },
     "node_modules/babel-plugin-istanbul": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
-      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-7.0.1.tgz",
+      "integrity": "sha512-D8Z6Qm8jCvVXtIRkBnqNHX0zJ37rQcFJ9u8WOS6tkYOsRdHBzypCstaxWiu5ZIlqQtviRYbgnRLSoCEvjqcqbA==",
       "dev": true,
       "license": "BSD-3-Clause",
+      "optional": true,
+      "peer": true,
+      "workspaces": [
+        "test/babel-8"
+      ],
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@istanbuljs/load-nyc-config": "^1.0.0",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-instrument": "^5.0.4",
+        "@istanbuljs/schema": "^0.1.3",
+        "istanbul-lib-instrument": "^6.0.2",
         "test-exclude": "^6.0.0"
       },
       "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/babel-plugin-istanbul/node_modules/istanbul-lib-instrument": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
-      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@babel/core": "^7.12.3",
-        "@babel/parser": "^7.14.7",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-coverage": "^3.2.0",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=8"
+        "node": ">=12"
       }
     },
     "node_modules/babel-plugin-jest-hoist": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz",
-      "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==",
+      "version": "30.4.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-30.4.0.tgz",
+      "integrity": "sha512-9EdtWM/sSfXLOGLwSn+GS6pIXyBnL07/8gyJlwFXjWy4DxMOyItqyUT29d4lQiS380EZwYlX7/At4PgBS+m2aA==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "peer": true,
       "dependencies": {
-        "@babel/template": "^7.3.3",
-        "@babel/types": "^7.3.3",
-        "@types/babel__core": "^7.1.14",
-        "@types/babel__traverse": "^7.0.6"
+        "@types/babel__core": "^7.20.5"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       }
     },
     "node_modules/babel-preset-current-node-syntax": {
@@ -2487,20 +2573,22 @@
       }
     },
     "node_modules/babel-preset-jest": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz",
-      "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==",
+      "version": "30.4.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-30.4.0.tgz",
+      "integrity": "sha512-lBY4jxsNmCnSiu7kquw8ZC9F4+XLMOKypT3RnNHPvU2Kpd4W0xaPuLr5ZkRyOsvLYAY4yaW1ZwTW4xB7NIiZzg==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "peer": true,
       "dependencies": {
-        "babel-plugin-jest-hoist": "^29.6.3",
-        "babel-preset-current-node-syntax": "^1.0.0"
+        "babel-plugin-jest-hoist": "30.4.0",
+        "babel-preset-current-node-syntax": "^1.2.0"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0"
+        "@babel/core": "^7.11.0 || ^8.0.0-beta.1"
       }
     },
     "node_modules/balanced-match": {
@@ -2511,9 +2599,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.43",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.43.tgz",
-      "integrity": "sha512-AjYpR78kDWAY3Efj+cDTFH9t9SCoL7OoTp1BOb0mQV7S+6CiLwnWM3FyxhJtdPufDFKzmCSFoUncKjWgJEZTCQ==",
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.5.tgz",
+      "integrity": "sha512-xJo6a6YZnwZfnyGmQKWMbVOcii7XRibjOskRh+WJ9UHQoX16xrQrcIgAMQOzfvs8XiLMx6ih/fsLPF73iY2D1A==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -2523,6 +2611,13 @@
         "node": ">=6.0.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==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.16",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
@@ -2548,9 +2643,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.28.6",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.6.tgz",
-      "integrity": "sha512-FQBYNK15VMslhLHpA7+n+n1GOlF1kId2xcCg7/j95f24AOF6VDYMNH4mFxF7KuaTdv627faazpOAjFzMrfJOUw==",
+      "version": "4.28.7",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.7.tgz",
+      "integrity": "sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==",
       "dev": true,
       "funding": [
         {
@@ -2568,9 +2663,9 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "baseline-browser-mapping": "^2.10.42",
-        "caniuse-lite": "^1.0.30001803",
-        "electron-to-chromium": "^1.5.389",
+        "baseline-browser-mapping": "^2.10.44",
+        "caniuse-lite": "^1.0.30001806",
+        "electron-to-chromium": "^1.5.393",
         "node-releases": "^2.0.51",
         "update-browserslist-db": "^1.2.3"
       },
@@ -2681,10 +2776,23 @@
         "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==",
+      "dev": true,
+      "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.30001805",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001805.tgz",
-      "integrity": "sha512-52noaS3DubycKSXaU30TwPGIp+POyQSUVa5jBEq3vkRkY0kjyb3LQgvhU6WGyCcyXqVLWO0Cw0Q6BSdD0kUfVA==",
+      "version": "1.0.30001806",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001806.tgz",
+      "integrity": "sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==",
       "dev": true,
       "funding": [
         {
@@ -2746,9 +2854,9 @@
       }
     },
     "node_modules/ci-info": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
-      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.4.0.tgz",
+      "integrity": "sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==",
       "dev": true,
       "funding": [
         {
@@ -2757,6 +2865,8 @@
         }
       ],
       "license": "MIT",
+      "optional": true,
+      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -2821,6 +2931,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -2835,11 +2952,14 @@
       }
     },
     "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==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
     },
     "node_modules/commondir": {
       "version": "1.0.1",
@@ -2855,6 +2975,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/concat-with-sourcemaps": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz",
+      "integrity": "sha512-4gEjHJFT9e+2W/77h/DS5SGUgwDaOwprX8L/gl5+3ixnzkVJJsZWDSelmN3Oilw3LNDZjZV0yqH1hLG3k6nghg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "source-map": "^0.6.1"
+      }
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -2884,6 +3014,44 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/create-jest/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/create-jest/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/create-jest/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -2899,6 +3067,63 @@
         "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==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.9"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
     "node_modules/css.escape": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
@@ -2906,6 +3131,111 @@
       "dev": true,
       "license": "MIT"
     },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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/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==",
+      "dev": true,
+      "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/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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/csso": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/cssom": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz",
@@ -3122,6 +3452,44 @@
       "dev": true,
       "license": "MIT"
     },
+    "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==",
+      "dev": true,
+      "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/dom-serializer/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
     "node_modules/domexception": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
@@ -3136,15 +3504,46 @@
         "node": ">=12"
       }
     },
-    "node_modules/dunder-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+    "node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "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/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
         "gopd": "^1.2.0"
       },
       "engines": {
@@ -3152,9 +3551,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.389",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.389.tgz",
-      "integrity": "sha512-cEto7aeOqBfU1D+c5py5pE+ooscKE75JifxLBdFUZsqAxRS6y7kebtxAZvICszSl05gPjYHDTjY+lXpyGvpJbg==",
+      "version": "1.5.396",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.396.tgz",
+      "integrity": "sha512-yHiw2Y3C3H9U6TMbOfoWK/BPreiOPXRfTWPBwQBoZG6/8TB6eOPnsy5oaRYuatR7Fw2SJ4kKforgufeo7fq0EQ==",
       "dev": true,
       "license": "ISC"
     },
@@ -3354,6 +3753,13 @@
         "node": ">=0.10.0"
       }
     },
+    "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",
@@ -3378,6 +3784,13 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
+    "node_modules/execa/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/exit": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
@@ -3569,21 +3982,6 @@
       "dev": true,
       "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==",
-      "dev": true,
-      "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.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -3604,6 +4002,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/generic-names": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-4.0.0.tgz",
+      "integrity": "sha512-ySFolZQfw9FoDb3ed9d80Cm9f0+r7qj+HJkWjeD9RBfpxEVTlVhol+gvaQB/78WbwYfbnNh8nWHHBSlg072y6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^3.2.0"
+      }
+    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -3907,6 +4315,26 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/icss-replace-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
+      "integrity": "sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "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/identity-obj-proxy": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz",
@@ -3927,6 +4355,32 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/import-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-3.0.0.tgz",
+      "integrity": "sha512-4pnzH16plW+hgvRECbDWpQl3cqtvSofHWh44met7ESfZ8UZOWWddm8hEyDTqREJ9RbYHY8gi8DqmaelApoOGMg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "import-from": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/import-from": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/import-from/-/import-from-3.0.0.tgz",
+      "integrity": "sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/import-local": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
@@ -4529,6 +4983,44 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
+    "node_modules/jest-circus/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-circus/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-circus/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-circus/node_modules/ansi-styles": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
@@ -4598,6 +5090,44 @@
         }
       }
     },
+    "node_modules/jest-cli/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-cli/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-cli/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jest-config": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.7.0.tgz",
@@ -4644,58 +5174,72 @@
         }
       }
     },
-    "node_modules/jest-config/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-config/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=10"
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
       },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-config/node_modules/pretty-format": {
+    "node_modules/jest-config/node_modules/@jest/transform": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
+      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
+        "@babel/core": "^7.11.6",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^4.0.2"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-config/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-diff": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
-      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
+    "node_modules/jest-config/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^29.6.3",
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-diff/node_modules/ansi-styles": {
+    "node_modules/jest-config/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-config/node_modules/ansi-styles": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
@@ -4708,150 +5252,112 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/jest-diff/node_modules/pretty-format": {
+    "node_modules/jest-config/node_modules/babel-jest": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
+      "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
+        "@jest/transform": "^29.7.0",
+        "@types/babel__core": "^7.1.14",
+        "babel-plugin-istanbul": "^6.1.1",
+        "babel-preset-jest": "^29.6.3",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "slash": "^3.0.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.8.0"
       }
     },
-    "node_modules/jest-diff/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-docblock": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.7.0.tgz",
-      "integrity": "sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==",
+    "node_modules/jest-config/node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "detect-newline": "^3.0.0"
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": ">=8"
       }
     },
-    "node_modules/jest-each": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.7.0.tgz",
-      "integrity": "sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "chalk": "^4.0.0",
-        "jest-get-type": "^29.6.3",
-        "jest-util": "^29.7.0",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-each/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-each/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+    "node_modules/jest-config/node_modules/babel-plugin-jest-hoist": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz",
+      "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
+        "@babel/template": "^7.3.3",
+        "@babel/types": "^7.3.3",
+        "@types/babel__core": "^7.1.14",
+        "@types/babel__traverse": "^7.0.6"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-each/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-environment-jsdom": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-29.7.0.tgz",
-      "integrity": "sha512-k9iQbsf9OyOfdzWH8HDmrRT0gSIcX+FLNW7IQq94tFX0gynPwqDTW0Ho6iMVNjGz/nb+l/vW3dWM2bbLLpkbXA==",
+    "node_modules/jest-config/node_modules/babel-preset-jest": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz",
+      "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/fake-timers": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/jsdom": "^20.0.0",
-        "@types/node": "*",
-        "jest-mock": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jsdom": "^20.0.0"
+        "babel-plugin-jest-hoist": "^29.6.3",
+        "babel-preset-current-node-syntax": "^1.0.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       },
       "peerDependencies": {
-        "canvas": "^2.5.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
+        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/jest-environment-node": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
-      "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
+    "node_modules/jest-config/node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
       "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
       "license": "MIT",
-      "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/fake-timers": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "jest-mock": "^29.7.0",
-        "jest-util": "^29.7.0"
-      },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": ">=8"
       }
     },
-    "node_modules/jest-get-type": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
-      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
+    "node_modules/jest-config/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": ">=8"
       }
     },
-    "node_modules/jest-haste-map": {
+    "node_modules/jest-config/node_modules/jest-haste-map": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
       "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
@@ -4877,34 +5383,33 @@
         "fsevents": "^2.3.2"
       }
     },
-    "node_modules/jest-leak-detector": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz",
-      "integrity": "sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==",
+    "node_modules/jest-config/node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
-      },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-leak-detector/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-config/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=10"
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
       },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-leak-detector/node_modules/pretty-format": {
+    "node_modules/jest-config/node_modules/pretty-format": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
@@ -4919,86 +5424,87 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-leak-detector/node_modules/react-is": {
+    "node_modules/jest-config/node_modules/react-is": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-matcher-utils": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
-      "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
+    "node_modules/jest-config/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/jest-config/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chalk": "^4.0.0",
-        "jest-diff": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
+        "has-flag": "^4.0.0"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
-    "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-config/node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
       "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
       },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
       }
     },
-    "node_modules/jest-matcher-utils/node_modules/pretty-format": {
+    "node_modules/jest-diff": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
+      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
+        "chalk": "^4.0.0",
+        "diff-sequences": "^29.6.3",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-matcher-utils/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jest-message-util": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
-      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
+    "node_modules/jest-diff/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.12.13",
-        "@jest/types": "^29.6.3",
-        "@types/stack-utils": "^2.0.0",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "micromatch": "^4.0.4",
-        "pretty-format": "^29.7.0",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.3"
+        "@sinclair/typebox": "^0.27.8"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-message-util/node_modules/ansi-styles": {
+    "node_modules/jest-diff/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-diff/node_modules/ansi-styles": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
@@ -5011,7 +5517,7 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/jest-message-util/node_modules/pretty-format": {
+    "node_modules/jest-diff/node_modules/pretty-format": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
@@ -5026,304 +5532,2305 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-message-util/node_modules/react-is": {
+    "node_modules/jest-diff/node_modules/react-is": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-mock": {
+    "node_modules/jest-docblock": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
-      "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
+      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.7.0.tgz",
+      "integrity": "sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "jest-util": "^29.7.0"
+        "detect-newline": "^3.0.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-pnp-resolver": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
-      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
+    "node_modules/jest-each": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.7.0.tgz",
+      "integrity": "sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      },
-      "peerDependencies": {
-        "jest-resolve": "*"
-      },
-      "peerDependenciesMeta": {
-        "jest-resolve": {
-          "optional": true
-        }
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-regex-util": {
+    "node_modules/jest-each/node_modules/@jest/schemas": {
       "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
-      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-resolve": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.7.0.tgz",
-      "integrity": "sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==",
+    "node_modules/jest-each/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "jest-pnp-resolver": "^1.2.2",
-        "jest-util": "^29.7.0",
-        "jest-validate": "^29.7.0",
-        "resolve": "^1.20.0",
-        "resolve.exports": "^2.0.0",
-        "slash": "^3.0.0"
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-resolve-dependencies": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz",
-      "integrity": "sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==",
+    "node_modules/jest-each/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-each/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "jest-regex-util": "^29.6.3",
-        "jest-snapshot": "^29.7.0"
-      },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/jest-runner": {
+    "node_modules/jest-each/node_modules/pretty-format": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.7.0.tgz",
-      "integrity": "sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/console": "^29.7.0",
-        "@jest/environment": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "emittery": "^0.13.1",
-        "graceful-fs": "^4.2.9",
-        "jest-docblock": "^29.7.0",
-        "jest-environment-node": "^29.7.0",
-        "jest-haste-map": "^29.7.0",
-        "jest-leak-detector": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-resolve": "^29.7.0",
-        "jest-runtime": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-watcher": "^29.7.0",
-        "jest-worker": "^29.7.0",
-        "p-limit": "^3.1.0",
-        "source-map-support": "0.5.13"
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-runtime": {
+    "node_modules/jest-each/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-environment-jsdom": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.7.0.tgz",
-      "integrity": "sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==",
+      "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-29.7.0.tgz",
+      "integrity": "sha512-k9iQbsf9OyOfdzWH8HDmrRT0gSIcX+FLNW7IQq94tFX0gynPwqDTW0Ho6iMVNjGz/nb+l/vW3dWM2bbLLpkbXA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jest/environment": "^29.7.0",
         "@jest/fake-timers": "^29.7.0",
-        "@jest/globals": "^29.7.0",
-        "@jest/source-map": "^29.6.3",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
         "@jest/types": "^29.6.3",
+        "@types/jsdom": "^20.0.0",
         "@types/node": "*",
-        "chalk": "^4.0.0",
-        "cjs-module-lexer": "^1.0.0",
-        "collect-v8-coverage": "^1.0.0",
-        "glob": "^7.1.3",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "jest-message-util": "^29.7.0",
         "jest-mock": "^29.7.0",
-        "jest-regex-util": "^29.6.3",
-        "jest-resolve": "^29.7.0",
-        "jest-snapshot": "^29.7.0",
         "jest-util": "^29.7.0",
-        "slash": "^3.0.0",
-        "strip-bom": "^4.0.0"
+        "jsdom": "^20.0.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
       }
     },
-    "node_modules/jest-snapshot": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.7.0.tgz",
-      "integrity": "sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==",
+    "node_modules/jest-environment-jsdom/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/core": "^7.11.6",
-        "@babel/generator": "^7.7.2",
-        "@babel/plugin-syntax-jsx": "^7.7.2",
-        "@babel/plugin-syntax-typescript": "^7.7.2",
-        "@babel/types": "^7.3.3",
-        "@jest/expect-utils": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "babel-preset-current-node-syntax": "^1.0.0",
-        "chalk": "^4.0.0",
-        "expect": "^29.7.0",
-        "graceful-fs": "^4.2.9",
-        "jest-diff": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "jest-matcher-utils": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "natural-compare": "^1.4.0",
-        "pretty-format": "^29.7.0",
-        "semver": "^7.5.3"
+        "@sinclair/typebox": "^0.27.8"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-snapshot/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+    "node_modules/jest-environment-jsdom/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-snapshot/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+    "node_modules/jest-environment-jsdom/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-snapshot/node_modules/semver": {
-      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
-      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/jest-util": {
+    "node_modules/jest-environment-node": {
       "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
-      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
+      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
+      "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/fake-timers": "^29.7.0",
         "@jest/types": "^29.6.3",
         "@types/node": "*",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "graceful-fs": "^4.2.9",
-        "picomatch": "^2.2.3"
+        "jest-mock": "^29.7.0",
+        "jest-util": "^29.7.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-util/node_modules/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+    "node_modules/jest-environment-node/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-validate": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz",
-      "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==",
+    "node_modules/jest-environment-node/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jest/types": "^29.6.3",
-        "camelcase": "^6.2.0",
-        "chalk": "^4.0.0",
-        "jest-get-type": "^29.6.3",
-        "leven": "^3.1.0",
-        "pretty-format": "^29.7.0"
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
       },
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-validate/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+    "node_modules/jest-environment-node/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-get-type": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
+      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-haste-map": {
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-30.4.1.tgz",
+      "integrity": "sha512-rFrcONd8jeFsyw+Z9CrScJgglRf2+NFmNam8dKu7n+SoHqNYT47mn0DdEcVUZJpvh7Iz6/si7f7yUH7GJHVgnw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "30.4.1",
+        "@types/node": "*",
+        "anymatch": "^3.1.3",
+        "fb-watchman": "^2.0.2",
+        "graceful-fs": "^4.2.11",
+        "jest-regex-util": "30.4.0",
+        "jest-util": "30.4.1",
+        "jest-worker": "30.4.1",
+        "picomatch": "^4.0.3",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.3"
+      }
+    },
+    "node_modules/jest-haste-map/node_modules/jest-util": {
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-30.4.1.tgz",
+      "integrity": "sha512-vjQb1sACEiv13DKJMDToJpzVW0joCsIQrmbg0fi7CyOOt+g9jTuQl2A216pWRBYhOVt53XbL/2LbMKg1BECWOw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "30.4.1",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "ci-info": "^4.2.0",
+        "graceful-fs": "^4.2.11",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-leak-detector": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz",
+      "integrity": "sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-leak-detector/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-leak-detector/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-leak-detector/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-leak-detector/node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-leak-detector/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-matcher-utils": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
+      "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "jest-diff": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-message-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
+      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^29.6.3",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^29.7.0",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-message-util/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-message-util/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-mock": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
+      "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "jest-util": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-mock/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-mock/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-mock/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-pnp-resolver": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
+      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "peerDependencies": {
+        "jest-resolve": "*"
+      },
+      "peerDependenciesMeta": {
+        "jest-resolve": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-regex-util": {
+      "version": "30.4.0",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-30.4.0.tgz",
+      "integrity": "sha512-mWlvLviKIgIQ8VCuM1xRdD0TWp3zlzionlmDBjuXVBs+VkmXq6FgW9T4Emr7oGz/Rk6feDCGyiugolcQEyp3mg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-resolve": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.7.0.tgz",
+      "integrity": "sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-pnp-resolver": "^1.2.2",
+        "jest-util": "^29.7.0",
+        "jest-validate": "^29.7.0",
+        "resolve": "^1.20.0",
+        "resolve.exports": "^2.0.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve-dependencies": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz",
+      "integrity": "sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "jest-regex-util": "^29.6.3",
+        "jest-snapshot": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve-dependencies/node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-resolve/node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/jest-resolve/node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-resolve/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jest-runner": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.7.0.tgz",
+      "integrity": "sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/console": "^29.7.0",
+        "@jest/environment": "^29.7.0",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "emittery": "^0.13.1",
+        "graceful-fs": "^4.2.9",
+        "jest-docblock": "^29.7.0",
+        "jest-environment-node": "^29.7.0",
+        "jest-haste-map": "^29.7.0",
+        "jest-leak-detector": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-resolve": "^29.7.0",
+        "jest-runtime": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "jest-watcher": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "p-limit": "^3.1.0",
+        "source-map-support": "0.5.13"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runner/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runner/node_modules/@jest/transform": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
+      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runner/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runner/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-runner/node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-runner/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-runner/node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/jest-runner/node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runner/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runner/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/jest-runner/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jest-runner/node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/jest-runtime": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.7.0.tgz",
+      "integrity": "sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/environment": "^29.7.0",
+        "@jest/fake-timers": "^29.7.0",
+        "@jest/globals": "^29.7.0",
+        "@jest/source-map": "^29.6.3",
+        "@jest/test-result": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "cjs-module-lexer": "^1.0.0",
+        "collect-v8-coverage": "^1.0.0",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-mock": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-resolve": "^29.7.0",
+        "jest-snapshot": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "slash": "^3.0.0",
+        "strip-bom": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runtime/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runtime/node_modules/@jest/transform": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
+      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runtime/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runtime/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-runtime/node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-runtime/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-runtime/node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/jest-runtime/node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runtime/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-runtime/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/jest-runtime/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jest-runtime/node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/jest-snapshot": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.7.0.tgz",
+      "integrity": "sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@babel/generator": "^7.7.2",
+        "@babel/plugin-syntax-jsx": "^7.7.2",
+        "@babel/plugin-syntax-typescript": "^7.7.2",
+        "@babel/types": "^7.3.3",
+        "@jest/expect-utils": "^29.7.0",
+        "@jest/transform": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "babel-preset-current-node-syntax": "^1.0.0",
+        "chalk": "^4.0.0",
+        "expect": "^29.7.0",
+        "graceful-fs": "^4.2.9",
+        "jest-diff": "^29.7.0",
+        "jest-get-type": "^29.6.3",
+        "jest-matcher-utils": "^29.7.0",
+        "jest-message-util": "^29.7.0",
+        "jest-util": "^29.7.0",
+        "natural-compare": "^1.4.0",
+        "pretty-format": "^29.7.0",
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/@jest/transform": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
+      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.11.6",
+        "@jest/types": "^29.6.3",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^2.0.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^29.7.0",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "write-file-atomic": "^4.0.2"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-snapshot/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/istanbul-lib-instrument/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/jest-haste-map": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
+      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/graceful-fs": "^4.1.3",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^29.6.3",
+        "jest-util": "^29.7.0",
+        "jest-worker": "^29.7.0",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/jest-regex-util": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
+      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/jest-worker": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
+      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.7.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-snapshot/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jest-snapshot/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/jest-snapshot/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/write-file-atomic": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
+      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.7"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/jest-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
+      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-util/node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-util/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/jest-validate": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz",
+      "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "camelcase": "^6.2.0",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^29.6.3",
+        "leven": "^3.1.0",
+        "pretty-format": "^29.7.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-validate/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-validate/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-validate/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-validate/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-validate/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/jest-validate/node_modules/pretty-format": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
+      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^18.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-validate/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-watcher": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.7.0.tgz",
+      "integrity": "sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/test-result": "^29.7.0",
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "emittery": "^0.13.1",
+        "jest-util": "^29.7.0",
+        "string-length": "^4.0.1"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-watcher/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-watcher/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-watcher/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jest-worker": {
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-30.4.1.tgz",
+      "integrity": "sha512-SHynN/q/QD++iNyvMdy+WMmbCGk8jIsNcRxycXbWubSOhvo6T+j2afcfUSl+3hYsiBebOTo0cT7c2H7CXugu1g==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "@ungap/structured-clone": "^1.3.0",
+        "jest-util": "30.4.1",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.1.1"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/jest-util": {
+      "version": "30.4.1",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-30.4.1.tgz",
+      "integrity": "sha512-vjQb1sACEiv13DKJMDToJpzVW0joCsIQrmbg0fi7CyOOt+g9jTuQl2A216pWRBYhOVt53XbL/2LbMKg1BECWOw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "30.4.1",
+        "@types/node": "*",
+        "chalk": "^4.1.2",
+        "ci-info": "^4.2.0",
+        "graceful-fs": "^4.2.11",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": "^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jest/node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest/node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest/node_modules/@sinclair/typebox": {
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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": "3.15.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.15.0.tgz",
+      "integrity": "sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsdom": {
+      "version": "20.0.3",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
+      "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abab": "^2.0.6",
+        "acorn": "^8.8.1",
+        "acorn-globals": "^7.0.0",
+        "cssom": "^0.5.0",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^3.0.2",
+        "decimal.js": "^10.4.2",
+        "domexception": "^4.0.0",
+        "escodegen": "^2.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.1",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.2",
+        "parse5": "^7.1.1",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.1.2",
+        "w3c-xmlserializer": "^4.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0",
+        "ws": "^8.11.0",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
+      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.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/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/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "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/loader-utils": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz",
+      "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+      "dev": true,
+      "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==",
+      "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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",
+      "peer": true,
+      "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==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/make-error": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/makeerror": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
+      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tmpl": "1.0.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "CC0-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/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "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/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/nanoid": {
+      "version": "3.3.16",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
+      "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "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/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.51",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.51.tgz",
+      "integrity": "sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "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==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/jest-validate/node_modules/camelcase": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
-      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5333,826 +7840,971 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/jest-validate/node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
+    "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": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
+        "path-key": "^3.0.0"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": ">=8"
       }
     },
-    "node_modules/jest-validate/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+    "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==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.24",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.24.tgz",
+      "integrity": "sha512-7YRhZ3jS45LwmSCT4b2sVFHt/WuovaktDU07QrtOBY2PXskss5a9jfmR9jptyumwXST+rFjrmppMY1KT/yn35A==",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/jest-watcher": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.7.0.tgz",
-      "integrity": "sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==",
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jest/test-result": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.0.0",
-        "emittery": "^0.13.1",
-        "jest-util": "^29.7.0",
-        "string-length": "^4.0.1"
-      },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-worker": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
-      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/node": "*",
-        "jest-util": "^29.7.0",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
       },
       "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-flag": "^4.0.0"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "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": "3.15.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.15.0.tgz",
-      "integrity": "sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog==",
+    "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==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
+        "wrappy": "1"
       }
     },
-    "node_modules/jsdom": {
-      "version": "20.0.3",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
-      "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
+    "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": {
-        "abab": "^2.0.6",
-        "acorn": "^8.8.1",
-        "acorn-globals": "^7.0.0",
-        "cssom": "^0.5.0",
-        "cssstyle": "^2.3.0",
-        "data-urls": "^3.0.2",
-        "decimal.js": "^10.4.2",
-        "domexception": "^4.0.0",
-        "escodegen": "^2.0.0",
-        "form-data": "^4.0.0",
-        "html-encoding-sniffer": "^3.0.0",
-        "http-proxy-agent": "^5.0.0",
-        "https-proxy-agent": "^5.0.1",
-        "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.2",
-        "parse5": "^7.1.1",
-        "saxes": "^6.0.0",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^4.1.2",
-        "w3c-xmlserializer": "^4.0.0",
-        "webidl-conversions": "^7.0.0",
-        "whatwg-encoding": "^2.0.0",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^11.0.0",
-        "ws": "^8.11.0",
-        "xml-name-validator": "^4.0.0"
+        "mimic-fn": "^2.1.0"
       },
       "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "canvas": "^2.5.0"
+        "node": ">=6"
       },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/jsesc": {
+    "node_modules/p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/p-limit": {
       "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
-      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
       "dev": true,
       "license": "MIT",
-      "bin": {
-        "jsesc": "bin/jsesc"
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "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==",
+    "node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
     },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+    "node_modules/p-locate/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==",
       "dev": true,
       "license": "MIT",
-      "bin": {
-        "json5": "lib/cli.js"
+      "dependencies": {
+        "p-try": "^2.0.0"
       },
       "engines": {
         "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/jsonfile": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
-      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
+    "node_modules/p-queue": {
+      "version": "6.6.2",
+      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-6.6.2.tgz",
+      "integrity": "sha512-RwFpb72c/BhQLEXIZ5K2e+AhgNVmIejGlTgiB9MzZ0e93GRvqZ7uSi0dvRF7/XIXDeNkra2fNHBxTyPDGySpjQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "universalify": "^2.0.0"
+        "eventemitter3": "^4.0.4",
+        "p-timeout": "^3.2.0"
       },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/kleur": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
-      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+    "node_modules/p-timeout": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-3.2.0.tgz",
+      "integrity": "sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "p-finally": "^1.0.0"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">=8"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
-    "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/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+    "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": {
-        "p-locate": "^4.1.0"
+        "@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/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==",
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
       "dev": true,
-      "license": "MIT"
-    },
-    "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",
-      "peer": true,
       "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
+        "entities": "^6.0.0"
       },
-      "bin": {
-        "loose-envify": "cli.js"
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "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==",
+    "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": "ISC",
-      "dependencies": {
-        "yallist": "^3.0.2"
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/lz-string": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
-      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+    "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==",
       "dev": true,
       "license": "MIT",
-      "bin": {
-        "lz-string": "bin/bin.js"
+      "engines": {
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/magic-string": {
-      "version": "0.30.21",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
-      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+    "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==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.5"
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/make-dir": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
-      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+    "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "semver": "^7.5.3"
-      },
       "engines": {
-        "node": ">=10"
+        "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/make-dir/node_modules/semver": {
-      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
-      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+    "node_modules/pify": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-5.0.0.tgz",
+      "integrity": "sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==",
       "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
+      "license": "MIT",
       "engines": {
         "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/make-error": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
-      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
       "dev": true,
-      "license": "ISC"
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
     },
-    "node_modules/makeerror": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
-      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+    "node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
       "dev": true,
-      "license": "BSD-3-Clause",
+      "license": "MIT",
       "dependencies": {
-        "tmpl": "1.0.5"
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/math-intrinsics": {
+    "node_modules/possible-typed-array-names": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
     },
-    "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==",
+    "node_modules/postcss": {
+      "version": "8.5.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.23.tgz",
+      "integrity": "sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==",
       "dev": true,
-      "license": "MIT"
+      "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",
+      "peer": true,
+      "dependencies": {
+        "nanoid": "^3.3.16",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
     },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
+        "postcss-selector-parser": "^6.0.9",
+        "postcss-value-parser": "^4.2.0"
       },
-      "engines": {
-        "node": ">=8.6"
+      "peerDependencies": {
+        "postcss": "^8.2.2"
       }
     },
-    "node_modules/micromatch/node_modules/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+    "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==",
       "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": ">=8.6"
+        "node": "^10 || ^12 || >=14.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
       "engines": {
-        "node": ">= 0.6"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "mime-db": "1.52.0"
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
       },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.6"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "node_modules/min-indent": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=4"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+    "node_modules/postcss-load-config": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
+      "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "lilconfig": "^2.0.5",
+        "yaml": "^1.10.2"
       },
       "engines": {
-        "node": "*"
+        "node": ">= 10"
+      },
+      "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/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+    "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==",
       "dev": true,
       "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "stylehacks": "^5.1.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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/nanoid": {
-      "version": "3.3.15",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
-      "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==",
+    "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==",
       "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
       "license": "MIT",
-      "peer": true,
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
+      "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 || ^13.7 || ^14 || >=15.0.1"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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/neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/node-addon-api": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
-      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+    "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==",
       "dev": true,
       "license": "MIT",
-      "optional": true
-    },
-    "node_modules/node-int64": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
-      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
-      "dev": true,
-      "license": "MIT"
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
     },
-    "node_modules/node-releases": {
-      "version": "2.0.51",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.51.tgz",
-      "integrity": "sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "colord": "^2.9.1",
+        "cssnano-utils": "^3.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
       "engines": {
-        "node": ">=18"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "cssnano-utils": "^3.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "path-key": "^3.0.0"
+        "postcss-selector-parser": "^6.0.5"
       },
       "engines": {
-        "node": ">=8"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "node_modules/nwsapi": {
-      "version": "2.2.24",
-      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.24.tgz",
-      "integrity": "sha512-7YRhZ3jS45LwmSCT4b2sVFHt/WuovaktDU07QrtOBY2PXskss5a9jfmR9jptyumwXST+rFjrmppMY1KT/yn35A==",
+    "node_modules/postcss-modules": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-modules/-/postcss-modules-4.3.1.tgz",
+      "integrity": "sha512-ItUhSUxBBdNamkT3KzIZwYNNRFKmkJrofvC2nWab3CPKhYBQ1f27XXh1PAPE27Psx58jeelPsxWB/+og+KEH0Q==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "generic-names": "^4.0.0",
+        "icss-replace-symbols": "^1.1.0",
+        "lodash.camelcase": "^4.3.0",
+        "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",
+        "string-hash": "^1.1.1"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
     },
-    "node_modules/object-inspect": {
-      "version": "1.13.4",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+    "node_modules/postcss-modules-extract-imports": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz",
+      "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "engines": {
-        "node": ">= 0.4"
+        "node": "^10 || ^12 || >= 14"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "postcss": "^8.1.0"
       }
     },
-    "node_modules/object-is": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
-      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz",
+      "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1"
+        "icss-utils": "^5.0.0",
+        "postcss-selector-parser": "^7.0.0",
+        "postcss-value-parser": "^4.1.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^10 || ^12 || >= 14"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "postcss": "^8.1.0"
       }
     },
-    "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==",
+    "node_modules/postcss-modules-local-by-default/node_modules/postcss-selector-parser": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.4.tgz",
+      "integrity": "sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=4"
       }
     },
-    "node_modules/object.assign": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
-      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+    "node_modules/postcss-modules-scope": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz",
+      "integrity": "sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==",
       "dev": true,
-      "license": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0",
-        "has-symbols": "^1.1.0",
-        "object-keys": "^1.1.1"
+        "postcss-selector-parser": "^7.0.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^10 || ^12 || >= 14"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "postcss": "^8.1.0"
       }
     },
-    "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==",
+    "node_modules/postcss-modules-scope/node_modules/postcss-selector-parser": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.4.tgz",
+      "integrity": "sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT",
       "dependencies": {
-        "wrappy": "1"
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
       }
     },
-    "node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+    "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": "MIT",
+      "license": "ISC",
       "dependencies": {
-        "mimic-fn": "^2.1.0"
+        "icss-utils": "^5.0.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": "^10 || ^12 || >= 14"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "peerDependencies": {
+        "postcss": "^8.1.0"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
       "engines": {
-        "node": ">=10"
+        "node": "^10 || ^12 || >=14.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "p-limit": "^2.2.0"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "node_modules/p-locate/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==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "p-try": "^2.0.0"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=6"
+        "node": "^10 || ^12 || >=14.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
       "engines": {
-        "node": ">=6"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "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==",
       "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"
+        "postcss-value-parser": "^4.2.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": "^10 || ^12 || >=14.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "node_modules/parse5": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
-      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+    "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==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "entities": "^6.0.0"
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
       },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      "engines": {
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "normalize-url": "^6.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
       "engines": {
-        "node": ">=8"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "cssnano-utils": "^3.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
       "engines": {
-        "node": ">=8"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "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==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/picomatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
-      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0"
+      },
       "engines": {
-        "node": ">=12"
+        "node": "^10 || ^12 || >=14.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "node_modules/pirates": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
-      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
       "engines": {
-        "node": ">= 6"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.4.tgz",
+      "integrity": "sha512-bIoJLOmjCO1S9XdY/DcnR5hJxvrDir1PbGChrzXG3vw0/FOliy/fA3dmdhQ441kah4gKv+TwckGzex6wNS5cnQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "find-up": "^4.0.0"
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=4"
       }
     },
-    "node_modules/possible-typed-array-names": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
-      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+    "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==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "svgo": "^2.7.0"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
-    "node_modules/postcss": {
-      "version": "8.5.17",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.17.tgz",
-      "integrity": "sha512-J7EF+8X+CzRPaJPOv9Ck2wNWJvGnnl3PcNPAdGg6GTLjyVpyQ0yATMSXRFRV01BviT/9Gwuc3rjEyJbDJG9a4w==",
+    "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==",
       "dev": true,
-      "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",
-      "peer": true,
       "dependencies": {
-        "nanoid": "^3.3.12",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
+        "postcss-selector-parser": "^6.0.5"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14"
+        "node": "^10 || ^12 || >=14.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
       }
     },
     "node_modules/postcss-value-parser": {
@@ -6190,6 +8842,16 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/promise.series": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/promise.series/-/promise.series-0.2.0.tgz",
+      "integrity": "sha512-VWQJyU2bcDTgZw8kpfBpB/ejZASlCrzwz5f2hjb/zlujOEB4oeiAhHygAWq8ubsX2GVkD4kCU5V2dwOTaCY5EQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
     "node_modules/prompts": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
@@ -6251,16 +8913,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "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/react": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
@@ -6417,9 +9069,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz",
-      "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==",
+      "version": "4.62.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.3.tgz",
+      "integrity": "sha512-Gu0c0iH9FzgX1L1t7ByIbbS3Vmdz+6KHm/EsqmmC71gUQ82yvZRkTK6XzrFObSka91WUVdynqp6nsfilzr5k6Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6433,31 +9085,31 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.62.2",
-        "@rollup/rollup-android-arm64": "4.62.2",
-        "@rollup/rollup-darwin-arm64": "4.62.2",
-        "@rollup/rollup-darwin-x64": "4.62.2",
-        "@rollup/rollup-freebsd-arm64": "4.62.2",
-        "@rollup/rollup-freebsd-x64": "4.62.2",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.62.2",
-        "@rollup/rollup-linux-arm-musleabihf": "4.62.2",
-        "@rollup/rollup-linux-arm64-gnu": "4.62.2",
-        "@rollup/rollup-linux-arm64-musl": "4.62.2",
-        "@rollup/rollup-linux-loong64-gnu": "4.62.2",
-        "@rollup/rollup-linux-loong64-musl": "4.62.2",
-        "@rollup/rollup-linux-ppc64-gnu": "4.62.2",
-        "@rollup/rollup-linux-ppc64-musl": "4.62.2",
-        "@rollup/rollup-linux-riscv64-gnu": "4.62.2",
-        "@rollup/rollup-linux-riscv64-musl": "4.62.2",
-        "@rollup/rollup-linux-s390x-gnu": "4.62.2",
-        "@rollup/rollup-linux-x64-gnu": "4.62.2",
-        "@rollup/rollup-linux-x64-musl": "4.62.2",
-        "@rollup/rollup-openbsd-x64": "4.62.2",
-        "@rollup/rollup-openharmony-arm64": "4.62.2",
-        "@rollup/rollup-win32-arm64-msvc": "4.62.2",
-        "@rollup/rollup-win32-ia32-msvc": "4.62.2",
-        "@rollup/rollup-win32-x64-gnu": "4.62.2",
-        "@rollup/rollup-win32-x64-msvc": "4.62.2",
+        "@rollup/rollup-android-arm-eabi": "4.62.3",
+        "@rollup/rollup-android-arm64": "4.62.3",
+        "@rollup/rollup-darwin-arm64": "4.62.3",
+        "@rollup/rollup-darwin-x64": "4.62.3",
+        "@rollup/rollup-freebsd-arm64": "4.62.3",
+        "@rollup/rollup-freebsd-x64": "4.62.3",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.62.3",
+        "@rollup/rollup-linux-arm-musleabihf": "4.62.3",
+        "@rollup/rollup-linux-arm64-gnu": "4.62.3",
+        "@rollup/rollup-linux-arm64-musl": "4.62.3",
+        "@rollup/rollup-linux-loong64-gnu": "4.62.3",
+        "@rollup/rollup-linux-loong64-musl": "4.62.3",
+        "@rollup/rollup-linux-ppc64-gnu": "4.62.3",
+        "@rollup/rollup-linux-ppc64-musl": "4.62.3",
+        "@rollup/rollup-linux-riscv64-gnu": "4.62.3",
+        "@rollup/rollup-linux-riscv64-musl": "4.62.3",
+        "@rollup/rollup-linux-s390x-gnu": "4.62.3",
+        "@rollup/rollup-linux-x64-gnu": "4.62.3",
+        "@rollup/rollup-linux-x64-musl": "4.62.3",
+        "@rollup/rollup-openbsd-x64": "4.62.3",
+        "@rollup/rollup-openharmony-arm64": "4.62.3",
+        "@rollup/rollup-win32-arm64-msvc": "4.62.3",
+        "@rollup/rollup-win32-ia32-msvc": "4.62.3",
+        "@rollup/rollup-win32-x64-gnu": "4.62.3",
+        "@rollup/rollup-win32-x64-msvc": "4.62.3",
         "fsevents": "~2.3.2"
       }
     },
@@ -6471,6 +9123,48 @@
         "rollup": "*"
       }
     },
+    "node_modules/rollup-plugin-postcss": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-postcss/-/rollup-plugin-postcss-4.0.2.tgz",
+      "integrity": "sha512-05EaY6zvZdmvPUDi3uCcAQoESDcYnv8ogJJQRp6V5kZ6J6P7uAVJlrTZcaaA20wTH527YTnKfkAoPxWI/jPp4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "concat-with-sourcemaps": "^1.1.0",
+        "cssnano": "^5.0.1",
+        "import-cwd": "^3.0.0",
+        "p-queue": "^6.6.2",
+        "pify": "^5.0.0",
+        "postcss-load-config": "^3.0.0",
+        "postcss-modules": "^4.0.0",
+        "promise.series": "^0.2.0",
+        "resolve": "^1.19.0",
+        "rollup-pluginutils": "^2.8.2",
+        "safe-identifier": "^0.4.2",
+        "style-inject": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "postcss": "8.x"
+      }
+    },
+    "node_modules/rollup-plugin-preserve-directives": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-preserve-directives/-/rollup-plugin-preserve-directives-0.4.0.tgz",
+      "integrity": "sha512-gx4nBxYm5BysmEQS+e2tAMrtFxrGvk+Pe5ppafRibQi0zlW7VYAbEGk6IKDw9sJGPdFWgVTE0o4BU4cdG0Fylg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.1.0",
+        "magic-string": "^0.30.5"
+      },
+      "peerDependencies": {
+        "rollup": "2.x || 3.x || 4.x"
+      }
+    },
     "node_modules/rollup-plugin-sass": {
       "version": "1.15.3",
       "resolved": "https://registry.npmjs.org/rollup-plugin-sass/-/rollup-plugin-sass-1.15.3.tgz",
@@ -6544,27 +9238,30 @@
         "node": ">=10"
       }
     },
-    "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==",
+    "node_modules/rollup-pluginutils": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz",
+      "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "estree-walker": "^0.6.1"
+      }
+    },
+    "node_modules/rollup-pluginutils/node_modules/estree-walker": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz",
+      "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==",
       "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/safe-identifier": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/safe-identifier/-/safe-identifier-0.4.2.tgz",
+      "integrity": "sha512-6pNbSMW6OhAi9j+N8V+U715yBQsaWJ7eyEUaOrawX+isg5ZxhUlV1NipNtgaKHmFGiABwt+ZF04Ii+3Xjkg+8w==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/safe-regex-test": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
@@ -6591,9 +9288,9 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.101.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.101.0.tgz",
-      "integrity": "sha512-OL3GoQyoUdDt843DpVmDO6y2k1sc5IhUDSpu8XucEI+35neq5QivZ1iuegnpraEVTJXlQGK1gl27zKcTLEPbQw==",
+      "version": "1.102.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.102.0.tgz",
+      "integrity": "sha512-NSOyTnaQF7rTAEOtI2fwb386vL+akyiQLBZu8Na7hXCb+umJy0GAqlcMIaqACZ6Z1VgTBS4K9PG6B3IdjHGJsw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6611,6 +9308,16 @@
         "@parcel/watcher": "^2.4.1"
       }
     },
+    "node_modules/sax": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.1.tgz",
+      "integrity": "sha512-42tBVwLWnaQvW5zc4HbZrTuWccECCZfBi92FDuwtqxasH+JbPB3/FOKb1m222K42R4WxuxzzMsTswfzgtSu64Q==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
     "node_modules/saxes": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
@@ -6645,13 +9352,13 @@
       }
     },
     "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==",
+      "version": "7.0.7",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-7.0.7.tgz",
+      "integrity": "sha512-YAy8Od6KV+uuwUuU50np8fGB/Aues6Y0nAhA9y/hId74PlKUcme4pXcBD46NWKr1Q4osN/iseZ17YqO1XfmI8g==",
       "dev": true,
       "license": "BSD-3-Clause",
-      "dependencies": {
-        "randombytes": "^2.1.0"
+      "engines": {
+        "node": ">=20.0.0"
       }
     },
     "node_modules/set-function-length": {
@@ -6788,11 +9495,19 @@
       }
     },
     "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==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
       "dev": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
     },
     "node_modules/sisteransi": {
       "version": "1.0.5",
@@ -6859,6 +9574,14 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
+    "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",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/stack-utils": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
@@ -6886,6 +9609,13 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/string-hash": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
+      "integrity": "sha512-kJUvRUFK49aub+a7T1nNE66EJbZBMnBgoC1UbCZ5n6bsZKBRga4KgBRTMn/pFkeCZSYtNeSyMxPDM0AXWELk2A==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/string-length": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
@@ -6974,6 +9704,30 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/style-inject": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/style-inject/-/style-inject-0.3.0.tgz",
+      "integrity": "sha512-IezA2qp+vcdlhJaVm5SOdPPTUu0FCEqfNSli2vRuSIBbu5Nq5UvygTk/VzeCqfLz2Atj3dVII5QBKGZRZ0edzw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stylehacks": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
+      "integrity": "sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==",
+      "dev": true,
+      "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/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -7000,6 +9754,28 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/svgo": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.3.tgz",
+      "integrity": "sha512-5EZD0pafXX6PphdwOGCiVLDSaV1xyuQao2blHajHLsPxr07q4mmEjdtXEWgG07ae2mIz8Ex2CDXNCTiXhy3Khw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^7.2.0",
+        "css-select": "^4.1.3",
+        "css-tree": "^1.1.3",
+        "csso": "^4.2.0",
+        "picocolors": "^1.0.0",
+        "sax": "^1.5.0",
+        "stable": "^0.1.8"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -7026,6 +9802,13 @@
         "node": ">=10"
       }
     },
+    "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/terser/node_modules/source-map-support": {
       "version": "0.5.21",
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
@@ -7112,9 +9895,9 @@
       }
     },
     "node_modules/ts-jest": {
-      "version": "29.4.11",
-      "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.4.11.tgz",
-      "integrity": "sha512-IrFl7l9AuB/qrNw5quqvAv/hmKMb8dhWOH4jQOGo0Oq8tCeo1O86/iTFG1FaRimgUkF13l4PcepO8ATFT6Ns4g==",
+      "version": "29.4.12",
+      "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.4.12.tgz",
+      "integrity": "sha512-Ov6ClY53Fflh6BGAnY2DlTq1hYDrTycz2PVTXBWFW2CU+9zrEqAp9fWdGXl42EXO5RLSFAcAZ2JFKbP+zBTFfw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7124,7 +9907,7 @@
         "json5": "^2.2.3",
         "lodash.memoize": "^4.1.2",
         "make-error": "^1.3.6",
-        "semver": "^7.8.0",
+        "semver": "^7.8.5",
         "type-fest": "^4.41.0",
         "yargs-parser": "^21.1.1"
       },
@@ -7307,6 +10090,13 @@
         "requires-port": "^1.0.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==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/v8-to-istanbul": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz",
@@ -7503,23 +10293,25 @@
       "license": "ISC"
     },
     "node_modules/write-file-atomic": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
-      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
+      "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
       "dev": true,
       "license": "ISC",
+      "optional": true,
+      "peer": true,
       "dependencies": {
         "imurmurhash": "^0.1.4",
-        "signal-exit": "^3.0.7"
+        "signal-exit": "^4.0.1"
       },
       "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
     "node_modules/ws": {
-      "version": "8.21.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
-      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
+      "version": "8.21.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.1.tgz",
+      "integrity": "sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7572,6 +10364,16 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/yaml": {
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz",
+      "integrity": "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/yargs": {
       "version": "17.7.3",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.3.tgz",
diff --git a/package.json b/package.json
index 07be96eb..cbdc8c8b 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,43 @@
 {
   "name": "@files-ui/react",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "description": "UI components for file uploads with React js",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "types": "./build/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/index.es.js",
+      "require": "./build/index.js"
+    },
+    "./client/dropzone": {
+      "import": "./build/client/dropzone.es.js",
+      "require": "./build/client/dropzone.js"
+    },
+    "./client/file-input-button": {
+      "import": "./build/client/file-input-button.es.js",
+      "require": "./build/client/file-input-button.js"
+    },
+    "./client/file-card": {
+      "import": "./build/client/file-card.es.js",
+      "require": "./build/client/file-card.js"
+    },
+    "./client/file-mosaic": {
+      "import": "./build/client/file-mosaic.es.js",
+      "require": "./build/client/file-mosaic.js"
+    },
+    "./client/avatar": {
+      "import": "./build/client/avatar.es.js",
+      "require": "./build/client/avatar.js"
+    },
+    "./client/full-screen": {
+      "import": "./build/client/full-screen.es.js",
+      "require": "./build/client/full-screen.js"
+    }
+  },
   "scripts": {
-    "build": "rollup -c",
+    "build": "rollup -c && node ./scripts/generate-client-entrypoints.cjs",
     "test": "jest"
   },
   "repository": {
@@ -47,7 +78,7 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^28.0.8",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^11.1.6",
     "@testing-library/jest-dom": "^6.1.0",
     "@testing-library/react": "^14.1.0",
@@ -58,8 +89,11 @@
     "jest-environment-jsdom": "^29.7.0",
     "rollup": "^4.20.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-sass": "^1.12.19",
     "rollup-plugin-typescript2": "^0.34.1",
+    "sass": "^1.101.3",
     "ts-jest": "^29.0.5",
     "typescript": "^5.0.2"
   },
@@ -70,7 +104,7 @@
   },
   "dependencies": {
     "@dynamicss/dynamicss": "^2.2.8",
-    "@files-ui/core": "^2.0.9"
+    "@files-ui/core": "^2.1.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/rollup.config.js b/rollup.config.js
index 432558a9..35403d1b 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -2,33 +2,50 @@ import commonjs from "@rollup/plugin-commonjs";
 import resolve from "@rollup/plugin-node-resolve";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import typescript from "@rollup/plugin-typescript";
-import sass from "rollup-plugin-sass";
+import postcss from "rollup-plugin-postcss";
+import preserveDirectives from "rollup-plugin-preserve-directives";
 export default {
   input: "./src/index.ts",
   output: [
     {
-      file: "./build/index.js",
+      dir: "./build",
       format: "cjs",
       sourcemap: true,
+      exports: "named",
+      preserveModules: true,
+      preserveModulesRoot: "./src",
+      entryFileNames: "[name].js",
+      chunkFileNames: "[name]-[hash].js",
     },
     {
-      file: "./build/index.es.js",
+      dir: "./build",
       format: "esm",
       sourcemap: true,
+      exports: "named",
+      preserveModules: true,
+      preserveModulesRoot: "./src",
+      entryFileNames: "[name].es.js",
+      chunkFileNames: "[name]-[hash].es.js",
     },
   ],
   // rollup.config.js
   plugins: [
-    sass({
-      insert: true,
-      options: {
-        // Silences the Dart Sass legacy API warnings cleanly
-        silenceDeprecations: ["legacy-js-api"],
-      },
+    postcss({
+      extensions: [".css", ".scss"],
+      use: [
+        [
+          "sass",
+          {
+            silenceDeprecations: ["legacy-js-api"],
+          },
+        ],
+      ],
+      inject: true,
     }),
     peerDepsExternal(),
     resolve(),
     commonjs(),
     typescript(),
+    preserveDirectives(),
   ],
 };
diff --git a/scripts/generate-client-entrypoints.cjs b/scripts/generate-client-entrypoints.cjs
new file mode 100644
index 00000000..3f3990dd
--- /dev/null
+++ b/scripts/generate-client-entrypoints.cjs
@@ -0,0 +1,50 @@
+const fs = require("fs");
+const path = require("path");
+
+const root = path.resolve(__dirname, "..");
+const buildClientDir = path.join(root, "build", "client");
+
+const entries = [
+  {
+    name: "dropzone",
+    esmTarget: "../Dropzone/components/dropzone/DropzoneClient.es.js",
+    cjsTarget: "../Dropzone/components/dropzone/DropzoneClient.js",
+  },
+  {
+    name: "file-input-button",
+    esmTarget: "../FileInputButton/FileInputButtonClient.es.js",
+    cjsTarget: "../FileInputButton/FileInputButtonClient.js",
+  },
+  {
+    name: "file-card",
+    esmTarget: "../FileCard/FileCardClient.es.js",
+    cjsTarget: "../FileCard/FileCardClient.js",
+  },
+  {
+    name: "file-mosaic",
+    esmTarget: "../FileMosaic/components/file-mosaic/FileMosaicClient.es.js",
+    cjsTarget: "../FileMosaic/components/file-mosaic/FileMosaicClient.js",
+  },
+  {
+    name: "avatar",
+    esmTarget: "../Avatar/AvatarClient.es.js",
+    cjsTarget: "../Avatar/AvatarClient.js",
+  },
+  {
+    name: "full-screen",
+    esmTarget: "../FullScreen/FullScreenClient.es.js",
+    cjsTarget: "../FullScreen/FullScreenClient.js",
+  },
+];
+
+fs.mkdirSync(buildClientDir, { recursive: true });
+
+for (const entry of entries) {
+  const esmContent = `"use client";\n\nexport { default } from "${entry.esmTarget}";\nexport * from "${entry.esmTarget}";\n`;
+  const cjsContent = `"use client";\n\nmodule.exports = require("${entry.cjsTarget}");\n`;
+
+  fs.writeFileSync(path.join(buildClientDir, `${entry.name}.es.js`), esmContent, "utf8");
+  fs.writeFileSync(path.join(buildClientDir, `${entry.name}.js`), cjsContent, "utf8");
+}
+
+console.log("Generated Next.js client entrypoints in build/client/");
diff --git a/src/Avatar/Avatar.css b/src/Avatar/Avatar.css
new file mode 100644
index 00000000..ccadae82
--- /dev/null
+++ b/src/Avatar/Avatar.css
@@ -0,0 +1,59 @@
+.fui-avatar-main-container {
+  width: 200px;
+  height: 200px;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(128, 128, 128, 0.486);
+  border-radius: 10px;
+  font-family: var(--files-ui-font-family, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+}
+
+.fui-avatar-main-container.square {
+  border-radius: 0px;
+}
+
+.fui-avatar-main-container.circle {
+  border-radius: 50%;
+}
+
+.fui-avatar-main-container .fui-avatar-image {
+  /* width: 100%; */
+  /* height: 100%; */
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+
+.fui-avatar-main-container .fui-avatar-label {
+  margin: 0;
+  overflow: hidden;
+  background-color: rgba(128, 128, 128, 0.486);
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  flex-direction: column;
+}
+
+.fui-avatar-main-container .fui-avatar-label.hide {
+  display: none;
+}
+
+.fui-avatar-main-container:hover .fui-avatar-label.hide {
+  display: flex;
+}
+
+.fui-avatar-main-container .fui-avatar-label:hover {
+  background-color: rgba(71, 71, 71, 0.74);
+  display: flex;
+  cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/Avatar/Avatar.scss b/src/Avatar/Avatar.scss
deleted file mode 100644
index bdaa99a5..00000000
--- a/src/Avatar/Avatar.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
-
-.fui-avatar-main-container {
-  width: 200px;
-  height: 200px;
-  position: relative;
-  background-color: transparent;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(128, 128, 128, 0.486);
-  border-radius: 10px;
-  font-family: "Poppins", sans-serif;
-  &.square {
-    border-radius: 0px;
-  }
-  &.circle {
-    border-radius: 50%;
-  }
-  .fui-avatar-image {
-    //width: 100%;
-    //height: 100%;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center;
-  }
-  &:hover {
-    .fui-avatar-label {
-      &.hide {
-        display: flex;
-      }
-    }
-  }
-  .fui-avatar-label {
-    &.hide {
-      display: none;
-    }
-    margin: 0;
-    overflow: hidden;
-    background-color: rgba(128, 128, 128, 0.486);
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    color: white;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    flex-direction: column;
-    &:hover {
-      background-color: rgba(71, 71, 71, 0.74);
-      display: flex;
-      cursor: pointer;
-    }
-  }
-}
diff --git a/src/Avatar/Avatar.tsx b/src/Avatar/Avatar.tsx
index dbade0b7..a213ca66 100644
--- a/src/Avatar/Avatar.tsx
+++ b/src/Avatar/Avatar.tsx
@@ -1,136 +1,3 @@
-import * as React from "react";
-import { mergeProps } from "../overridable/mergeProps";
-import { AvatarProps, defaultAvatarProps } from "./AvatarProps";
-import "./Avatar.scss";
-import InputHidden from "../InputHidden/InputHidden";
-import { useAvatarStyle } from "./useAvatarStyle";
-import InfiniteLoader from "../loader/InfiniteLoader/InfiniteLoader";
-import Layer from "../FileMosaic/components/file-mosaic-layer/Layer";
-import ImagePreview from "../ImagePreview/ImagePreview";
-import { FileIdGenerator } from "@files-ui/core";
-
-/**
- *
- * Demos:
- *
- * - [Avatar](https://www.files-ui.com/components/avatar)
- *
- * API:
- *
- * - [Avatar API](https://www.files-ui.com/api/avatar/)
- */
-const Avatar: React.FC<AvatarProps> = (props: AvatarProps) => {
-  const {
-    readOnly,
-    src,
-    alt,
-    accept,
-
-    onChange,
-
-    emptyLabel,
-    changeLabel,
-
-    variant,
-    borderRadius,
-    loadingLabel: uploadingLabel,
-    isLoading: isUploading,
-    onError,
-
-    smartImgFit,
-
-    style,
-    ...rest
-  } = mergeProps(props, defaultAvatarProps);
-
-  const inputRef = React.useRef<HTMLInputElement>(null);
-
-  const avatarId = React.useMemo(() => FileIdGenerator.getNextId() + "", []);
-
-  const finalClassNameBorder: string | undefined = useAvatarStyle(
-    avatarId.replace(":", "").replace(":", ""),
-    borderRadius,
-  );
-
-  const handleClick = () => {
-    inputRef.current?.click();
-  };
-
-  const handleChangeInput: React.ChangeEventHandler<HTMLInputElement> = (
-    evt: React.ChangeEvent<HTMLInputElement>,
-  ): void => {
-    const file = evt.target.files?.[0];
-    if (file) {
-      onChange?.(file);
-    }
-  };
-
-  const handleError: React.ReactEventHandler<HTMLImageElement> = (
-    evt: React.SyntheticEvent<HTMLImageElement, Event>,
-  ) => {
-    onError?.(evt);
-  };
-
-  if (!finalClassNameBorder) return <></>;
-  else {
-    return (
-      <div
-        className={`fui-avatar-main-container${
-          variant === "circle" ? " circle" : ""
-        } ${finalClassNameBorder}`}
-        style={style}
-        role="img"
-        aria-label={alt || "User avatar"}
-        tabIndex={readOnly ? undefined : 0}
-        onKeyDown={
-          readOnly
-            ? undefined
-            : (evt) => {
-                if (evt.key === "Enter" || evt.key === " ") {
-                  evt.preventDefault();
-                  handleClick();
-                }
-              }
-        }
-        {...rest}
-      >
-        {/**Layer 1 */}
-        {isUploading ? (
-          <Layer visible={true}>
-            <div className={"fui-avatar-label"}>
-              <InfiniteLoader size={50} />
-              {uploadingLabel}
-            </div>
-          </Layer>
-        ) : src ? (
-          <ImagePreview
-            className={`fui-avatar-image`}
-            src={src}
-            alt={alt}
-            onError={handleError}
-            smartImgFit={smartImgFit}
-          />
-        ) : (
-          <div className={"fui-avatar-label"}>{emptyLabel}</div>
-        )}
-        {/**Layer 2 */}
-        {!readOnly && (
-          <>
-            {!isUploading && (
-              <div className={"fui-avatar-label hide"} onClick={handleClick}>
-                {src ? changeLabel : emptyLabel}
-              </div>
-            )}
-            <InputHidden
-              multiple={false}
-              accept={accept || "image/*"}
-              onChange={handleChangeInput}
-              inputRef={inputRef}
-            />
-          </>
-        )}
-      </div>
-    );
-  }
-};
-export default Avatar;
+export { default } from "./AvatarContainer";
+export { AvatarContainer as Avatar } from "./AvatarContainer";
+export { AvatarContainer } from "./AvatarContainer";
diff --git a/src/Avatar/AvatarClient.tsx b/src/Avatar/AvatarClient.tsx
new file mode 100644
index 00000000..69e91258
--- /dev/null
+++ b/src/Avatar/AvatarClient.tsx
@@ -0,0 +1,136 @@
+import * as React from "react";
+import { mergeProps } from "../overridable/mergeProps";
+import { AvatarProps, defaultAvatarProps } from "./AvatarProps";
+import "./Avatar.css";
+import InputHidden from "../InputHidden/InputHidden";
+import { useAvatarStyle } from "./useAvatarStyle";
+import InfiniteLoader from "../loader/InfiniteLoader/InfiniteLoader";
+import Layer from "../FileMosaic/components/file-mosaic-layer/Layer";
+import ImagePreview from "../ImagePreview/ImagePreview";
+import { FileIdGenerator } from "@files-ui/core";
+
+/**
+ *
+ * Demos:
+ *
+ * - [Avatar](https://www.files-ui.com/components/avatar)
+ *
+ * API:
+ *
+ * - [Avatar API](https://www.files-ui.com/api/avatar/)
+ */
+const AvatarClient: React.FC<AvatarProps> = (props: AvatarProps) => {
+  const {
+    readOnly,
+    src,
+    alt,
+    accept,
+
+    onChange,
+
+    emptyLabel,
+    changeLabel,
+
+    variant,
+    borderRadius,
+    loadingLabel: uploadingLabel,
+    isLoading: isUploading,
+    onError,
+
+    smartImgFit,
+
+    style,
+    ...rest
+  } = mergeProps(props, defaultAvatarProps);
+
+  const inputRef = React.useRef<HTMLInputElement>(null);
+
+  const avatarId = React.useMemo(() => FileIdGenerator.getNextId() + "", []);
+
+  const finalClassNameBorder: string | undefined = useAvatarStyle(
+    avatarId.replace(":", "").replace(":", ""),
+    borderRadius,
+  );
+
+  const handleClick = () => {
+    inputRef.current?.click();
+  };
+
+  const handleChangeInput: React.ChangeEventHandler<HTMLInputElement> = (
+    evt: React.ChangeEvent<HTMLInputElement>,
+  ): void => {
+    const file = evt.target.files?.[0];
+    if (file) {
+      onChange?.(file);
+    }
+  };
+
+  const handleError: React.ReactEventHandler<HTMLImageElement> = (
+    evt: React.SyntheticEvent<HTMLImageElement, Event>,
+  ) => {
+    onError?.(evt);
+  };
+
+  if (!finalClassNameBorder) return <></>;
+  else {
+    return (
+      <div
+        className={`fui-avatar-main-container${
+          variant === "circle" ? " circle" : ""
+        } ${finalClassNameBorder}`}
+        style={style}
+        role="img"
+        aria-label={alt || "User avatar"}
+        tabIndex={readOnly ? undefined : 0}
+        onKeyDown={
+          readOnly
+            ? undefined
+            : (evt) => {
+                if (evt.key === "Enter" || evt.key === " ") {
+                  evt.preventDefault();
+                  handleClick();
+                }
+              }
+        }
+        {...rest}
+      >
+        {/**Layer 1 */}
+        {isUploading ? (
+          <Layer visible={true}>
+            <div className={"fui-avatar-label"}>
+              <InfiniteLoader size={50} />
+              {uploadingLabel}
+            </div>
+          </Layer>
+        ) : src ? (
+          <ImagePreview
+            className={`fui-avatar-image`}
+            src={src}
+            alt={alt}
+            onError={handleError}
+            smartImgFit={smartImgFit}
+          />
+        ) : (
+          <div className={"fui-avatar-label"}>{emptyLabel}</div>
+        )}
+        {/**Layer 2 */}
+        {!readOnly && (
+          <>
+            {!isUploading && (
+              <div className={"fui-avatar-label hide"} onClick={handleClick}>
+                {src ? changeLabel : emptyLabel}
+              </div>
+            )}
+            <InputHidden
+              multiple={false}
+              accept={accept || "image/*"}
+              onChange={handleChangeInput}
+              inputRef={inputRef}
+            />
+          </>
+        )}
+      </div>
+    );
+  }
+};
+export default AvatarClient;
diff --git a/src/Avatar/AvatarContainer.tsx b/src/Avatar/AvatarContainer.tsx
new file mode 100644
index 00000000..dee39683
--- /dev/null
+++ b/src/Avatar/AvatarContainer.tsx
@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { AvatarProps } from "./AvatarProps";
+import AvatarClient from "./AvatarClient";
+
+const AvatarContainer: React.FC<AvatarProps> = (props: AvatarProps) => {
+  return <AvatarClient {...props} />;
+};
+
+export { AvatarContainer };
+export default AvatarContainer;
diff --git a/src/Avatar/AvatarSkeleton/AvatarSkeleton.tsx b/src/Avatar/AvatarSkeleton/AvatarSkeleton.tsx
new file mode 100644
index 00000000..8f8f3d26
--- /dev/null
+++ b/src/Avatar/AvatarSkeleton/AvatarSkeleton.tsx
@@ -0,0 +1,33 @@
+import * as React from "react";
+import FuiSkeleton from "../../skeleton/FuiSkeleton";
+import { FuiSkeletonProps } from "../../skeleton/FuiSkeletonProps";
+import { mergeProps } from "../../overridable";
+
+const defaultAvatarSkeletonProps: FuiSkeletonProps = {
+  animation: "wave",
+  variant: "circular",
+  width: 160,
+  height: 160,
+};
+
+const AvatarSkeleton: React.FC<FuiSkeletonProps> = (
+  props: FuiSkeletonProps,
+) => {
+  const { className, style, animation, variant, width, height } = mergeProps(
+    props,
+    defaultAvatarSkeletonProps,
+  );
+
+  return (
+    <FuiSkeleton
+      className={className}
+      style={style}
+      animation={animation}
+      variant={variant}
+      width={width}
+      height={height}
+    />
+  );
+};
+
+export default AvatarSkeleton;
\ No newline at end of file
diff --git a/src/Avatar/AvatarSkeleton/index.ts b/src/Avatar/AvatarSkeleton/index.ts
new file mode 100644
index 00000000..d0f6d628
--- /dev/null
+++ b/src/Avatar/AvatarSkeleton/index.ts
@@ -0,0 +1 @@
+export { default } from "./AvatarSkeleton";
\ No newline at end of file
diff --git a/src/DropLayer/components/DropLayerProps.scss b/src/DropLayer/components/DropLayerProps.css
similarity index 100%
rename from src/DropLayer/components/DropLayerProps.scss
rename to src/DropLayer/components/DropLayerProps.css
diff --git a/src/Dropzone/components/DropzoneButtons/DropzoneButtons.scss b/src/Dropzone/components/DropzoneButtons/DropzoneButtons.css
similarity index 60%
rename from src/Dropzone/components/DropzoneButtons/DropzoneButtons.scss
rename to src/Dropzone/components/DropzoneButtons/DropzoneButtons.css
index 491b334f..d5cad4e7 100644
--- a/src/Dropzone/components/DropzoneButtons/DropzoneButtons.scss
+++ b/src/Dropzone/components/DropzoneButtons/DropzoneButtons.css
@@ -6,14 +6,13 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
-  box-sizing: border-box;
-  //padding: 10px 0;
   gap: 10px;
+}
 
-  &.top {
-    padding-bottom: 10px;
-  }
-  &.bottom {
-    padding-top: 10px;
-  }
+.files-ui-buttons-container.top {
+  padding-bottom: 10px;
 }
+
+.files-ui-buttons-container.bottom {
+  padding-top: 10px;
+}
\ No newline at end of file
diff --git a/src/Dropzone/components/DropzoneButtons/DropzoneButtons.tsx b/src/Dropzone/components/DropzoneButtons/DropzoneButtons.tsx
index 0a2f9636..1c55f0b4 100644
--- a/src/Dropzone/components/DropzoneButtons/DropzoneButtons.tsx
+++ b/src/Dropzone/components/DropzoneButtons/DropzoneButtons.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import { addClassName, Localization } from "@files-ui/core"
 import { MaterialButton } from "../../../MaterialButton";
 import { ActionButtonItem, DropzoneActions } from "../dropzone/DropzoneProps";
-import "./DropzoneButtons.scss";
+import "./DropzoneButtons.css";
 
 interface DropzoneButtonsProps extends DropzoneActions {
   localization?: Localization;
diff --git a/src/Dropzone/components/DropzoneChildren/DropzoneChildren.scss b/src/Dropzone/components/DropzoneChildren/DropzoneChildren.css
similarity index 86%
rename from src/Dropzone/components/DropzoneChildren/DropzoneChildren.scss
rename to src/Dropzone/components/DropzoneChildren/DropzoneChildren.css
index 000b97d9..255b64c0 100644
--- a/src/Dropzone/components/DropzoneChildren/DropzoneChildren.scss
+++ b/src/Dropzone/components/DropzoneChildren/DropzoneChildren.css
@@ -7,5 +7,4 @@
   gap: 8px;
   flex-wrap: wrap;
   padding: 5px 0;
-  //background-color: brown;
 }
diff --git a/src/Dropzone/components/DropzoneChildren/DropzoneChildren.tsx b/src/Dropzone/components/DropzoneChildren/DropzoneChildren.tsx
index 69c173bc..4b8207d0 100644
--- a/src/Dropzone/components/DropzoneChildren/DropzoneChildren.tsx
+++ b/src/Dropzone/components/DropzoneChildren/DropzoneChildren.tsx
@@ -4,7 +4,7 @@ import {
   Localization,
   LocalLabels,
 } from "@files-ui/core"
-import "./DropzoneChildren.scss";
+import "./DropzoneChildren.css";
 
 declare type DropzoneChildrenProps = {
   children?: React.ReactNode | [];
diff --git a/src/Dropzone/components/DropzoneChildren/DropzoneChildrenNext.tsx b/src/Dropzone/components/DropzoneChildren/DropzoneChildrenNext.tsx
index 428e9199..92223dfb 100644
--- a/src/Dropzone/components/DropzoneChildren/DropzoneChildrenNext.tsx
+++ b/src/Dropzone/components/DropzoneChildren/DropzoneChildrenNext.tsx
@@ -4,7 +4,7 @@ import {
   Localization,
   LocalLabels,
 } from "@files-ui/core";
-import "./DropzoneChildren.scss";
+import "./DropzoneChildren.css";
 
 type DropzoneChildrenNextProps = {
   children?: React.ReactNode | [];
diff --git a/src/Dropzone/components/DropzoneDisabledLayer/DropzoneDisabledLayer.scss b/src/Dropzone/components/DropzoneDisabledLayer/DropzoneDisabledLayer.css
similarity index 100%
rename from src/Dropzone/components/DropzoneDisabledLayer/DropzoneDisabledLayer.scss
rename to src/Dropzone/components/DropzoneDisabledLayer/DropzoneDisabledLayer.css
diff --git a/src/Dropzone/components/DropzoneDisabledLayer/DropzoneDisabledLayer.tsx b/src/Dropzone/components/DropzoneDisabledLayer/DropzoneDisabledLayer.tsx
index d42ec822..94b992fa 100644
--- a/src/Dropzone/components/DropzoneDisabledLayer/DropzoneDisabledLayer.tsx
+++ b/src/Dropzone/components/DropzoneDisabledLayer/DropzoneDisabledLayer.tsx
@@ -7,7 +7,7 @@ import {
   handleDragUtil,
   handleDropUtil,
 } from "../../../utils";
-import "./DropzoneDisabledLayer.scss";
+import "./DropzoneDisabledLayer.css";
 export declare type DropzoneDisabledLayerProps = {
   open?: boolean;
   className?: string;
diff --git a/src/Dropzone/components/DropzoneFooter/DropzoneFooter.tsx b/src/Dropzone/components/DropzoneFooter/DropzoneFooter.tsx
index cabbfa6f..48c8b69e 100644
--- a/src/Dropzone/components/DropzoneFooter/DropzoneFooter.tsx
+++ b/src/Dropzone/components/DropzoneFooter/DropzoneFooter.tsx
@@ -69,7 +69,7 @@ const DropzoneFooter: React.FC<DropzoneFooterProps> = (
             ? message
             : !accept
             ? allowedTypesLabel
-              ? DropzoneFooterLocalizer.acceptAll
+              ? (DropzoneFooterLocalizer.acceptAll as string)
               : undefined
             : accepCustomMessenger(accept)}
         </>
diff --git a/src/Dropzone/components/DropzoneHeader/DropzoneHeader.tsx b/src/Dropzone/components/DropzoneHeader/DropzoneHeader.tsx
index 640b5d3e..10ee2d33 100644
--- a/src/Dropzone/components/DropzoneHeader/DropzoneHeader.tsx
+++ b/src/Dropzone/components/DropzoneHeader/DropzoneHeader.tsx
@@ -68,7 +68,7 @@ const DropzoneHeader: React.FC<DropzoneHeaderProps> = (
       } else {
         result.push(
           <React.Fragment>
-            <>{DropzoneHeaderLocalizer.uploadFilesMessage}</>
+            <>{DropzoneHeaderLocalizer.uploadFilesMessage as string}</>
             <Upload color={color} onClick={handleStartUploading} />
           </React.Fragment>
         );
diff --git a/src/Dropzone/components/DropzoneSkeleton/DropzoneSkeleton.tsx b/src/Dropzone/components/DropzoneSkeleton/DropzoneSkeleton.tsx
new file mode 100644
index 00000000..4c666d82
--- /dev/null
+++ b/src/Dropzone/components/DropzoneSkeleton/DropzoneSkeleton.tsx
@@ -0,0 +1,47 @@
+import * as React from "react";
+import FuiSkeleton from "../../../skeleton/FuiSkeleton";
+import { FuiSkeletonProps } from "../../../skeleton/FuiSkeletonProps";
+import { mergeProps } from "../../../overridable";
+
+const defaultDropzoneSkeletonProps: FuiSkeletonProps = {
+  animation: "wave",
+  variant: "rectangular",
+  width: "100%",
+  height: 180,
+};
+
+const DropzoneSkeleton: React.FC<FuiSkeletonProps> = (
+  props: FuiSkeletonProps,
+) => {
+  const { className, style, animation, width, height } = mergeProps(
+    props,
+    defaultDropzoneSkeletonProps,
+  );
+
+  return (
+    <div
+      className={`files-ui-dropzone-skeleton${className ? ` ${className}` : ""}`}
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        gap: 12,
+        width,
+        minHeight: height,
+        padding: 20,
+        boxSizing: "border-box",
+        borderRadius: 12,
+        ...style,
+      }}
+    >
+      <FuiSkeleton animation={animation} width="55%" height={18} />
+      <FuiSkeleton animation={animation} width="78%" height={14} />
+      <FuiSkeleton animation={animation} width="100%" height={height ? 88 : 96} />
+      <div style={{ display: "flex", gap: 8, justifyContent: "flex-end" }}>
+        <FuiSkeleton animation={animation} width={72} height={32} />
+        <FuiSkeleton animation={animation} width={72} height={32} />
+      </div>
+    </div>
+  );
+};
+
+export default DropzoneSkeleton;
\ No newline at end of file
diff --git a/src/Dropzone/components/DropzoneSkeleton/index.ts b/src/Dropzone/components/DropzoneSkeleton/index.ts
new file mode 100644
index 00000000..552f1d5c
--- /dev/null
+++ b/src/Dropzone/components/DropzoneSkeleton/index.ts
@@ -0,0 +1 @@
+export { default } from "./DropzoneSkeleton";
\ No newline at end of file
diff --git a/src/Dropzone/components/dropzone/Dropzone.css b/src/Dropzone/components/dropzone/Dropzone.css
new file mode 100644
index 00000000..d5bce4e3
--- /dev/null
+++ b/src/Dropzone/components/dropzone/Dropzone.css
@@ -0,0 +1,68 @@
+.fui-dropzone-root {
+  width: 100%;
+  min-width: 150px;
+  min-height: 180px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 0 8px;
+  text-rendering: optimizeLegibility;
+  font-size: 1.5em;
+  font-family: var(--files-ui-font-family, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+  text-align: center;
+  font-weight: 400;
+  letter-spacing: 0.02857em;
+  box-sizing: border-box;
+  word-break: normal;
+}
+
+@media (max-width: 600px) {
+  .fui-dropzone-root {
+    font-size: 1.3em;
+  }
+}
+
+.fui-dropzone-root.clickable {
+  cursor: pointer;
+}
+
+.files-ui-header {
+  min-height: 23px;
+  cursor: text;
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  font-family: inherit;
+  font-size: 1rem;
+}
+
+@media (max-width: 960px) {
+  .files-ui-header {
+    font-size: 0.8rem;
+  }
+}
+
+.files-ui-footer {
+  box-sizing: border-box;
+  cursor: text;
+  width: 100%;
+  font-family: inherit;
+  padding-left: 10px;
+  font-size: 1rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1; /* number of lines to show */
+  line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-align: left;
+}
+
+@media (max-width: 960px) {
+  .files-ui-footer {
+    padding-left: 1px;
+    font-size: 0.9rem;
+  }
+}
\ No newline at end of file
diff --git a/src/Dropzone/components/dropzone/Dropzone.original.tsx.backup b/src/Dropzone/components/dropzone/Dropzone.original.tsx.backup
new file mode 100644
index 00000000..047757f2
--- /dev/null
+++ b/src/Dropzone/components/dropzone/Dropzone.original.tsx.backup
@@ -0,0 +1,1042 @@
+import * as React from "react";
+import {
+  DropzoneLocalizerSelector,
+  ExtFile,
+  fileListToExtFileArray,
+  LocalLabels,
+  validateExtFileList,
+  FileValidatorProps,
+  isValidateActive,
+  //handleClickInput,
+  //handleDragUtil,
+  //createFuiRippleFromDiv,
+  //handleDropUtil,
+  UploadConfig,
+  ExtFileInstance,
+  FunctionLabel,
+  ExtFileManager,
+  sleepPreparing,
+  //UploadResponse,
+  instantPreparingToUploadOne,
+  fakeFuiUpload,
+  sleepTransition,
+  toUploadableExtFileList,
+  cleanInput,
+  isUploadAbleExtFile,
+  sanitizeArrExtFile,
+  unexpectedErrorUploadResult,
+  getRandomInt,
+  addClassName,
+  Localization,
+  completeAsureColor,
+  FileIdGenerator,
+} from "@files-ui/core";
+import { mergeProps } from "../../../overridable";
+import InputHidden from "../../../InputHidden/InputHidden";
+import {
+  ActionButtons,
+  defaultDrozoneProps,
+  // DEFAULT_BORDER_RADIUS,
+  //ActionButton,
+  //DropzoneActions,
+  DropzoneProps,
+  FooterConfig,
+  HeaderConfig,
+} from "./DropzoneProps";
+import DropzoneChildrenNext from "../DropzoneChildren/DropzoneChildrenNext";
+import DropzoneDisabledLayer from "../DropzoneDisabledLayer/DropzoneDisabledLayer";
+
+import "./Dropzone.css";
+import "./DropzoneRipple.css";
+
+import DropzoneHeader from "../DropzoneHeader/DropzoneHeader";
+import DropzoneFooter from "../DropzoneFooter/DropzoneFooter";
+import DropzoneButtons from "../DropzoneButtons/DropzoneButtons";
+import {
+  createFuiRippleFromDiv,
+  handleClickInput,
+  handleDragUtil,
+  handleDropUtil,
+} from "../../../utils";
+import { FilesUiContext } from "../../../FilesUiProvider/FilesUiContext";
+import DropLayer from "../../../DropLayer/components/DropLayer";
+import {
+  useDropzoneFileListUpdater,
+  useDropLayerClassName,
+  useDropzoneClassName,
+} from "../../../hooks";
+import { isThereValidUrl } from "../../../utils/url.utils";
+import { uploadExtFilesWithStrategy, uploadSingleExtFileWithStrategy } from "../../../utils/uploadStrategy";
+
+//import { print_manager } from "../../../../../utils";
+
+/**
+ *
+ * Demos:
+ *
+ * - [Dropzone](https://www.files-ui.com/components/dropzone)
+ *
+ * API:
+ *
+ * - [Dropzone API](https://www.files-ui.com/api/dropzone/)
+ */
+const Dropzone: React.FC<DropzoneProps> = (props: DropzoneProps) => {
+  const {
+    //basic
+    onChange,
+    value = [],
+    //validation
+    accept,
+    maxFileSize,
+    maxFiles,
+    validator,
+    cleanFiles,
+    onClean,
+    autoClean,
+    //uploading
+    uploadConfig,
+    withCredentials,
+    fakeUpload,
+    groupUpload,
+    maxConcurrentUploads,
+    onUploadStart,
+    onUploadFinish,
+    //styling
+    background,
+    color,
+    minHeight,
+    style,
+    //textColor,
+    className,
+    //label
+    label,
+    //localization
+    localization: locProps,
+    //ripple
+    disableRipple,
+    //drag operations
+    onDragEnter,
+    onDragLeave,
+    //action butotns
+    actionButtons,
+    //drop layer
+    dropOnLayer,
+    //header and footer
+    header,
+    footer,
+    headerConfig = {},
+    footerConfig = {},
+    //disabled
+    disabled,
+    //open file dialog
+    clickable,
+    //add or replace
+    behaviour,
+    lazyLoad,
+    lazyLoadBuffer,
+    //content
+    children,
+    //advancedConfig,
+    ...rest
+  } = mergeProps(props, defaultDrozoneProps);
+
+  //context
+  const {
+    // darkMode: darkModeContext,
+    //icons,
+    localization: locContext,
+  } = React.useContext(FilesUiContext);
+  const localization: Localization | undefined =
+    locProps !== undefined ? locProps : locContext;
+
+  const {
+    url,
+    method,
+    headers,
+    uploadLabel,
+    cleanOnUpload = true,
+    preparingTime = 1500,
+    autoUpload = false,
+    urlFromExtFile,
+    asBlob = false,
+    chunked = false,
+    chunkSize,
+  } = uploadConfig as UploadConfig & {
+    chunked?: boolean;
+    chunkSize?: number;
+  };
+
+  const {
+    position: actionButtonsPosition,
+    abortButton,
+    deleteButton,
+    uploadButton,
+    cleanButton,
+    style: containerStyle,
+    className: containerClassName,
+  } = actionButtons as ActionButtons;
+
+  const styleBorderRadius: string | number | undefined = style?.borderRadius;
+
+  const {
+    cleanFiles: cleanFilesHeader = true,
+    deleteFiles: deleteFilesHeader = true,
+    maxFileSize: maxFileSizeHeader = true,
+    uploadFiles: uploadFilesHeader = true,
+    uploadingIcon: uploadingIconHedaer = true,
+    validFilesCount: validFilesCountHeader = true,
+    customHeader,
+    className: classNameHeader,
+    resetStyles: resetStylesHeader = false,
+    style: styleHeader,
+  }: HeaderConfig = headerConfig;
+
+  const {
+    customFooter,
+    noMissingFilesLabel = true,
+    uploadProgressMessage = true,
+    uploadResultMessage = true,
+  }: FooterConfig = footerConfig;
+  //console.log("Dropzone props", dropOnLayer);
+  //localizers
+  const DropzoneLocalizer: LocalLabels =
+    DropzoneLocalizerSelector(localization);
+
+  //ref to handle ripple
+  const fuiRippleRefAbs = React.useRef<HTMLDivElement>(null);
+  const fuiRippleRefRel = React.useRef<HTMLDivElement>(null);
+  //ref to the hidden input tag
+  const inputRef = React.useRef<HTMLInputElement>(null);
+  //state for drag operation
+  const [isDragging, setIsDragging] = React.useState<boolean>(false);
+  //state for checking upload start
+  const [isUploading, setIsUploading] = React.useState<boolean>(false);
+  //state for message on footer
+  const [localMessage, setLocalMessage] = React.useState<string>("");
+  //Id for uploding through FuiFileManager
+  //const dropzoneId: string | number = useDropzoneFileListID();
+  // const dropzoneId: string | number = React.useId();
+  const dropzoneId: string = React.useMemo(
+    () => FileIdGenerator.getNextId() + "",
+    []
+  );
+  //React.useId();
+  //Flag that determines whether to validate or not
+  const validateFilesFlag: boolean = isValidateActive(
+    accept,
+    maxFileSize,
+    maxFiles,
+    validator
+  );
+  //state for managing the number of valid files
+  //state for managing the files locally
+  const [localFiles, numberOfValidFiles, setLocalFiles]: [
+    ExtFile[],
+    number,
+    React.Dispatch<React.SetStateAction<ExtFile[]>>
+  ] = useDropzoneFileListUpdater(
+    dropzoneId,
+    value || [],
+    isUploading,
+    maxFileSize,
+    accept,
+    maxFiles,
+    validator,
+    localization,
+    validateFilesFlag
+  );
+  /**
+   * Flag that determines if component should perform upload given url
+   */
+  const shouldUpload: boolean = isThereValidUrl(
+    url,
+    urlFromExtFile,
+    localFiles
+  );
+  /**
+   * Uploads each file in the array of ExtFiles
+   * First, sets all the files in preparing status and awaits `preparingTime` miliseconds.
+   * If `preparingTime` is not given or its value is false or 0, there won´t be a preparing phase.
+   *        This is only for the first file, the rest of files will have preparing time until the file before was uploaded
+   *        The first file will jump from undef to "uploading"
+   * Then onChange event will be called to update the files outside.
+   *
+   * If `onCancel` event ocurrs outside on any on the
+   * FileItems(e.g. by clicking the cancel button on `FileItem`),
+   * the extFileInstance will change its status from 'preparing' to undefined. If so,
+   * after the waiting time the value of status will be found as undefined and
+   * won´t perfom the upload for that file or any other that fits that condition.
+   * Then, for each file sets the file in 'uploading' status.
+   * Then onChange event will be called to update the files outside.
+   * Then uploads the file with the `xhr` instance.
+   * After that, that file recieves the new uploadStatus that can be
+   *  'success', 'error' or 'aborted'
+   * and onChange event will be called to update the files outside.
+   * @param localFiles the list of extFiles to upload
+   * @returns nothing
+   */
+  const uploadfiles = async (localFiles: ExtFile[]): Promise<void> => {
+    //set uploading flag to true
+    setIsUploading(true);
+
+    //avoid to call upload if not allowed
+    // flag is already true or there isnt files
+    //url was not provided
+
+    if (isUploading || localFiles.length === 0 || !shouldUpload) {
+      setIsUploading(false);
+      return;
+    }
+    if (localFiles.length === 0) {
+      setLocalMessage(DropzoneLocalizer.noFilesMessage as string);
+      setTimeout(() => {
+        setIsUploading(false);
+      }, 1500);
+
+      return;
+    }
+    // initialize a new list of ExtFileInstances
+    let arrOfExtFilesInstances: ExtFileInstance[] = [];
+
+    const totalNumber: number = localFiles.length;
+
+    const missingUpload: number = localFiles.filter((extFile: ExtFile) =>
+      isUploadAbleExtFile(extFile, validateFilesFlag)
+    ).length;
+
+    let totalRejected: number = 0;
+    let currentCountUpload: number = 0;
+
+    const uploadingMessenger: FunctionLabel =
+      DropzoneLocalizer.uploadingMessage as FunctionLabel;
+
+    //no missing to upload
+    if (!(missingUpload > 0)) {
+      setTimeout(() => {
+        if (noMissingFilesLabel)
+          setLocalMessage(DropzoneLocalizer.noFilesMessage as string);
+
+        setIsUploading(false);
+      }, 1500);
+
+      return;
+    }
+
+    if (uploadProgressMessage)
+      setLocalMessage(uploadingMessenger(`${missingUpload}/${totalNumber}`));
+    //  setIsUploading(true);
+    //PREPARING stage
+
+    onUploadStart?.(localFiles);
+
+    arrOfExtFilesInstances =
+      ExtFileManager.setFileListMapPreparing(
+        dropzoneId,
+        localFiles,
+        validateFilesFlag as boolean,
+        cleanOnUpload as boolean
+      ) || [];
+
+    const newExtFileLocal: ExtFile[] = [...arrOfExtFilesInstances].map((x) =>
+      x.toExtFile()
+    );
+
+    //CHANGE (o alejo el isUploading o lo alejo para que tenga m,as tiempo antes de la respuyesta)
+    // setIsUploading(true);
+    handleFilesChange(newExtFileLocal, true);
+
+    //AWAIT when preparing time is given
+    //general sleep for all files
+    await sleepPreparing(preparingTime);
+
+    //return;
+    let serverResponses: Array<ExtFile> = [];
+
+    if (groupUpload) {
+      const unifiedUpload = (
+        method: string,
+        url: string,
+        arrOfFiles: ExtFile[]
+      ): Promise<{ success: boolean; message: string; payload: object }> => {
+        if (typeof method !== 'string' || typeof url !== 'string') {
+          return Promise.reject(new Error("Method or URL is invalid"));
+        }
+
+        arrOfExtFilesInstances.forEach((el) => (el.uploadStatus = "uploading"));
+        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+        const formData = new FormData();
+        for (let i = 0; i < arrOfFiles.length; i++) {
+          const file = arrOfFiles[i].file;
+          if (file instanceof File) {
+            formData.append("files", file);
+          }
+        }
+        return new Promise((resolve, reject) => {
+          let xhr = new XMLHttpRequest();
+          xhr.withCredentials = withCredentials ?? false;
+          xhr.upload.onprogress = (e) => {
+            arrOfExtFilesInstances.forEach((el) => {
+              el.progress = (e.loaded / e.total) * 100;
+            });
+            handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+          };
+          xhr.responseType = "json";
+          xhr.onload = () => {
+            if (xhr.status >= 200 && xhr.status < 300) {
+              console.log(xhr.response);
+              console.log(typeof xhr.response);
+              resolve(xhr.response);
+            } else {
+              reject(xhr.response);
+            }
+          };
+          xhr.onerror = (err) => {
+            reject(err);
+          };
+          xhr.open(method, url);
+          xhr.send(formData);
+        });
+      };
+      try {
+        if (!url) {
+          throw new Error("Upload URL is not defined");
+        }
+        let respo: { success: boolean; message: string; payload: object } =
+          await unifiedUpload("POST", url, arrOfExtFilesInstances);
+        arrOfExtFilesInstances.forEach((el) => (el.uploadStatus = "success"));
+        arrOfExtFilesInstances.forEach(
+          (el) => (el.uploadMessage = respo.message)
+        );
+      } catch (err: unknown) {
+        arrOfExtFilesInstances.forEach((el) => (el.uploadStatus = "error"));
+        arrOfExtFilesInstances.forEach(
+          (el) => (el.uploadMessage = err instanceof Error ? err.message : 'Unknown error occurred')
+        );
+        console.log(err);
+      }
+      handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+    } else {
+      const uploadCandidates: ExtFileInstance[] = arrOfExtFilesInstances.filter(
+        (instance: ExtFileInstance) =>
+          instance.uploadStatus === "preparing" && !instance.extraData?.deleted
+      );
+
+      if (!fakeUpload && (maxConcurrentUploads || 1) > 1 && uploadCandidates.length > 0) {
+        uploadCandidates.forEach((instance) => {
+          instantPreparingToUploadOne(instance);
+        });
+        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+
+        const uploadResults = await uploadExtFilesWithStrategy(
+          uploadCandidates.map((instance) => instance.toExtFile()),
+          {
+            url,
+            urlFromExtFile,
+            method,
+            headers,
+            uploadLabel,
+            asBlob,
+            chunked,
+            chunkSize,
+            maxConcurrentUploads,
+          },
+          (completedCount: number, totalCount: number, latestResult: ExtFile) => {
+            if (uploadProgressMessage) {
+              setLocalMessage(
+                uploadingMessenger(`${completedCount}/${totalCount}`)
+              );
+            }
+
+            const target = arrOfExtFilesInstances.find(
+              (instance) => instance.id === latestResult.id
+            );
+            if (target) {
+              target.uploadStatus = latestResult.uploadStatus;
+              target.uploadMessage = latestResult.uploadMessage;
+              target.serverResponse = latestResult.serverResponse;
+            }
+
+            handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+          }
+        );
+
+        for (const uploadedFile of uploadResults) {
+          const currentExtFileInstance = arrOfExtFilesInstances.find(
+            (instance) => instance.id === uploadedFile.id
+          );
+          if (currentExtFileInstance) {
+            currentExtFileInstance.uploadStatus = uploadedFile.uploadStatus;
+            currentExtFileInstance.uploadMessage = uploadedFile.uploadMessage;
+            currentExtFileInstance.serverResponse = uploadedFile.serverResponse;
+          }
+
+          if (uploadedFile.uploadStatus === "error") {
+            totalRejected++;
+          }
+          serverResponses.push(uploadedFile);
+        }
+      } else {
+      //Uplad files one by one
+      for (let i = 0; i < arrOfExtFilesInstances.length; i++) {
+        const currentExtFileInstance: ExtFileInstance =
+          arrOfExtFilesInstances[i];
+
+        if (
+          currentExtFileInstance.uploadStatus === "preparing" &&
+          !currentExtFileInstance.extraData?.deleted
+        ) {
+          //set stage to "uploading" in one file and notify change
+          // PREPARING => UPLOADING
+          await sleepTransition();
+
+          instantPreparingToUploadOne(currentExtFileInstance);
+
+          //messge in footer
+          if (uploadProgressMessage)
+            setLocalMessage(
+              uploadingMessenger(`${++currentCountUpload}/${missingUpload}`)
+            );
+
+          //CHANGE FILES
+          handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+
+          //UPLOADING => UPLOAD()
+          //upload one file and notify about change
+          let uploadResponse: ExtFile;
+
+          if (fakeUpload) {
+            uploadResponse = await fakeFuiUpload(
+              currentExtFileInstance,
+              DropzoneLocalizer
+            );
+
+            let fakeProgress = 0;
+            while (fakeProgress < 100) {
+              fakeProgress += getRandomInt(21, 35);
+              currentExtFileInstance.progress =
+                fakeProgress > 100 ? 100 : fakeProgress;
+              await sleepTransition(1000);
+              handleFilesChange(
+                sanitizeArrExtFile(arrOfExtFilesInstances),
+                true
+              );
+            }
+          } else {
+            try {
+              uploadResponse = await uploadSingleExtFileWithStrategy(
+                currentExtFileInstance,
+                {
+                  url,
+                  urlFromExtFile,
+                  method,
+                  headers,
+                  uploadLabel,
+                  asBlob,
+                  chunked,
+                  chunkSize,
+                }
+              );
+            } catch (error) {
+              uploadResponse = unexpectedErrorUploadResult(
+                currentExtFileInstance.toExtFile()
+              );
+            }
+          }
+
+          const uploadedFile = uploadResponse;
+
+          //update instances
+          currentExtFileInstance.uploadStatus = uploadedFile.uploadStatus;
+          currentExtFileInstance.uploadMessage = uploadedFile.uploadMessage;
+
+          //CHANGE
+          if (!(currentExtFileInstance.uploadStatus === "aborted"))
+            await sleepTransition();
+
+          handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+
+          if (uploadedFile.uploadStatus === "error") {
+            totalRejected++;
+          }
+
+          serverResponses.push(uploadResponse);
+        } else {
+          handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+        }
+      }
+      }
+    }
+    setLocalFiles(sanitizeArrExtFile(arrOfExtFilesInstances));
+
+    // upload group finished :D
+    onUploadFinish?.(serverResponses);
+
+    const finishUploadMessenger: FunctionLabel =
+      DropzoneLocalizer.uploadFinished as FunctionLabel;
+    if (uploadResultMessage)
+      setLocalMessage(
+        finishUploadMessenger(missingUpload - totalRejected, totalRejected)
+      );
+    setTimeout(() => {
+      setIsUploading(false);
+    }, 2000);
+  };
+
+  const handleAbortUpload = () => {
+    const listExtFileLocal: ExtFileInstance[] | undefined =
+      ExtFileManager.getExtFileInstanceList(dropzoneId);
+
+    if (!listExtFileLocal) return;
+    listExtFileLocal.forEach((extFileInstance: ExtFileInstance) => {
+      if (
+        extFileInstance.uploadStatus === "uploading" ||
+        extFileInstance.uploadStatus === "preparing"
+      ) {
+        if (extFileInstance.xhr !== null && extFileInstance.xhr !== undefined)
+          extFileInstance.xhr.abort();
+        extFileInstance.uploadStatus = "aborted";
+        extFileInstance.uploadMessage = "Upload was aborted by user";
+      }
+    });
+  };
+
+  //the final className
+  const [
+    dropzoneClassName,
+    headerClassName,
+    footerClassName,
+    disabledLayerClassName,
+  ]: [
+    string | undefined,
+    string | undefined,
+    string | undefined,
+    string | undefined
+  ] = useDropzoneClassName(
+    dropzoneId,
+    className,
+    //isDragging && Boolean(dropOnLayer),
+    // header,
+    // footer,
+    color,
+    //style?.borderRadius || borderRadius,
+    background,
+    minHeight
+  );
+
+  const dropLayerClassName: string = useDropLayerClassName(
+    dropzoneId,
+    color as string,
+    // isDragging,
+    !onDragEnter && !onDragLeave
+  );
+
+  React.useEffect(() => {
+    const localValidator: FileValidatorProps = { maxFileSize, accept };
+
+    const validatedFuiFileList: ExtFile[] = validateExtFileList(
+      localFiles,
+      maxFiles ? maxFiles - numberOfValidFiles : Infinity,
+      localValidator,
+      validator,
+      maxFiles,
+      localization
+    );
+
+    setLocalFiles(validatedFuiFileList);
+    // eslint-disable-next-line
+  }, [maxFileSize, accept, maxFiles, localization]);
+
+  /**
+   * Performs the changes in the extFile list.
+   * Makes a new array of extFile according to the "behaviour" prop.
+   * If isUploading state is not true and the behaviour props is equal to "add",
+   * the incoming extFileList is added at the end of the current list of extFile.
+   * Otherwise, the complete extFile list is replaced by the incomming extFile list
+   * @param extFileList the new fileList
+   * @param isUploading a flag that dscribes whther the uploading process is active or not
+   */
+  const handleFilesChange = (
+    extFileList: ExtFile[],
+    isUploading?: boolean
+  ): void => {
+    let finalExtFileList: ExtFile[] =
+      behaviour === "add" && !isUploading
+        ? [...localFiles, ...extFileList]
+        : [...extFileList];
+    if (onChange) {
+      onChange(finalExtFileList);
+    } else {
+      setLocalFiles(finalExtFileList);
+    }
+    if (autoUpload && !isUploading) {
+      uploadfiles(finalExtFileList);
+    }
+  };
+
+  /**
+   * Performs the action of recieving the files when user selects the files
+   * by clicking the InputButton
+   * @param evt event handler for getting files from input element target
+   */
+  const handleChangeInput: React.ChangeEventHandler<HTMLInputElement> = (
+    evt: React.ChangeEvent<HTMLInputElement>
+  ): void => {
+    //if (isUploading) return;
+    let fileList: FileList = evt.target.files as FileList;
+    let extFileListOutput: ExtFile[] = fileListToExtFileArray(fileList);
+    //validate ext files
+    if (validateFilesFlag) {
+      extFileListOutput = outerFuiValidation(extFileListOutput);
+      if (autoClean) {
+        extFileListOutput = extFileListOutput.filter((f) => f.valid);
+      }
+    }
+    //init xhr on each ext file
+    if (shouldUpload)
+      extFileListOutput = toUploadableExtFileList(extFileListOutput);
+
+    // Clean input element to trigger onChange event on input
+    cleanInput(inputRef.current);
+
+    handleFilesChange(extFileListOutput);
+  };
+
+  /**
+   * Performs the validation process for each FuiFile
+   * outside the DropzoneNeo component file declaration
+   * according to the criteria given by maxFiles and maxFileSize and accept props
+   * This function calls validateFuiFileList and sets the valid prop of FuiFile to "true" or "false"
+   * depending on the result of the individual validation.
+   * It also add the list of errors.
+   * @param fuiFileListToValidate the fuiFileList to validate
+   * @returns a list of validated FuiFile list
+   */
+  const outerFuiValidation = (fuiFileListToValidate: ExtFile[]): ExtFile[] => {
+    const localValidator: FileValidatorProps = { maxFileSize, accept };
+
+    let finalNumberOfValids: number = numberOfValidFiles;
+    if (behaviour === "replace") {
+      //re-start number of valids
+      finalNumberOfValids = 0;
+    }
+
+    const validatedFuiFileList: ExtFile[] = validateExtFileList(
+      fuiFileListToValidate,
+      maxFiles ? maxFiles - finalNumberOfValids : Infinity,
+      localValidator,
+      validator,
+      maxFiles,
+      localization
+    );
+
+    return validatedFuiFileList;
+  };
+
+  // HANDLERS for CLICK, DRAG NAD DROP
+  function handleClick(): void {
+    //handleClickUtil(evt);
+    if (!clickable || disabled || isUploading) return;
+    makeRipple();
+    handleClickInput(inputRef.current);
+  }
+  /**
+   * Handles keyboard interaction for accessibility.
+   * Enter or Space triggers the same action as click.
+   */
+  const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLDivElement>>(
+    (evt: React.KeyboardEvent<HTMLDivElement>) => {
+      if (evt.key === "Enter" || evt.key === " ") {
+        evt.preventDefault();
+        handleClick();
+      }
+    },
+    // eslint-disable-next-line
+    [clickable, disabled, isUploading]
+  );
+  const handleDragEnter: React.DragEventHandler<HTMLDivElement> = (
+    evt: React.DragEvent<HTMLDivElement>
+  ) => {
+    handleDragUtil(evt);
+    if (disabled) return;
+
+    setIsDragging(true);
+    /* setTimeout(() => {
+      setIsDragging((_isDragging) => {
+        //if (_isDragging) {
+          return false;
+        //}
+        //return true;
+      });
+    }, 2000); */
+    //console.log("handleDragEnter");
+  };
+  const handleDragLeave: React.DragEventHandler<HTMLDivElement> = (
+    evt: React.DragEvent<HTMLDivElement>
+  ) => {
+    if (disabled) return;
+    handleDragUtil(evt);
+    setIsDragging(false);
+  };
+  // RIPPLE
+  /**
+   * Creates a ripple in the middle of the main container
+   */
+  const makeRipple = (): void => {
+    createFuiRippleFromDiv(
+      fuiRippleRefAbs.current,
+      fuiRippleRefRel.current,
+      color as string
+    );
+  };
+
+  // KAMUI => RECIEIVE FILES FROM DROP OR INPUT( CLICK ), VALIDATE AND CHANGE
+
+  /**
+   * Performs the action of recieving the files when user drops the files
+   * in the Dropzone container.
+   * According to the given config from props, this function could
+   * validate files and also start the uploading phase
+   * @param evt even handler for getting files from dataTransfer
+   */
+  const kamui: React.DragEventHandler<HTMLDivElement> = async (
+    evt: React.DragEvent<HTMLDivElement>
+  ): Promise<void> => {
+    handleDropUtil(evt);
+
+    if (disabled) return;
+
+    if (isUploading) return;
+
+    if (!disableRipple) makeRipple();
+
+    setIsDragging(false);
+
+    let fileList: FileList = evt.dataTransfer.files;
+
+    let extFileListOutput: ExtFile[] = fileListToExtFileArray(fileList);
+
+    //validate extended files
+    if (validateFilesFlag) {
+      extFileListOutput = outerFuiValidation(extFileListOutput);
+      if (autoClean) {
+        extFileListOutput = extFileListOutput.filter((f) => f.valid);
+      }
+    }
+
+    //init xhr on each ext file
+    if (shouldUpload)
+      extFileListOutput = toUploadableExtFileList(extFileListOutput);
+
+    handleFilesChange(extFileListOutput);
+  };
+
+  /************* HEADER & FOOTER ******** */
+  /**
+   * reset the complete file list
+   */
+  const handleReset = (): void => {
+    if (onChange) {
+      onChange([]);
+    } else {
+      setLocalFiles([]);
+    }
+  };
+  const handleClean = (): void => {
+    if (onClean) {
+      onClean();
+    } else if (onChange) {
+      onChange(localFiles.filter((f) => f.valid));
+    } else {
+      setLocalFiles(localFiles.filter((f) => f.valid));
+    }
+  };
+
+  const finalDropzoneClassNameBorder: string | undefined = !dropzoneClassName
+    ? undefined
+    : (isDragging && dropOnLayer) || disabled
+    ? addClassName(dropzoneClassName, "files-ui-root-border-hide")
+    : dropzoneClassName;
+
+  const finalDropzoneClassNameBorderClickable: string | undefined =
+    !finalDropzoneClassNameBorder
+      ? undefined
+      : clickable && !disabled
+      ? addClassName(finalDropzoneClassNameBorder, "clickable")
+      : finalDropzoneClassNameBorder;
+
+  if (!finalDropzoneClassNameBorderClickable) return <></>;
+
+  return (
+    <React.Fragment>
+      {actionButtonsPosition === "before" && (
+        <DropzoneButtons
+          disabled={disabled}
+          abortButton={isUploading ? abortButton : undefined}
+          onAbort={handleAbortUpload}
+          deleteButton={deleteButton}
+          onDelete={!isUploading ? handleReset : undefined}
+          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
+          onUpload={!autoUpload ? () => uploadfiles(localFiles) : undefined}
+          cleanButton={
+            validateFilesFlag && !isUploading && !autoClean
+              ? cleanButton
+              : undefined
+          }
+          onClean={handleClean}
+          style={containerStyle}
+          className={containerClassName}
+          top={true}
+        />
+      )}
+      <div
+        style={style}
+        className={finalDropzoneClassNameBorderClickable}
+        {...rest}
+        role={clickable && !disabled ? "button" : "region"}
+        tabIndex={clickable && !disabled ? 0 : undefined}
+        aria-label={label || "File upload dropzone"}
+        aria-disabled={disabled || undefined}
+        onClick={handleClick}
+        onKeyDown={clickable && !disabled ? handleKeyDown : undefined}
+        onDragOver={handleDragEnter}
+        onDragLeave={!dropOnLayer ? handleDragLeave : undefined}
+        onDrop={!dropOnLayer ? kamui : undefined}
+      >
+        {!disableRipple && (
+          <div
+            ref={fuiRippleRefAbs}
+            className="filesui-base-ripple-absolute"
+            style={{ borderRadius: style?.borderRadius }}
+          >
+            <div
+              ref={fuiRippleRefRel}
+              className="filesui-base-ripple-relative"
+            ></div>
+          </div>
+        )}
+        <React.Fragment>
+          {header ? (
+            <>
+              {customHeader ? (
+                <>{customHeader}</>
+              ) : (
+                <DropzoneHeader
+                  firstClassName={headerClassName}
+                  color={completeAsureColor(color)}
+                  style={styleHeader}
+                  className={classNameHeader}
+                  resetStyles={resetStylesHeader}
+                  borderRadius={styleBorderRadius}
+                  isUploading={isUploading && uploadingIconHedaer}
+                  onReset={
+                    !isUploading && deleteFilesHeader ? handleReset : undefined
+                  }
+                  maxFileSize={
+                    maxFileSize && maxFileSizeHeader ? maxFileSize : undefined
+                  }
+                  maxFiles={
+                    maxFiles && validFilesCountHeader ? maxFiles : undefined
+                  }
+                  localization={localization}
+                  urlPresent={shouldUpload && uploadFilesHeader}
+                  onUploadStart={
+                    !autoUpload && !uploadButton
+                      ? () => uploadfiles(localFiles)
+                      : undefined
+                  }
+                  numberOfValidFiles={numberOfValidFiles}
+                  //onClean={autoClean ? undefined : cleanButton ? undefined : onClean}
+                  onClean={
+                    !cleanFilesHeader || isUploading || cleanButton || autoClean
+                      ? undefined
+                      : (cleanFiles || onClean) && validateFilesFlag
+                      ? handleClean
+                      : undefined
+                  }
+                />
+              )}
+            </>
+          ) : (
+            <></>
+          )}
+        </React.Fragment>
+
+        <DropzoneChildrenNext
+          label={label}
+          localization={localization}
+          lazyLoad={lazyLoad}
+          lazyLoadBuffer={lazyLoadBuffer}
+        >
+          {children}
+        </DropzoneChildrenNext>
+
+        <React.Fragment>
+          {customFooter ? (
+            <>{customFooter}</>
+          ) : (
+            <>
+              {footer && (
+                <DropzoneFooter
+                  firstClassName={footerClassName}
+                  borderRadius={styleBorderRadius}
+                  accept={accept}
+                  message={isUploading ? localMessage : undefined}
+                  localization={localization}
+                  {...footerConfig}
+                />
+              )}
+            </>
+          )}
+        </React.Fragment>
+
+        {dropOnLayer && (
+          <DropLayer
+            open={isDragging}
+            className={
+              !isDragging
+                ? dropLayerClassName
+                : `${dropLayerClassName} dropzone-layer-drag`
+            }
+            onDragLeave={handleDragLeave}
+            onDrop={kamui}
+            style={{ borderRadius: style?.borderRadius }}
+          />
+        )}
+
+        <InputHidden
+          multiple={maxFiles ? maxFiles > 1 : true}
+          accept={accept || ""}
+          inputRef={inputRef}
+          onChange={handleChangeInput}
+        />
+
+        <DropzoneDisabledLayer
+          open={disabled}
+          className={disabledLayerClassName}
+        />
+      </div>
+
+      {actionButtonsPosition === "after" && (
+        <DropzoneButtons
+          disabled={disabled}
+          abortButton={isUploading ? abortButton : undefined}
+          onAbort={handleAbortUpload}
+          deleteButton={deleteButton}
+          onDelete={!isUploading ? handleReset : undefined}
+          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
+          onUpload={!autoUpload ? () => uploadfiles(localFiles) : undefined}
+          cleanButton={
+            validateFilesFlag && !isUploading && !autoClean
+              ? cleanButton
+              : undefined
+          }
+          onClean={handleClean}
+          style={containerStyle}
+          className={containerClassName}
+          top={false}
+        />
+      )}
+    </React.Fragment>
+  );
+};
+export default Dropzone;
diff --git a/src/Dropzone/components/dropzone/Dropzone.scss b/src/Dropzone/components/dropzone/Dropzone.scss
deleted file mode 100644
index 1dc78eec..00000000
--- a/src/Dropzone/components/dropzone/Dropzone.scss
+++ /dev/null
@@ -1,115 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
-
-.fui-dropzone-root {
-  width: 100%;
-  min-width: 150px;
-  min-height: 180px;
-
-  position: relative;
-
-  // DISPLAY
-  display: flex;
-  //flex-wrap: wrap;
-  flex-direction: column;
-  gap: 0 8px;
-  //justify-content: center;
-  //align-items: center;
-  //padding: 23px 0px;
-
-  /// label
-  //color: #646c7f;
-  text-rendering: optimizeLegibility;
-  font-size: 1.5em;
-  //font-family: inherit;
-  font-family: "Poppins", sans-serif;
-
-  text-align: center;
-  font-weight: 400;
-  letter-spacing: 0.02857em;
-  box-sizing: border-box;
-
-  @media (max-width: 600px) {
-    font-size: 1.3em;
-  }
-  word-break: normal;
-
-  &.clickable {
-    cursor: pointer;
-  }
-
-  //BORDER
-  /*  &.fui-dropzone-border {
-    box-sizing: border-box;
-
-    border: 1px dashed #0c2358;
-    border-radius: 10px;
-    &.fui-hide-border {
-      border: none;
-    }
-  } */
-}
-
-.files-ui-header {
-  min-height: 23px;
-  //-color: brown;
-  //box-sizing: border-box;
-  /*  height: 22px;
-  position: absolute; 
-  top: 0;
-  */
-  cursor: text;
-  display: flex;
-  //width: calc(100% - 10px);
-  width: 100%;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-  //font-family: "Poppins", sans-serif;
-  font-family: inherit;
-  //padding-right: 10px;
-  font-size: 1rem;
-  //background-color: rgba(0, 128, 128, 0.249);
-  @media (max-width: 960px) {
-    //width: calc(100% - 1px);
-    //padding-right: 1px;
-    font-size: 0.8rem;
-  }
-}
-
-.files-ui-footer {
-  /*   border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px; */
-  box-sizing: border-box;
-  cursor: text;
-  /* height: 23px;
-  position: absolute;
-  bottom: 0;
-  left: 0; */
-  // width: calc(100% - 10px);
-  width: 100%;
-  /* display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center; */
-  //border-top: 1px dotted grey;
-  //background-color: rgba(128, 128, 128, 0.129);
-  font-family: inherit;
-  padding-left: 10px;
-  font-size: 1rem;
-  ////3 dots break in 1 lines
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 1; /* number of lines to show */
-  line-clamp: 1;
-  -webkit-box-orient: vertical;
-  text-align: left;
-
-  //background-color: rgba(0, 128, 128, 0.249);
-
-  @media (max-width: 960px) {
-    //width: calc(100% - 1px);
-    padding-left: 1px;
-    font-size: 0.9rem;
-  }
-}
diff --git a/src/Dropzone/components/dropzone/Dropzone.tsx b/src/Dropzone/components/dropzone/Dropzone.tsx
index b33f638f..2fa798b3 100644
--- a/src/Dropzone/components/dropzone/Dropzone.tsx
+++ b/src/Dropzone/components/dropzone/Dropzone.tsx
@@ -1,1042 +1,3 @@
-import * as React from "react";
-import {
-  DropzoneLocalizerSelector,
-  ExtFile,
-  fileListToExtFileArray,
-  LocalLabels,
-  validateExtFileList,
-  FileValidatorProps,
-  isValidateActive,
-  //handleClickInput,
-  //handleDragUtil,
-  //createFuiRippleFromDiv,
-  //handleDropUtil,
-  UploadConfig,
-  ExtFileInstance,
-  FunctionLabel,
-  ExtFileManager,
-  sleepPreparing,
-  //UploadResponse,
-  instantPreparingToUploadOne,
-  fakeFuiUpload,
-  sleepTransition,
-  toUploadableExtFileList,
-  cleanInput,
-  isUploadAbleExtFile,
-  sanitizeArrExtFile,
-  unexpectedErrorUploadResult,
-  getRandomInt,
-  addClassName,
-  Localization,
-  completeAsureColor,
-  FileIdGenerator,
-} from "@files-ui/core";
-import { mergeProps } from "../../../overridable";
-import InputHidden from "../../../InputHidden/InputHidden";
-import {
-  ActionButtons,
-  defaultDrozoneProps,
-  // DEFAULT_BORDER_RADIUS,
-  //ActionButton,
-  //DropzoneActions,
-  DropzoneProps,
-  FooterConfig,
-  HeaderConfig,
-} from "./DropzoneProps";
-import DropzoneChildrenNext from "../DropzoneChildren/DropzoneChildrenNext";
-import DropzoneDisabledLayer from "../DropzoneDisabledLayer/DropzoneDisabledLayer";
-
-import "./Dropzone.scss";
-import "./DropzoneRipple.scss";
-
-import DropzoneHeader from "../DropzoneHeader/DropzoneHeader";
-import DropzoneFooter from "../DropzoneFooter/DropzoneFooter";
-import DropzoneButtons from "../DropzoneButtons/DropzoneButtons";
-import {
-  createFuiRippleFromDiv,
-  handleClickInput,
-  handleDragUtil,
-  handleDropUtil,
-} from "../../../utils";
-import { FilesUiContext } from "../../../FilesUiProvider/FilesUiContext";
-import DropLayer from "../../../DropLayer/components/DropLayer";
-import {
-  useDropzoneFileListUpdater,
-  useDropLayerClassName,
-  useDropzoneClassName,
-} from "../../../hooks";
-import { isThereValidUrl } from "../../../utils/url.utils";
-import { uploadExtFilesWithStrategy, uploadSingleExtFileWithStrategy } from "../../../utils/uploadStrategy";
-
-//import { print_manager } from "../../../../../utils";
-
-/**
- *
- * Demos:
- *
- * - [Dropzone](https://www.files-ui.com/components/dropzone)
- *
- * API:
- *
- * - [Dropzone API](https://www.files-ui.com/api/dropzone/)
- */
-const Dropzone: React.FC<DropzoneProps> = (props: DropzoneProps) => {
-  const {
-    //basic
-    onChange,
-    value = [],
-    //validation
-    accept,
-    maxFileSize,
-    maxFiles,
-    validator,
-    cleanFiles,
-    onClean,
-    autoClean,
-    //uploading
-    uploadConfig,
-    withCredentials,
-    fakeUpload,
-    groupUpload,
-    maxConcurrentUploads,
-    onUploadStart,
-    onUploadFinish,
-    //styling
-    background,
-    color,
-    minHeight,
-    style,
-    //textColor,
-    className,
-    //label
-    label,
-    //localization
-    localization: locProps,
-    //ripple
-    disableRipple,
-    //drag operations
-    onDragEnter,
-    onDragLeave,
-    //action butotns
-    actionButtons,
-    //drop layer
-    dropOnLayer,
-    //header and footer
-    header,
-    footer,
-    headerConfig = {},
-    footerConfig = {},
-    //disabled
-    disabled,
-    //open file dialog
-    clickable,
-    //add or replace
-    behaviour,
-    lazyLoad,
-    lazyLoadBuffer,
-    //content
-    children,
-    //advancedConfig,
-    ...rest
-  } = mergeProps(props, defaultDrozoneProps);
-
-  //context
-  const {
-    // darkMode: darkModeContext,
-    //icons,
-    localization: locContext,
-  } = React.useContext(FilesUiContext);
-  const localization: Localization | undefined =
-    locProps !== undefined ? locProps : locContext;
-
-  const {
-    url,
-    method,
-    headers,
-    uploadLabel,
-    cleanOnUpload = true,
-    preparingTime = 1500,
-    autoUpload = false,
-    urlFromExtFile,
-    asBlob = false,
-    chunked = false,
-    chunkSize,
-  } = uploadConfig as UploadConfig & {
-    chunked?: boolean;
-    chunkSize?: number;
-  };
-
-  const {
-    position: actionButtonsPosition,
-    abortButton,
-    deleteButton,
-    uploadButton,
-    cleanButton,
-    style: containerStyle,
-    className: containerClassName,
-  } = actionButtons as ActionButtons;
-
-  const styleBorderRadius: string | number | undefined = style?.borderRadius;
-
-  const {
-    cleanFiles: cleanFilesHeader = true,
-    deleteFiles: deleteFilesHeader = true,
-    maxFileSize: maxFileSizeHeader = true,
-    uploadFiles: uploadFilesHeader = true,
-    uploadingIcon: uploadingIconHedaer = true,
-    validFilesCount: validFilesCountHeader = true,
-    customHeader,
-    className: classNameHeader,
-    resetStyles: resetStylesHeader = false,
-    style: styleHeader,
-  }: HeaderConfig = headerConfig;
-
-  const {
-    customFooter,
-    noMissingFilesLabel = true,
-    uploadProgressMessage = true,
-    uploadResultMessage = true,
-  }: FooterConfig = footerConfig;
-  //console.log("Dropzone props", dropOnLayer);
-  //localizers
-  const DropzoneLocalizer: LocalLabels =
-    DropzoneLocalizerSelector(localization);
-
-  //ref to handle ripple
-  const fuiRippleRefAbs = React.useRef<HTMLDivElement>(null);
-  const fuiRippleRefRel = React.useRef<HTMLDivElement>(null);
-  //ref to the hidden input tag
-  const inputRef = React.useRef<HTMLInputElement>(null);
-  //state for drag operation
-  const [isDragging, setIsDragging] = React.useState<boolean>(false);
-  //state for checking upload start
-  const [isUploading, setIsUploading] = React.useState<boolean>(false);
-  //state for message on footer
-  const [localMessage, setLocalMessage] = React.useState<string>("");
-  //Id for uploding through FuiFileManager
-  //const dropzoneId: string | number = useDropzoneFileListID();
-  // const dropzoneId: string | number = React.useId();
-  const dropzoneId: string = React.useMemo(
-    () => FileIdGenerator.getNextId() + "",
-    []
-  );
-  //React.useId();
-  //Flag that determines whether to validate or not
-  const validateFilesFlag: boolean = isValidateActive(
-    accept,
-    maxFileSize,
-    maxFiles,
-    validator
-  );
-  //state for managing the number of valid files
-  //state for managing the files locally
-  const [localFiles, numberOfValidFiles, setLocalFiles]: [
-    ExtFile[],
-    number,
-    React.Dispatch<React.SetStateAction<ExtFile[]>>
-  ] = useDropzoneFileListUpdater(
-    dropzoneId,
-    value || [],
-    isUploading,
-    maxFileSize,
-    accept,
-    maxFiles,
-    validator,
-    localization,
-    validateFilesFlag
-  );
-  /**
-   * Flag that determines if component should perform upload given url
-   */
-  const shouldUpload: boolean = isThereValidUrl(
-    url,
-    urlFromExtFile,
-    localFiles
-  );
-  /**
-   * Uploads each file in the array of ExtFiles
-   * First, sets all the files in preparing status and awaits `preparingTime` miliseconds.
-   * If `preparingTime` is not given or its value is false or 0, there won´t be a preparing phase.
-   *        This is only for the first file, the rest of files will have preparing time until the file before was uploaded
-   *        The first file will jump from undef to "uploading"
-   * Then onChange event will be called to update the files outside.
-   *
-   * If `onCancel` event ocurrs outside on any on the
-   * FileItems(e.g. by clicking the cancel button on `FileItem`),
-   * the extFileInstance will change its status from 'preparing' to undefined. If so,
-   * after the waiting time the value of status will be found as undefined and
-   * won´t perfom the upload for that file or any other that fits that condition.
-   * Then, for each file sets the file in 'uploading' status.
-   * Then onChange event will be called to update the files outside.
-   * Then uploads the file with the `xhr` instance.
-   * After that, that file recieves the new uploadStatus that can be
-   *  'success', 'error' or 'aborted'
-   * and onChange event will be called to update the files outside.
-   * @param localFiles the list of extFiles to upload
-   * @returns nothing
-   */
-  const uploadfiles = async (localFiles: ExtFile[]): Promise<void> => {
-    //set uploading flag to true
-    setIsUploading(true);
-
-    //avoid to call upload if not allowed
-    // flag is already true or there isnt files
-    //url was not provided
-
-    if (isUploading || localFiles.length === 0 || !shouldUpload) {
-      setIsUploading(false);
-      return;
-    }
-    if (localFiles.length === 0) {
-      setLocalMessage(DropzoneLocalizer.noFilesMessage as string);
-      setTimeout(() => {
-        setIsUploading(false);
-      }, 1500);
-
-      return;
-    }
-    // initialize a new list of ExtFileInstances
-    let arrOfExtFilesInstances: ExtFileInstance[] = [];
-
-    const totalNumber: number = localFiles.length;
-
-    const missingUpload: number = localFiles.filter((extFile: ExtFile) =>
-      isUploadAbleExtFile(extFile, validateFilesFlag)
-    ).length;
-
-    let totalRejected: number = 0;
-    let currentCountUpload: number = 0;
-
-    const uploadingMessenger: FunctionLabel =
-      DropzoneLocalizer.uploadingMessage as FunctionLabel;
-
-    //no missing to upload
-    if (!(missingUpload > 0)) {
-      setTimeout(() => {
-        if (noMissingFilesLabel)
-          setLocalMessage(DropzoneLocalizer.noFilesMessage as string);
-
-        setIsUploading(false);
-      }, 1500);
-
-      return;
-    }
-
-    if (uploadProgressMessage)
-      setLocalMessage(uploadingMessenger(`${missingUpload}/${totalNumber}`));
-    //  setIsUploading(true);
-    //PREPARING stage
-
-    onUploadStart?.(localFiles);
-
-    arrOfExtFilesInstances =
-      ExtFileManager.setFileListMapPreparing(
-        dropzoneId,
-        localFiles,
-        validateFilesFlag as boolean,
-        cleanOnUpload as boolean
-      ) || [];
-
-    const newExtFileLocal: ExtFile[] = [...arrOfExtFilesInstances].map((x) =>
-      x.toExtFile()
-    );
-
-    //CHANGE (o alejo el isUploading o lo alejo para que tenga m,as tiempo antes de la respuyesta)
-    // setIsUploading(true);
-    handleFilesChange(newExtFileLocal, true);
-
-    //AWAIT when preparing time is given
-    //general sleep for all files
-    await sleepPreparing(preparingTime);
-
-    //return;
-    let serverResponses: Array<ExtFile> = [];
-
-    if (groupUpload) {
-      const unifiedUpload = (
-        method: string,
-        url: string,
-        arrOfFiles: ExtFile[]
-      ): Promise<{ success: boolean; message: string; payload: object }> => {
-        if (typeof method !== 'string' || typeof url !== 'string') {
-          return Promise.reject(new Error("Method or URL is invalid"));
-        }
-
-        arrOfExtFilesInstances.forEach((el) => (el.uploadStatus = "uploading"));
-        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-        const formData = new FormData();
-        for (let i = 0; i < arrOfFiles.length; i++) {
-          const file = arrOfFiles[i].file;
-          if (file instanceof File) {
-            formData.append("files", file);
-          }
-        }
-        return new Promise((resolve, reject) => {
-          let xhr = new XMLHttpRequest();
-          xhr.withCredentials = withCredentials ?? false;
-          xhr.upload.onprogress = (e) => {
-            arrOfExtFilesInstances.forEach((el) => {
-              el.progress = (e.loaded / e.total) * 100;
-            });
-            handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-          };
-          xhr.responseType = "json";
-          xhr.onload = () => {
-            if (xhr.status >= 200 && xhr.status < 300) {
-              console.log(xhr.response);
-              console.log(typeof xhr.response);
-              resolve(xhr.response);
-            } else {
-              reject(xhr.response);
-            }
-          };
-          xhr.onerror = (err) => {
-            reject(err);
-          };
-          xhr.open(method, url);
-          xhr.send(formData);
-        });
-      };
-      try {
-        if (!url) {
-          throw new Error("Upload URL is not defined");
-        }
-        let respo: { success: boolean; message: string; payload: object } =
-          await unifiedUpload("POST", url, arrOfExtFilesInstances);
-        arrOfExtFilesInstances.forEach((el) => (el.uploadStatus = "success"));
-        arrOfExtFilesInstances.forEach(
-          (el) => (el.uploadMessage = respo.message)
-        );
-      } catch (err: unknown) {
-        arrOfExtFilesInstances.forEach((el) => (el.uploadStatus = "error"));
-        arrOfExtFilesInstances.forEach(
-          (el) => (el.uploadMessage = err instanceof Error ? err.message : 'Unknown error occurred')
-        );
-        console.log(err);
-      }
-      handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-    } else {
-      const uploadCandidates: ExtFileInstance[] = arrOfExtFilesInstances.filter(
-        (instance: ExtFileInstance) =>
-          instance.uploadStatus === "preparing" && !instance.extraData?.deleted
-      );
-
-      if (!fakeUpload && (maxConcurrentUploads || 1) > 1 && uploadCandidates.length > 0) {
-        uploadCandidates.forEach((instance) => {
-          instantPreparingToUploadOne(instance);
-        });
-        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-
-        const uploadResults = await uploadExtFilesWithStrategy(
-          uploadCandidates.map((instance) => instance.toExtFile()),
-          {
-            url,
-            urlFromExtFile,
-            method,
-            headers,
-            uploadLabel,
-            asBlob,
-            chunked,
-            chunkSize,
-            maxConcurrentUploads,
-          },
-          (completedCount: number, totalCount: number, latestResult: ExtFile) => {
-            if (uploadProgressMessage) {
-              setLocalMessage(
-                uploadingMessenger(`${completedCount}/${totalCount}`)
-              );
-            }
-
-            const target = arrOfExtFilesInstances.find(
-              (instance) => instance.id === latestResult.id
-            );
-            if (target) {
-              target.uploadStatus = latestResult.uploadStatus;
-              target.uploadMessage = latestResult.uploadMessage;
-              target.serverResponse = latestResult.serverResponse;
-            }
-
-            handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-          }
-        );
-
-        for (const uploadedFile of uploadResults) {
-          const currentExtFileInstance = arrOfExtFilesInstances.find(
-            (instance) => instance.id === uploadedFile.id
-          );
-          if (currentExtFileInstance) {
-            currentExtFileInstance.uploadStatus = uploadedFile.uploadStatus;
-            currentExtFileInstance.uploadMessage = uploadedFile.uploadMessage;
-            currentExtFileInstance.serverResponse = uploadedFile.serverResponse;
-          }
-
-          if (uploadedFile.uploadStatus === "error") {
-            totalRejected++;
-          }
-          serverResponses.push(uploadedFile);
-        }
-      } else {
-      //Uplad files one by one
-      for (let i = 0; i < arrOfExtFilesInstances.length; i++) {
-        const currentExtFileInstance: ExtFileInstance =
-          arrOfExtFilesInstances[i];
-
-        if (
-          currentExtFileInstance.uploadStatus === "preparing" &&
-          !currentExtFileInstance.extraData?.deleted
-        ) {
-          //set stage to "uploading" in one file and notify change
-          // PREPARING => UPLOADING
-          await sleepTransition();
-
-          instantPreparingToUploadOne(currentExtFileInstance);
-
-          //messge in footer
-          if (uploadProgressMessage)
-            setLocalMessage(
-              uploadingMessenger(`${++currentCountUpload}/${missingUpload}`)
-            );
-
-          //CHANGE FILES
-          handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-
-          //UPLOADING => UPLOAD()
-          //upload one file and notify about change
-          let uploadResponse: ExtFile;
-
-          if (fakeUpload) {
-            uploadResponse = await fakeFuiUpload(
-              currentExtFileInstance,
-              DropzoneLocalizer
-            );
-
-            let fakeProgress = 0;
-            while (fakeProgress < 100) {
-              fakeProgress += getRandomInt(21, 35);
-              currentExtFileInstance.progress =
-                fakeProgress > 100 ? 100 : fakeProgress;
-              await sleepTransition(1000);
-              handleFilesChange(
-                sanitizeArrExtFile(arrOfExtFilesInstances),
-                true
-              );
-            }
-          } else {
-            try {
-              uploadResponse = await uploadSingleExtFileWithStrategy(
-                currentExtFileInstance,
-                {
-                  url,
-                  urlFromExtFile,
-                  method,
-                  headers,
-                  uploadLabel,
-                  asBlob,
-                  chunked,
-                  chunkSize,
-                }
-              );
-            } catch (error) {
-              uploadResponse = unexpectedErrorUploadResult(
-                currentExtFileInstance.toExtFile()
-              );
-            }
-          }
-
-          const uploadedFile = uploadResponse;
-
-          //update instances
-          currentExtFileInstance.uploadStatus = uploadedFile.uploadStatus;
-          currentExtFileInstance.uploadMessage = uploadedFile.uploadMessage;
-
-          //CHANGE
-          if (!(currentExtFileInstance.uploadStatus === "aborted"))
-            await sleepTransition();
-
-          handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-
-          if (uploadedFile.uploadStatus === "error") {
-            totalRejected++;
-          }
-
-          serverResponses.push(uploadResponse);
-        } else {
-          handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-        }
-      }
-      }
-    }
-    setLocalFiles(sanitizeArrExtFile(arrOfExtFilesInstances));
-
-    // upload group finished :D
-    onUploadFinish?.(serverResponses);
-
-    const finishUploadMessenger: FunctionLabel =
-      DropzoneLocalizer.uploadFinished as FunctionLabel;
-    if (uploadResultMessage)
-      setLocalMessage(
-        finishUploadMessenger(missingUpload - totalRejected, totalRejected)
-      );
-    setTimeout(() => {
-      setIsUploading(false);
-    }, 2000);
-  };
-
-  const handleAbortUpload = () => {
-    const listExtFileLocal: ExtFileInstance[] | undefined =
-      ExtFileManager.getExtFileInstanceList(dropzoneId);
-
-    if (!listExtFileLocal) return;
-    listExtFileLocal.forEach((extFileInstance: ExtFileInstance) => {
-      if (
-        extFileInstance.uploadStatus === "uploading" ||
-        extFileInstance.uploadStatus === "preparing"
-      ) {
-        if (extFileInstance.xhr !== null && extFileInstance.xhr !== undefined)
-          extFileInstance.xhr.abort();
-        extFileInstance.uploadStatus = "aborted";
-        extFileInstance.uploadMessage = "Upload was aborted by user";
-      }
-    });
-  };
-
-  //the final className
-  const [
-    dropzoneClassName,
-    headerClassName,
-    footerClassName,
-    disabledLayerClassName,
-  ]: [
-    string | undefined,
-    string | undefined,
-    string | undefined,
-    string | undefined
-  ] = useDropzoneClassName(
-    dropzoneId,
-    className,
-    //isDragging && Boolean(dropOnLayer),
-    // header,
-    // footer,
-    color,
-    //style?.borderRadius || borderRadius,
-    background,
-    minHeight
-  );
-
-  const dropLayerClassName: string = useDropLayerClassName(
-    dropzoneId,
-    color as string,
-    // isDragging,
-    !onDragEnter && !onDragLeave
-  );
-
-  React.useEffect(() => {
-    const localValidator: FileValidatorProps = { maxFileSize, accept };
-
-    const validatedFuiFileList: ExtFile[] = validateExtFileList(
-      localFiles,
-      maxFiles ? maxFiles - numberOfValidFiles : Infinity,
-      localValidator,
-      validator,
-      maxFiles,
-      localization
-    );
-
-    setLocalFiles(validatedFuiFileList);
-    // eslint-disable-next-line
-  }, [maxFileSize, accept, maxFiles, localization]);
-
-  /**
-   * Performs the changes in the extFile list.
-   * Makes a new array of extFile according to the "behaviour" prop.
-   * If isUploading state is not true and the behaviour props is equal to "add",
-   * the incoming extFileList is added at the end of the current list of extFile.
-   * Otherwise, the complete extFile list is replaced by the incomming extFile list
-   * @param extFileList the new fileList
-   * @param isUploading a flag that dscribes whther the uploading process is active or not
-   */
-  const handleFilesChange = (
-    extFileList: ExtFile[],
-    isUploading?: boolean
-  ): void => {
-    let finalExtFileList: ExtFile[] =
-      behaviour === "add" && !isUploading
-        ? [...localFiles, ...extFileList]
-        : [...extFileList];
-    if (onChange) {
-      onChange(finalExtFileList);
-    } else {
-      setLocalFiles(finalExtFileList);
-    }
-    if (autoUpload && !isUploading) {
-      uploadfiles(finalExtFileList);
-    }
-  };
-
-  /**
-   * Performs the action of recieving the files when user selects the files
-   * by clicking the InputButton
-   * @param evt event handler for getting files from input element target
-   */
-  const handleChangeInput: React.ChangeEventHandler<HTMLInputElement> = (
-    evt: React.ChangeEvent<HTMLInputElement>
-  ): void => {
-    //if (isUploading) return;
-    let fileList: FileList = evt.target.files as FileList;
-    let extFileListOutput: ExtFile[] = fileListToExtFileArray(fileList);
-    //validate ext files
-    if (validateFilesFlag) {
-      extFileListOutput = outerFuiValidation(extFileListOutput);
-      if (autoClean) {
-        extFileListOutput = extFileListOutput.filter((f) => f.valid);
-      }
-    }
-    //init xhr on each ext file
-    if (shouldUpload)
-      extFileListOutput = toUploadableExtFileList(extFileListOutput);
-
-    // Clean input element to trigger onChange event on input
-    cleanInput(inputRef.current);
-
-    handleFilesChange(extFileListOutput);
-  };
-
-  /**
-   * Performs the validation process for each FuiFile
-   * outside the DropzoneNeo component file declaration
-   * according to the criteria given by maxFiles and maxFileSize and accept props
-   * This function calls validateFuiFileList and sets the valid prop of FuiFile to "true" or "false"
-   * depending on the result of the individual validation.
-   * It also add the list of errors.
-   * @param fuiFileListToValidate the fuiFileList to validate
-   * @returns a list of validated FuiFile list
-   */
-  const outerFuiValidation = (fuiFileListToValidate: ExtFile[]): ExtFile[] => {
-    const localValidator: FileValidatorProps = { maxFileSize, accept };
-
-    let finalNumberOfValids: number = numberOfValidFiles;
-    if (behaviour === "replace") {
-      //re-start number of valids
-      finalNumberOfValids = 0;
-    }
-
-    const validatedFuiFileList: ExtFile[] = validateExtFileList(
-      fuiFileListToValidate,
-      maxFiles ? maxFiles - finalNumberOfValids : Infinity,
-      localValidator,
-      validator,
-      maxFiles,
-      localization
-    );
-
-    return validatedFuiFileList;
-  };
-
-  // HANDLERS for CLICK, DRAG NAD DROP
-  function handleClick(): void {
-    //handleClickUtil(evt);
-    if (!clickable || disabled || isUploading) return;
-    makeRipple();
-    handleClickInput(inputRef.current);
-  }
-  /**
-   * Handles keyboard interaction for accessibility.
-   * Enter or Space triggers the same action as click.
-   */
-  const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLDivElement>>(
-    (evt: React.KeyboardEvent<HTMLDivElement>) => {
-      if (evt.key === "Enter" || evt.key === " ") {
-        evt.preventDefault();
-        handleClick();
-      }
-    },
-    // eslint-disable-next-line
-    [clickable, disabled, isUploading]
-  );
-  const handleDragEnter: React.DragEventHandler<HTMLDivElement> = (
-    evt: React.DragEvent<HTMLDivElement>
-  ) => {
-    handleDragUtil(evt);
-    if (disabled) return;
-
-    setIsDragging(true);
-    /* setTimeout(() => {
-      setIsDragging((_isDragging) => {
-        //if (_isDragging) {
-          return false;
-        //}
-        //return true;
-      });
-    }, 2000); */
-    //console.log("handleDragEnter");
-  };
-  const handleDragLeave: React.DragEventHandler<HTMLDivElement> = (
-    evt: React.DragEvent<HTMLDivElement>
-  ) => {
-    if (disabled) return;
-    handleDragUtil(evt);
-    setIsDragging(false);
-  };
-  // RIPPLE
-  /**
-   * Creates a ripple in the middle of the main container
-   */
-  const makeRipple = (): void => {
-    createFuiRippleFromDiv(
-      fuiRippleRefAbs.current,
-      fuiRippleRefRel.current,
-      color as string
-    );
-  };
-
-  // KAMUI => RECIEIVE FILES FROM DROP OR INPUT( CLICK ), VALIDATE AND CHANGE
-
-  /**
-   * Performs the action of recieving the files when user drops the files
-   * in the Dropzone container.
-   * According to the given config from props, this function could
-   * validate files and also start the uploading phase
-   * @param evt even handler for getting files from dataTransfer
-   */
-  const kamui: React.DragEventHandler<HTMLDivElement> = async (
-    evt: React.DragEvent<HTMLDivElement>
-  ): Promise<void> => {
-    handleDropUtil(evt);
-
-    if (disabled) return;
-
-    if (isUploading) return;
-
-    if (!disableRipple) makeRipple();
-
-    setIsDragging(false);
-
-    let fileList: FileList = evt.dataTransfer.files;
-
-    let extFileListOutput: ExtFile[] = fileListToExtFileArray(fileList);
-
-    //validate extended files
-    if (validateFilesFlag) {
-      extFileListOutput = outerFuiValidation(extFileListOutput);
-      if (autoClean) {
-        extFileListOutput = extFileListOutput.filter((f) => f.valid);
-      }
-    }
-
-    //init xhr on each ext file
-    if (shouldUpload)
-      extFileListOutput = toUploadableExtFileList(extFileListOutput);
-
-    handleFilesChange(extFileListOutput);
-  };
-
-  /************* HEADER & FOOTER ******** */
-  /**
-   * reset the complete file list
-   */
-  const handleReset = (): void => {
-    if (onChange) {
-      onChange([]);
-    } else {
-      setLocalFiles([]);
-    }
-  };
-  const handleClean = (): void => {
-    if (onClean) {
-      onClean();
-    } else if (onChange) {
-      onChange(localFiles.filter((f) => f.valid));
-    } else {
-      setLocalFiles(localFiles.filter((f) => f.valid));
-    }
-  };
-
-  const finalDropzoneClassNameBorder: string | undefined = !dropzoneClassName
-    ? undefined
-    : (isDragging && dropOnLayer) || disabled
-    ? addClassName(dropzoneClassName, "files-ui-root-border-hide")
-    : dropzoneClassName;
-
-  const finalDropzoneClassNameBorderClickable: string | undefined =
-    !finalDropzoneClassNameBorder
-      ? undefined
-      : clickable && !disabled
-      ? addClassName(finalDropzoneClassNameBorder, "clickable")
-      : finalDropzoneClassNameBorder;
-
-  if (!finalDropzoneClassNameBorderClickable) return <></>;
-
-  return (
-    <React.Fragment>
-      {actionButtonsPosition === "before" && (
-        <DropzoneButtons
-          disabled={disabled}
-          abortButton={isUploading ? abortButton : undefined}
-          onAbort={handleAbortUpload}
-          deleteButton={deleteButton}
-          onDelete={!isUploading ? handleReset : undefined}
-          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
-          onUpload={!autoUpload ? () => uploadfiles(localFiles) : undefined}
-          cleanButton={
-            validateFilesFlag && !isUploading && !autoClean
-              ? cleanButton
-              : undefined
-          }
-          onClean={handleClean}
-          style={containerStyle}
-          className={containerClassName}
-          top={true}
-        />
-      )}
-      <div
-        style={style}
-        className={finalDropzoneClassNameBorderClickable}
-        {...rest}
-        role={clickable && !disabled ? "button" : "region"}
-        tabIndex={clickable && !disabled ? 0 : undefined}
-        aria-label={label || "File upload dropzone"}
-        aria-disabled={disabled || undefined}
-        onClick={handleClick}
-        onKeyDown={clickable && !disabled ? handleKeyDown : undefined}
-        onDragOver={handleDragEnter}
-        onDragLeave={!dropOnLayer ? handleDragLeave : undefined}
-        onDrop={!dropOnLayer ? kamui : undefined}
-      >
-        {!disableRipple && (
-          <div
-            ref={fuiRippleRefAbs}
-            className="filesui-base-ripple-absolute"
-            style={{ borderRadius: style?.borderRadius }}
-          >
-            <div
-              ref={fuiRippleRefRel}
-              className="filesui-base-ripple-relative"
-            ></div>
-          </div>
-        )}
-        <React.Fragment>
-          {header ? (
-            <>
-              {customHeader ? (
-                <>{customHeader}</>
-              ) : (
-                <DropzoneHeader
-                  firstClassName={headerClassName}
-                  color={completeAsureColor(color)}
-                  style={styleHeader}
-                  className={classNameHeader}
-                  resetStyles={resetStylesHeader}
-                  borderRadius={styleBorderRadius}
-                  isUploading={isUploading && uploadingIconHedaer}
-                  onReset={
-                    !isUploading && deleteFilesHeader ? handleReset : undefined
-                  }
-                  maxFileSize={
-                    maxFileSize && maxFileSizeHeader ? maxFileSize : undefined
-                  }
-                  maxFiles={
-                    maxFiles && validFilesCountHeader ? maxFiles : undefined
-                  }
-                  localization={localization}
-                  urlPresent={shouldUpload && uploadFilesHeader}
-                  onUploadStart={
-                    !autoUpload && !uploadButton
-                      ? () => uploadfiles(localFiles)
-                      : undefined
-                  }
-                  numberOfValidFiles={numberOfValidFiles}
-                  //onClean={autoClean ? undefined : cleanButton ? undefined : onClean}
-                  onClean={
-                    !cleanFilesHeader || isUploading || cleanButton || autoClean
-                      ? undefined
-                      : (cleanFiles || onClean) && validateFilesFlag
-                      ? handleClean
-                      : undefined
-                  }
-                />
-              )}
-            </>
-          ) : (
-            <></>
-          )}
-        </React.Fragment>
-
-        <DropzoneChildrenNext
-          label={label}
-          localization={localization}
-          lazyLoad={lazyLoad}
-          lazyLoadBuffer={lazyLoadBuffer}
-        >
-          {children}
-        </DropzoneChildrenNext>
-
-        <React.Fragment>
-          {customFooter ? (
-            <>{customFooter}</>
-          ) : (
-            <>
-              {footer && (
-                <DropzoneFooter
-                  firstClassName={footerClassName}
-                  borderRadius={styleBorderRadius}
-                  accept={accept}
-                  message={isUploading ? localMessage : undefined}
-                  localization={localization}
-                  {...footerConfig}
-                />
-              )}
-            </>
-          )}
-        </React.Fragment>
-
-        {dropOnLayer && (
-          <DropLayer
-            open={isDragging}
-            className={
-              !isDragging
-                ? dropLayerClassName
-                : `${dropLayerClassName} dropzone-layer-drag`
-            }
-            onDragLeave={handleDragLeave}
-            onDrop={kamui}
-            style={{ borderRadius: style?.borderRadius }}
-          />
-        )}
-
-        <InputHidden
-          multiple={maxFiles ? maxFiles > 1 : true}
-          accept={accept || ""}
-          inputRef={inputRef}
-          onChange={handleChangeInput}
-        />
-
-        <DropzoneDisabledLayer
-          open={disabled}
-          className={disabledLayerClassName}
-        />
-      </div>
-
-      {actionButtonsPosition === "after" && (
-        <DropzoneButtons
-          disabled={disabled}
-          abortButton={isUploading ? abortButton : undefined}
-          onAbort={handleAbortUpload}
-          deleteButton={deleteButton}
-          onDelete={!isUploading ? handleReset : undefined}
-          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
-          onUpload={!autoUpload ? () => uploadfiles(localFiles) : undefined}
-          cleanButton={
-            validateFilesFlag && !isUploading && !autoClean
-              ? cleanButton
-              : undefined
-          }
-          onClean={handleClean}
-          style={containerStyle}
-          className={containerClassName}
-          top={false}
-        />
-      )}
-    </React.Fragment>
-  );
-};
-export default Dropzone;
+export { default } from "./DropzoneContainer";
+export { DropzoneContainer as Dropzone } from "./DropzoneContainer";
+export { DropzoneContainer } from "./DropzoneContainer";
diff --git a/src/Dropzone/components/dropzone/DropzoneClient.tsx b/src/Dropzone/components/dropzone/DropzoneClient.tsx
new file mode 100644
index 00000000..60426a4b
--- /dev/null
+++ b/src/Dropzone/components/dropzone/DropzoneClient.tsx
@@ -0,0 +1,535 @@
+import * as React from "react";
+import {
+  DropzoneLocalizerSelector,
+  ExtFile,
+  LocalLabels,
+  addClassName,
+  Localization,
+  completeAsureColor,
+  cleanInput,
+} from "@files-ui/core";
+import { mergeProps } from "../../../overridable";
+import InputHidden from "../../../InputHidden/InputHidden";
+import {
+  ActionButtons,
+  defaultDrozoneProps,
+  DropzoneProps,
+  FooterConfig,
+  HeaderConfig,
+} from "./DropzoneProps";
+import DropzoneChildrenNext from "../DropzoneChildren/DropzoneChildrenNext";
+import DropzoneDisabledLayer from "../DropzoneDisabledLayer/DropzoneDisabledLayer";
+
+import "./Dropzone.css";
+import "./DropzoneRipple.css";
+
+import DropzoneHeader from "../DropzoneHeader/DropzoneHeader";
+import DropzoneFooter from "../DropzoneFooter/DropzoneFooter";
+import DropzoneButtons from "../DropzoneButtons/DropzoneButtons";
+import {
+  createFuiRippleFromDiv,
+  handleClickInput,
+  handleDragUtil,
+  handleDropUtil,
+} from "../../../utils";
+import { FilesUiContext } from "../../../FilesUiProvider/FilesUiContext";
+import DropLayer from "../../../DropLayer/components/DropLayer";
+import {
+  useDropLayerClassName,
+  useDropzoneClassName,
+} from "../../../hooks";
+import { useFilesUI } from "../../../hooks/useFilesUI";
+
+/**
+ * Dropzone component - refactored to use useFilesUI hook
+ * 
+ * Demos:
+ * - [Dropzone](https://www.files-ui.com/components/dropzone)
+ * 
+ * API:
+ * - [Dropzone API](https://www.files-ui.com/api/dropzone/)
+ */
+const DropzoneClient: React.FC<DropzoneProps> = (props: DropzoneProps) => {
+  const {
+    //basic
+    onChange,
+    value = [],
+    //validation
+    accept,
+    maxFileSize,
+    maxFiles,
+    validator,
+    cleanFiles,
+    onClean,
+    autoClean,
+    //uploading
+    uploadConfig,
+    action,  // Server Actions support (NEW in v2.0.0)
+    onUploadStart,
+    onUploadFinish,
+    //styling
+    background,
+    color,
+    minHeight,
+    style,
+    className,
+    //label
+    label,
+    //localization
+    localization: locProps,
+    //ripple
+    disableRipple,
+    //drag operations
+    onDragEnter: customOnDragEnter,
+    onDragLeave: customOnDragLeave,
+    //action buttons
+    actionButtons,
+    //drop layer
+    dropOnLayer,
+    //header and footer
+    header,
+    footer,
+    headerConfig = {},
+    footerConfig = {},
+    //disabled
+    disabled,
+    //open file dialog
+    clickable,
+    //add or replace
+    behaviour,
+    lazyLoad,
+    lazyLoadBuffer,
+    //content
+    children,
+    // Destructure these to prevent passing to DOM
+    maxConcurrentUploads: _maxConcurrentUploads,
+    withCredentials: _withCredentials,
+    ...rest
+  } = mergeProps(props, defaultDrozoneProps);
+
+  //context
+  const context = React.useContext(FilesUiContext);
+  const locContext = context?.localization;
+  const localization: Localization | undefined =
+    locProps !== undefined ? locProps : locContext;
+
+  const {
+    url,
+    method,
+    headers,
+    uploadLabel,
+    cleanOnUpload = true,
+    autoUpload = false,
+    urlFromExtFile,
+    asBlob = false,
+  } = uploadConfig || {};
+  
+  // Extended upload config (not in UploadConfig type yet)
+  const chunked = (uploadConfig as any)?.chunked ?? false;
+  const chunkSize = (uploadConfig as any)?.chunkSize;
+  const maxConcurrentUploads = (uploadConfig as any)?.maxConcurrentUploads;
+
+  const {
+    position: actionButtonsPosition,
+    abortButton,
+    deleteButton,
+    uploadButton,
+    cleanButton,
+    style: containerStyle,
+    className: containerClassName,
+  } = actionButtons as ActionButtons;
+
+  const styleBorderRadius: string | number | undefined = style?.borderRadius;
+
+  const {
+    cleanFiles: cleanFilesHeader = true,
+    deleteFiles: deleteFilesHeader = true,
+    maxFileSize: maxFileSizeHeader = true,
+    uploadFiles: uploadFilesHeader = true,
+    uploadingIcon: uploadingIconHeader = true,
+    validFilesCount: validFilesCountHeader = true,
+    customHeader,
+    className: classNameHeader,
+    resetStyles: resetStylesHeader = false,
+    style: styleHeader,
+  }: HeaderConfig = headerConfig;
+
+  const {
+    customFooter,
+    noMissingFilesLabel = true,
+    uploadProgressMessage = true,
+    uploadResultMessage = true,
+  }: FooterConfig = footerConfig;
+
+  //localizers
+  const DropzoneLocalizer: LocalLabels =
+    DropzoneLocalizerSelector(localization);
+
+  //ref to handle ripple
+  const fuiRippleRefAbs = React.useRef<HTMLDivElement>(null);
+  const fuiRippleRefRel = React.useRef<HTMLDivElement>(null);
+  //ref to the hidden input tag
+  const inputRef = React.useRef<HTMLInputElement>(null);
+
+  // Use the headless useFilesUI hook
+  const {
+    files: localFiles,
+    numberOfValidFiles,
+    isUploading,
+    isDragging,
+    addFiles,
+    removeFile,
+    clearFiles,
+    cleanFiles: cleanInvalidFiles,
+    uploadFiles,
+    abortUpload,
+    getDragHandlers,
+    getInputProps,
+    dropzoneId,
+  } = useFilesUI({
+    accept,
+    maxFileSize,
+    maxFiles,
+    validator,
+    url,
+    urlFromExtFile,
+    method,
+    headers,
+    uploadLabel,
+    asBlob,
+    chunked,
+    chunkSize,
+    maxConcurrentUploads,
+    behaviour,
+    autoClean,
+    cleanOnUpload,
+    localization,
+    action,  // Server Actions support (NEW in v2.0.0)
+    onChange,
+    onUploadStart,
+    onUploadFinish,
+    onClean: onClean ? (files) => onClean() : undefined,
+    value,
+    dropzoneId: undefined, // Let useFilesUI generate one
+  });
+
+  //state for message on footer
+  const [localMessage, setLocalMessage] = React.useState<string>("");
+
+  // Auto-upload when files are added
+  React.useEffect(() => {
+    if (autoUpload && localFiles.length > 0 && !isUploading) {
+      const hasUploadableFiles = localFiles.some(
+        (f) => f.valid !== false && !f.uploadStatus
+      );
+      if (hasUploadableFiles) {
+        uploadFiles();
+      }
+    }
+  }, [autoUpload, localFiles, isUploading, uploadFiles]);
+
+  //the final className
+  const [
+    dropzoneClassName,
+    headerClassName,
+    footerClassName,
+    disabledLayerClassName,
+  ]: [
+    string | undefined,
+    string | undefined,
+    string | undefined,
+    string | undefined
+  ] = useDropzoneClassName(
+    String(dropzoneId),
+    className,
+    color,
+    background,
+    minHeight
+  );
+
+  const dropLayerClassName: string = useDropLayerClassName(
+    String(dropzoneId),
+    color as string,
+    !customOnDragEnter && !customOnDragLeave
+  );
+
+  // Get drag handlers from useFilesUI
+  const {
+    onDragEnter: headlessDragEnter,
+    onDragLeave: headlessDragLeave,
+    onDragOver: headlessDragOver,
+    onDrop: headlessDrop,
+  } = getDragHandlers();
+
+  // Wrap drag handlers with custom logic
+  const handleDragEnter: React.DragEventHandler<HTMLDivElement> = (evt) => {
+    handleDragUtil(evt);
+    if (disabled) return;
+    headlessDragEnter(evt);
+    customOnDragEnter?.(evt);
+  };
+
+  const handleDragLeave: React.DragEventHandler<HTMLDivElement> = (evt) => {
+    if (disabled) return;
+    handleDragUtil(evt);
+    headlessDragLeave(evt);
+    customOnDragLeave?.(evt);
+  };
+
+  const handleDrop: React.DragEventHandler<HTMLDivElement> = async (evt) => {
+    handleDropUtil(evt);
+    if (disabled || isUploading) return;
+    if (!disableRipple) makeRipple();
+    headlessDrop(evt);
+  };
+
+  // HANDLERS for CLICK
+  function handleClick(): void {
+    if (!clickable || disabled || isUploading) return;
+    makeRipple();
+    handleClickInput(inputRef.current);
+  }
+
+  const handleKeyDown = React.useCallback<
+    React.KeyboardEventHandler<HTMLDivElement>
+  >(
+    (evt: React.KeyboardEvent<HTMLDivElement>) => {
+      if (evt.key === "Enter" || evt.key === " ") {
+        evt.preventDefault();
+        handleClick();
+      }
+    },
+    [clickable, disabled, isUploading]
+  );
+
+  // Get input props from useFilesUI
+  const inputProps = getInputProps();
+
+  const handleChangeInput: React.ChangeEventHandler<HTMLInputElement> = (
+    evt: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    inputProps.onChange(evt);
+    // Clean input element to trigger onChange event on input
+    cleanInput(inputRef.current);
+  };
+
+  // RIPPLE
+  const makeRipple = (): void => {
+    createFuiRippleFromDiv(
+      fuiRippleRefAbs.current,
+      fuiRippleRefRel.current,
+      color as string
+    );
+  };
+
+  /************* HEADER & FOOTER ******** */
+  const handleReset = (): void => {
+    clearFiles();
+  };
+
+  const handleClean = (): void => {
+    if (onClean) {
+      onClean();
+    } else {
+      cleanInvalidFiles();
+    }
+  };
+
+  const finalDropzoneClassNameBorder: string | undefined = !dropzoneClassName
+    ? undefined
+    : (isDragging && dropOnLayer) || disabled
+    ? addClassName(dropzoneClassName, "files-ui-root-border-hide")
+    : dropzoneClassName;
+
+  const finalDropzoneClassNameBorderClickable: string | undefined =
+    !finalDropzoneClassNameBorder
+      ? undefined
+      : clickable && !disabled
+      ? addClassName(finalDropzoneClassNameBorder, "clickable")
+      : finalDropzoneClassNameBorder;
+
+  if (!finalDropzoneClassNameBorderClickable) return <></>;
+
+  // Determine if validation is active
+  const validateFilesFlag = Boolean(
+    accept || maxFileSize || maxFiles || validator
+  );
+
+  // Determine if upload URL is present
+  const shouldUpload = Boolean(url || urlFromExtFile);
+
+  return (
+    <React.Fragment>
+      {actionButtonsPosition === "before" && (
+        <DropzoneButtons
+          disabled={disabled}
+          abortButton={isUploading ? abortButton : undefined}
+          onAbort={abortUpload}
+          deleteButton={deleteButton}
+          onDelete={!isUploading ? handleReset : undefined}
+          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
+          onUpload={!autoUpload ? () => uploadFiles() : undefined}
+          cleanButton={
+            validateFilesFlag && !isUploading && !autoClean
+              ? cleanButton
+              : undefined
+          }
+          onClean={handleClean}
+          style={containerStyle}
+          className={containerClassName}
+          top={true}
+        />
+      )}
+      <div
+        style={style}
+        className={finalDropzoneClassNameBorderClickable}
+        {...rest}
+        role={clickable && !disabled ? "button" : "region"}
+        tabIndex={clickable && !disabled ? 0 : undefined}
+        aria-label={label || "File upload dropzone"}
+        aria-disabled={disabled || undefined}
+        onClick={handleClick}
+        onKeyDown={clickable && !disabled ? handleKeyDown : undefined}
+        onDragOver={headlessDragOver}
+        onDragEnter={handleDragEnter}
+        onDragLeave={!dropOnLayer ? handleDragLeave : undefined}
+        onDrop={!dropOnLayer ? handleDrop : undefined}
+      >
+        {!disableRipple && (
+          <div
+            ref={fuiRippleRefAbs}
+            className="filesui-base-ripple-absolute"
+            style={{ borderRadius: style?.borderRadius }}
+          >
+            <div
+              ref={fuiRippleRefRel}
+              className="filesui-base-ripple-relative"
+            ></div>
+          </div>
+        )}
+        <React.Fragment>
+          {header ? (
+            <>
+              {customHeader ? (
+                <>{customHeader}</>
+              ) : (
+                <DropzoneHeader
+                  firstClassName={headerClassName}
+                  color={completeAsureColor(color)}
+                  style={styleHeader}
+                  className={classNameHeader}
+                  resetStyles={resetStylesHeader}
+                  borderRadius={styleBorderRadius}
+                  isUploading={isUploading && uploadingIconHeader}
+                  onReset={
+                    !isUploading && deleteFilesHeader ? handleReset : undefined
+                  }
+                  maxFileSize={
+                    maxFileSize && maxFileSizeHeader ? maxFileSize : undefined
+                  }
+                  maxFiles={
+                    maxFiles && validFilesCountHeader ? maxFiles : undefined
+                  }
+                  localization={localization}
+                  urlPresent={shouldUpload && uploadFilesHeader}
+                  onUploadStart={
+                    !autoUpload && !uploadButton
+                      ? () => uploadFiles()
+                      : undefined
+                  }
+                  numberOfValidFiles={numberOfValidFiles}
+                  onClean={
+                    !cleanFilesHeader || isUploading || cleanButton || autoClean
+                      ? undefined
+                      : (cleanFiles || onClean) && validateFilesFlag
+                      ? handleClean
+                      : undefined
+                  }
+                />
+              )}
+            </>
+          ) : (
+            <></>
+          )}
+        </React.Fragment>
+
+        <DropzoneChildrenNext
+          label={label}
+          localization={localization}
+          lazyLoad={lazyLoad}
+          lazyLoadBuffer={lazyLoadBuffer}
+        >
+          {children}
+        </DropzoneChildrenNext>
+
+        <React.Fragment>
+          {customFooter ? (
+            <>{customFooter}</>
+          ) : (
+            <>
+              {footer && (
+                <DropzoneFooter
+                  firstClassName={footerClassName}
+                  borderRadius={styleBorderRadius}
+                  accept={accept}
+                  message={isUploading ? localMessage : undefined}
+                  localization={localization}
+                  {...footerConfig}
+                />
+              )}
+            </>
+          )}
+        </React.Fragment>
+
+        {dropOnLayer && (
+          <DropLayer
+            open={isDragging}
+            className={
+              !isDragging
+                ? dropLayerClassName
+                : `${dropLayerClassName} dropzone-layer-drag`
+            }
+            onDragLeave={handleDragLeave}
+            onDrop={handleDrop}
+            style={{ borderRadius: style?.borderRadius }}
+          />
+        )}
+
+        <InputHidden
+          multiple={inputProps.multiple}
+          accept={inputProps.accept || ""}
+          inputRef={inputRef}
+          onChange={handleChangeInput}
+        />
+
+        <DropzoneDisabledLayer
+          open={disabled}
+          className={disabledLayerClassName}
+        />
+      </div>
+
+      {actionButtonsPosition === "after" && (
+        <DropzoneButtons
+          disabled={disabled}
+          abortButton={isUploading ? abortButton : undefined}
+          onAbort={abortUpload}
+          deleteButton={deleteButton}
+          onDelete={!isUploading ? handleReset : undefined}
+          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
+          onUpload={!autoUpload ? () => uploadFiles() : undefined}
+          cleanButton={
+            validateFilesFlag && !isUploading && !autoClean
+              ? cleanButton
+              : undefined
+          }
+          onClean={handleClean}
+          style={containerStyle}
+          className={containerClassName}
+          top={false}
+        />
+      )}
+    </React.Fragment>
+  );
+};
+
+export default DropzoneClient;
diff --git a/src/Dropzone/components/dropzone/DropzoneContainer.tsx b/src/Dropzone/components/dropzone/DropzoneContainer.tsx
new file mode 100644
index 00000000..b7ed3dfb
--- /dev/null
+++ b/src/Dropzone/components/dropzone/DropzoneContainer.tsx
@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { DropzoneProps } from "./DropzoneProps";
+import DropzoneClient from "./DropzoneClient";
+
+const DropzoneContainer: React.FC<DropzoneProps> = (props: DropzoneProps) => {
+  return <DropzoneClient {...props} />;
+};
+
+export { DropzoneContainer };
+export default DropzoneContainer;
diff --git a/src/Dropzone/components/dropzone/DropzoneProps.ts b/src/Dropzone/components/dropzone/DropzoneProps.ts
index 723b807d..58462bff 100644
--- a/src/Dropzone/components/dropzone/DropzoneProps.ts
+++ b/src/Dropzone/components/dropzone/DropzoneProps.ts
@@ -1,4 +1,4 @@
-import { ExtFile, ValidateFileResponse, Localization, UploadConfig } from "@files-ui/core"
+import { ExtFile, ValidateFileResponse, Localization, UploadConfig, ServerAction } from "@files-ui/core"
 
 import * as React from "react";
 import { OverridableComponentProps } from "../../../overridable";
@@ -90,6 +90,26 @@ export interface DropzoneFullProps extends OverridableComponentProps {
   * and uploadOnDrop prop flag will not work.
   */
   uploadConfig?: UploadConfig;
+  
+  /**
+   * Server Action for Next.js App Router.
+   * If provided, takes precedence over `uploadConfig.url`.
+   * 
+   * @example
+   * ```tsx
+   * "use server"
+   * async function uploadAction(formData: FormData) {
+   *   const file = formData.get("file") as File;
+   *   // Process file on server...
+   *   return { success: true, message: "Uploaded successfully" };
+   * }
+   * 
+   * // Client component
+   * <Dropzone action={uploadAction} />
+   * ```
+   */
+  action?: ServerAction;
+  
   /**
    * Maximum number of files to upload concurrently.
    * @default 1
diff --git a/src/Dropzone/components/dropzone/DropzoneRipple.css b/src/Dropzone/components/dropzone/DropzoneRipple.css
new file mode 100644
index 00000000..f039f8d1
--- /dev/null
+++ b/src/Dropzone/components/dropzone/DropzoneRipple.css
@@ -0,0 +1,38 @@
+/* RIPPLE */
+.filesui-base-ripple-absolute {
+  position: absolute;
+  display: none;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.filesui-base-ripple-absolute .filesui-base-ripple-relative {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.filesui-base-ripple-absolute .filesui-base-ripple-relative span.ripple {
+  position: absolute;
+  border-radius: 50%;
+  transform: scale(0);
+  animation: ripple 500ms linear;
+  background-color: rgba(255, 255, 255, 0.7);
+}
+
+@keyframes ripple {
+  to {
+    transform: scale(4);
+    opacity: 0;
+  }
+}
\ No newline at end of file
diff --git a/src/Dropzone/components/dropzone/DropzoneRipple.scss b/src/Dropzone/components/dropzone/DropzoneRipple.scss
deleted file mode 100644
index bf8ff7dc..00000000
--- a/src/Dropzone/components/dropzone/DropzoneRipple.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-// RIPPLE
-.filesui-base-ripple-absolute {
-  position: absolute;
-  display: none;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  box-sizing: border-box;
- border-radius: 8px;
- overflow: hidden;
-  .filesui-base-ripple-relative {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    box-sizing: border-box;
-   //
-    span.ripple {
-      position: absolute;
-      border-radius: 50%;
-      transform: scale(0);
-      animation: ripple 500ms linear;
-      background-color: rgba(255, 255, 255, 0.7);
-    }
-  }
-
-  @keyframes ripple {
-    to {
-      transform: scale(4);
-      opacity: 0;
-    }
-  }
-}
diff --git a/src/FileCard/FileCard.css b/src/FileCard/FileCard.css
new file mode 100644
index 00000000..54585b36
--- /dev/null
+++ b/src/FileCard/FileCard.css
@@ -0,0 +1,344 @@
+.files-ui-file-card-main-container {
+  border-radius: 8px;
+  /* overflow: hidden; */
+  color: rgba(0, 0, 0, 0.858);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  /* margin: 10px; */
+  min-height: 100px;
+  box-sizing: border-box;
+  position: relative;
+  font-size: 15px;
+  font-weight: 400;
+  width: 320px;
+  font-family: var(--files-ui-font-family, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container {
+  border-radius: 8px;
+  overflow: hidden;
+  width: 320px;
+  box-sizing: border-box;
+  height: 100px;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer {
+  /* padding: 5px 0; */
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 5px;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container {
+  /* margin: 0 10px; */
+  width: 100px;
+  height: 100px;
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  /* background-color: aqua; */
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container .file-card-icon-layer {
+  box-sizing: border-box;
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* background-color: blue; */
+  overflow: hidden;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container .file-card-icon-layer img {
+  /* filter: blur(0); */
+  /* margin: auto; */
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container .file-card-icon-layer.blur img {
+  filter: blur(4px);
+  width: 200%;
+  height: 200%;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container .file-card-status-layer {
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-start;
+  padding: 5px;
+  box-sizing: border-box;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-data {
+  padding-right: 10px;
+  box-sizing: border-box;
+  line-height: 19px;
+  font-weight: 500;
+  /* width: 250px; */
+  width: calc(100% - 100px);
+  /* flex-grow: 1; */
+  word-break: break-all;
+  color: black;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  height: 100%;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-data.dark-mode {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-data .file-card-size {
+  font-weight: 400;
+  font-size: 0.9rem;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-data .file-card-name {
+  /* letter-spacing: 0.09em; */
+  font-size: 1rem;
+  /* text-align: center; */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1; /* number of lines to show */
+  line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-data .file-card-name.not-allowed {
+  background-color: rgba(180, 16, 16, 0.7);
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-upload-layer-container {
+  cursor: default;
+  display: flex;
+  box-sizing: border-box;
+  /* background-color: rgba(0, 0, 0, 0.5); */
+  background: linear-gradient(
+    to right,
+    rgba(0, 0, 0, 0.2),
+    rgba(0, 0, 0, 0.35),
+    rgba(0, 0, 0, 0.625),
+    rgba(0, 0, 0, 0.9),
+    rgba(0, 0, 0, 0.9)
+  );
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: 500;
+  font-size: 1em;
+  position: relative;
+  overflow: hidden;
+  align-items: center;
+  justify-content: flex-end;
+  height: 100%;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-info-layer-container {
+  cursor: default;
+  display: flex;
+  box-sizing: border-box;
+  /* background-color: rgba(0, 0, 0, 0.5); */
+  background: linear-gradient(
+    to right,
+    rgba(0, 0, 0, 0.2),
+    rgba(0, 0, 0, 0.3),
+    rgba(0, 0, 0, 0.4),
+    rgba(0, 0, 0, 0.75),
+    rgba(0, 0, 0, 0.9),
+    rgba(0, 0, 0, 0.9),
+    rgba(0, 0, 0, 0.9),
+    rgba(0, 0, 0, 0.9),
+    rgba(0, 0, 0, 0.9),
+    rgba(0, 0, 0, 0.9),
+    rgba(0, 0, 0, 0.9)
+  );
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: 500;
+  font-size: 1em;
+  overflow: hidden;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-info-layer-container .file-card-file-info {
+  width: calc(100% - 100px);
+  height: 100px;
+  text-align: left;
+  scrollbar-width: thin;
+  overflow: auto;
+  scrollbar-color: #646c7fa9 transparent;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-info-layer-container .file-card-file-info::-webkit-scrollbar {
+  width: 9px;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-info-layer-container .file-card-file-info::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-info-layer-container .file-card-file-info::-webkit-scrollbar-thumb {
+  background-color: #646c7fa9;
+  border-radius: 20px;
+  border: transparent;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-info-layer-container .file-card-file-info .files-ui-file-card-info-layer-header {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  /* position: absolute;
+  top: 5;
+  right: 5; */
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-info-layer-container .file-card-file-info .heading {
+  font-weight: 600;
+  padding: 0 5px;
+}
+
+.files-ui-file-card-main-container .files-ui-file-card-main-layer-container .file-card-info-layer-container .file-card-file-info .label {
+  padding: 0 5px;
+  font-weight: 399;
+}
+
+.files-ui-file-card-main-container.clickable {
+  cursor: pointer;
+}
+
+.files-ui-file-card-main-container .files-ui-selection-checkbox {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  z-index: 4;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 14px;
+  background: rgba(255, 255, 255, 0.94);
+  box-shadow:
+    0 1px 2px rgba(16, 24, 40, 0.18),
+    0 1px 1px rgba(16, 24, 40, 0.08);
+}
+
+.files-ui-file-card-main-container .files-ui-selection-checkbox-input {
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  cursor: pointer;
+  accent-color: #1976d2;
+}
+
+.files-ui-file-card-main-container .files-ui-selection-checkbox-input:focus-visible {
+  outline: 2px solid #1976d2;
+  outline-offset: 1px;
+}
+
+/* 
+//// ICONS COMMENTED BLOCK 
+.files-ui-file-icon {
+  font-size: 0.7rem;
+  min-width: 19px;
+  min-height: 19px;
+  margin: 0;
+  padding: 2px 2px;
+  border-radius: 50%;
+  background-color: rgba(32, 33, 36, 0.65);
+  word-break: break-word;
+  box-sizing: content-box;
+}
+.files-ui-file-icon:hover {
+  background-color: rgba(32, 33, 36, 0.85);
+}
+.files-ui-file-icon.dark-mode {
+  background-color: rgba(154, 160, 166, 0.65);
+}
+.files-ui-file-icon.dark-mode:hover {
+  background-color: rgba(154, 160, 166, 0.85);
+}
+*/
+
+/* ===== SIZE VARIANTS ===== */
+
+/* XS variant */
+.files-ui-file-card-main-container.fui-size-xs {
+  width: 220px;
+  min-height: 70px;
+  font-size: 11.25px;
+}
+.files-ui-file-card-main-container.fui-size-xs .files-ui-file-card-main-layer-container {
+  width: 220px;
+  height: 70px;
+}
+.files-ui-file-card-main-container.fui-size-xs .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container {
+  width: 70px;
+  height: 70px;
+}
+.files-ui-file-card-main-container.fui-size-xs .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container .file-card-icon-layer {
+  width: 70px;
+  height: 70px;
+}
+
+/* Small variant */
+.files-ui-file-card-main-container.fui-size-small {
+  width: 270px;
+  min-height: 85px;
+  font-size: 12.75px;
+}
+.files-ui-file-card-main-container.fui-size-small .files-ui-file-card-main-layer-container {
+  width: 270px;
+  height: 85px;
+}
+.files-ui-file-card-main-container.fui-size-small .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container {
+  width: 85px;
+  height: 85px;
+}
+.files-ui-file-card-main-container.fui-size-small .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container .file-card-icon-layer {
+  width: 85px;
+  height: 85px;
+}
+
+/* Large variant */
+.files-ui-file-card-main-container.fui-size-large {
+  width: 420px;
+  min-height: 130px;
+  font-size: 17.25px;
+}
+.files-ui-file-card-main-container.fui-size-large .files-ui-file-card-main-layer-container {
+  width: 420px;
+  height: 130px;
+}
+.files-ui-file-card-main-container.fui-size-large .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container {
+  width: 130px;
+  height: 130px;
+}
+.files-ui-file-card-main-container.fui-size-large .files-ui-file-card-main-layer-container .file-card-main-layer .file-card-icon-plus-data .file-card-icon-container .file-card-icon-layer {
+  width: 130px;
+  height: 130px;
+}
\ No newline at end of file
diff --git a/src/FileCard/FileCard.scss b/src/FileCard/FileCard.scss
deleted file mode 100644
index 6487d5a7..00000000
--- a/src/FileCard/FileCard.scss
+++ /dev/null
@@ -1,274 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
-
-.files-ui-file-card-main-container {
-  border-radius: 8px;
-  //overflow: hidden;
-  color: rgba(0, 0, 0, 0.858);
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  //margin: 10px;
-  min-height: 100px;
-  box-sizing: border-box;
-  position: relative;
-  font-size: 15px;
-  font-weight: 400;
-  width: 320px;
-  font-family: "Poppins", sans-serif;
-
-  .files-ui-file-card-main-layer-container {
-    border-radius: 8px;
-    overflow: hidden;
-    width: 320px;
-    box-sizing: border-box;
-    height: 100px;
-    box-sizing: border-box;
-
-    .file-card-main-layer {
-      //padding: 5px 0;
-      box-sizing: border-box;
-      position: absolute;
-      left: 0;
-      right: 0;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      box-sizing: border-box;
-      align-items: center;
-      justify-content: space-between;
-      .file-card-icon-plus-data {
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-        gap: 5px;
-        .file-card-icon-container {
-          //margin: 0 10px;
-          width: 100px;
-          height: 100px;
-          overflow: hidden;
-          position: relative;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          box-sizing: border-box;
-          // background-color: aqua;
-          .file-card-icon-layer {
-            box-sizing: border-box;
-            position: absolute;
-            width: 100px;
-            height: 100px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            box-sizing: border-box;
-            //background-color: blue;
-
-            overflow: hidden;
-            img {
-              //filter: blur(0);
-              //margin: auto;
-              background-repeat: no-repeat;
-              background-size: cover;
-              background-position: center;
-            }
-            &.blur {
-              img {
-                filter: blur(4px);
-                width: 200%;
-                height: 200%;
-              }
-            }
-          }
-          .file-card-status-layer {
-            display: flex;
-            align-items: flex-end;
-            justify-content: flex-start;
-            padding: 5px;
-            box-sizing: border-box;
-          }
-        }
-        .file-card-data {
-          padding-right: 10px;
-          box-sizing: border-box;
-          line-height: 19px;
-          font-weight: 500;
-          //width: 250px;
-          width: calc(100% - 100px);
-          //flex-grow: 1;
-          word-break: break-all;
-          color: black;
-          display: flex;
-          flex-direction: column;
-          align-items: flex-start;
-          justify-content: center;
-          height: 100%;
-          &.dark-mode {
-            color: rgba(255, 255, 255, 0.7);
-          }
-          .file-card-size {
-            font-weight: 400;
-            font-size: 0.9rem;
-          }
-          .file-card-name {
-            //letter-spacing: 0.09em;
-            font-size: 1rem;
-            //text-align: center;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            -webkit-line-clamp: 1; /* number of lines to show */
-            line-clamp: 1;
-            -webkit-box-orient: vertical;
-            &.not-allowed {
-              background-color: rgba(180, 16, 16, 0.7);
-            }
-          }
-        }
-      }
-    }
-
-    .file-card-upload-layer-container {
-      cursor: default;
-      display: flex;
-      box-sizing: border-box;
-      //background-color: rgba(0, 0, 0, 0.5);
-      background: linear-gradient(
-        to right,
-        rgba(0, 0, 0, 0.2),
-        rgba(0, 0, 0, 0.35),
-        rgba(0, 0, 0, 0.625),
-        rgba(0, 0, 0, 0.9),
-        rgba(0, 0, 0, 0.9)
-      );
-      color: rgba(255, 255, 255, 0.8);
-      font-weight: 500;
-      font-size: 1em;
-      position: relative;
-      overflow: hidden;
-      align-items: center;
-      justify-content: flex-end;
-      height: 100%;
-    }
-    .file-card-info-layer-container {
-      cursor: default;
-
-      display: flex;
-      box-sizing: border-box;
-      //background-color: rgba(0, 0, 0, 0.5);
-      background: linear-gradient(
-        to right,
-        rgba(0, 0, 0, 0.2),
-        rgba(0, 0, 0, 0.3),
-        rgba(0, 0, 0, 0.4),
-        rgba(0, 0, 0, 0.75),
-        rgba(0, 0, 0, 0.9),
-        rgba(0, 0, 0, 0.9),
-        rgba(0, 0, 0, 0.9),
-        rgba(0, 0, 0, 0.9),
-        rgba(0, 0, 0, 0.9),
-        rgba(0, 0, 0, 0.9),
-        rgba(0, 0, 0, 0.9)
-      );
-      color: rgba(255, 255, 255, 0.8);
-      font-weight: 500;
-      font-size: 1em;
-      overflow: hidden;
-      align-items: center;
-      justify-content: flex-end;
-      .file-card-file-info {
-        width: calc(100% - 100px);
-        height: 100px;
-        text-align: left;
-        scrollbar-width: thin;
-        overflow: auto;
-        scrollbar-color: #646c7fa9 transparent;
-        // position: relative;
-
-        &::-webkit-scrollbar {
-          width: 9px;
-        }
-        &::-webkit-scrollbar-track {
-          background: transparent;
-        }
-        &::-webkit-scrollbar-thumb {
-          background-color: #646c7fa9;
-          border-radius: 20px;
-          border: transparent;
-        }
-        .files-ui-file-card-info-layer-header {
-          display: flex;
-          width: 100%;
-          flex-direction: row;
-          align-items: center;
-          justify-content: flex-end;
-          /*  position: absolute;
-          top: 5;
-          right: 5; */
-        }
-        .heading {
-          font-weight: 600;
-          padding: 0 5px;
-        }
-        .label {
-          padding: 0 5px;
-          font-weight: 399;
-        }
-      }
-    }
-  }
-  &.clickable{
-    cursor: pointer;
-  }
-
-  .files-ui-selection-checkbox {
-    position: absolute;
-    top: 8px;
-    left: 8px;
-    z-index: 4;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    border-radius: 14px;
-    background: rgba(255, 255, 255, 0.94);
-    box-shadow:
-      0 1px 2px rgba(16, 24, 40, 0.18),
-      0 1px 1px rgba(16, 24, 40, 0.08);
-  }
-
-  .files-ui-selection-checkbox-input {
-    width: 16px;
-    height: 16px;
-    margin: 0;
-    cursor: pointer;
-    accent-color: #1976d2;
-  }
-
-  .files-ui-selection-checkbox-input:focus-visible {
-    outline: 2px solid #1976d2;
-    outline-offset: 1px;
-  }
-}
-
-//// ICONS
-/* .files-ui-file-icon {
-  font-size: 0.7rem;
-  min-width: 19px;
-  min-height: 19px;
-  margin: 0;
-  padding: 2px 2px;
-  border-radius: 50%;
-  background-color: rgba(32, 33, 36, 0.65);
-  word-break: break-word;
-  box-sizing: content-box;
-  &:hover {
-    background-color: rgba(32, 33, 36, 0.85);
-  }
-  &.dark-mode {
-    background-color: rgba(154, 160, 166, 0.65);
-    &:hover {
-      background-color: rgba(154, 160, 166, 0.85);
-    }
-  }
-} */
\ No newline at end of file
diff --git a/src/FileCard/FileCard.tsx b/src/FileCard/FileCard.tsx
index 3dcba4b1..71286476 100644
--- a/src/FileCard/FileCard.tsx
+++ b/src/FileCard/FileCard.tsx
@@ -1,426 +1,3 @@
-import * as React from "react";
-import { FileCardProps } from "./FileCardProps";
-import "./FileCard.scss";
-import "./../icons/IconStyles.scss";
-import "./components/FileCardPaper.scss";
-import {
-  fileSizeFormater,
-  getLocalFileItemData,
-  Localization,
-  //handleClickUtil,
-  shrinkWord,
-} from "@files-ui/core";
-
-import FileCardRightActions from "./components/FileCardRightActions";
-import FileCardInfoLayer from "./components/FileCardInfoLayer";
-import FileCardUploadLayer from "./components/FileCardUploadLayer";
-import { Tooltip } from "../tooltip";
-import DownloadHidden from "../DownloadHidden/DownloadHidden";
-import { FilesUiContext } from "../FilesUiProvider/FilesUiContext";
-import { FileMosaicStatus } from "../FileMosaic";
-import Layer from "../FileMosaic/components/file-mosaic-layer/Layer";
-import LayerContainer from "../FileMosaic/components/file-mosaic-layer/LayerContainer";
-import FileMosaicImageLayer from "../FileMosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer";
-import {
-  useProgress,
-  useFileMosaicInitializer,
-  useIsUploading,
-} from "../hooks";
-import { handleClickUtil } from "../utils";
-
-const setFinalElevation = (elevation: string | number): number => {
-  //  let finalElevation: number  = "";
-  let finalElevation = Number(elevation);
-
-  if (!isNaN(finalElevation)) {
-    if (finalElevation > 24) {
-      return 24;
-    } else if (finalElevation < 0) {
-      return 0;
-    } else {
-      return finalElevation;
-    }
-  } else {
-    return 0;
-  }
-};
-const makeFileCardClassName = (
-  elevation: FileCardProps["elevation"],
-  darkMode: boolean | undefined,
-  className: string | undefined,
-  clickable?: boolean,
-): string => {
-  //console.log("FileCard makeFileCardClassName", elevation, darkMode, className);
-  let finalClassName: string =
-    "files-ui-file-card-main-container files-ui-tooltip card";
-
-  if (elevation) {
-    finalClassName += " elevation-" + setFinalElevation(elevation);
-  }
-  if (darkMode) {
-    finalClassName += " dark-mode";
-  }
-  if (clickable) finalClassName += " clickable";
-  if (className) {
-    finalClassName += ` ${className}`;
-  }
-  //console.log("FileCard finalClassName", finalClassName);
-
-  return finalClassName;
-};
-
-const FileCard: React.FC<FileCardProps> = (props: FileCardProps) => {
-  const {
-    style,
-    className,
-
-    file,
-    name: propName,
-    size: propSize,
-    type: propType,
-
-    id,
-    valid,
-    errors,
-    uploadStatus,
-    uploadMessage,
-    progress,
-
-    xhr,
-
-    localization: locProps,
-    preview,
-    imageUrl,
-    videoUrl,
-    info,
-    backgroundBlurImage = true,
-    darkMode: darkModeProp,
-
-    alwaysActive = true,
-
-    resultOnTooltip = true,
-
-    downloadUrl,
-
-    onDelete,
-    onCancel,
-    onAbort,
-
-    onDownload,
-    onSee,
-    onWatch,
-
-    onDoubleClick,
-    onClick,
-    onRightClick,
-    selectable = false,
-    selected = false,
-    onSelect,
-
-    elevation = 4,
-    smartImgFit = "orientation",
-    //} = mergeProps(props, FileCardPropsDefault);
-  } = props;
-  //context
-  const {
-    darkMode: darkModeContext,
-    icons,
-    localization: locContext,
-  } = React.useContext(FilesUiContext);
-  const localization: Localization | undefined =
-    locProps !== undefined ? locProps : locContext;
-  const darkMode: boolean | undefined =
-    darkModeProp !== undefined ? darkModeProp : darkModeContext;
-
-  //ref for anchor element
-  const downloadRef = React.useRef<HTMLAnchorElement | null>(null);
-
-  //className created
-  const finalClassName: string = makeFileCardClassName(
-    elevation,
-    darkMode,
-    className,
-    onClick !== undefined,
-  );
-
-  // local properties from file
-  const [localName, localType, localSize]: [
-    string,
-    string | undefined,
-    number | undefined,
-  ] = getLocalFileItemData(file, propName, propType, propSize);
-
-  // handle progress
-  const localProgress: number | undefined = useProgress(progress, xhr);
-
-  //Initialize File Item
-  const [isReady, isImage, isVideo, url, imageSource, videoSource]: [
-    boolean,
-    boolean,
-    boolean,
-    string,
-    string | undefined,
-    File | string | undefined,
-  ] = useFileMosaicInitializer(
-    file,
-    propName,
-    propType,
-    valid,
-    preview as boolean,
-    imageUrl,
-    videoUrl,
-    icons,
-  );
-  const effectiveDownloadUrl: string | undefined = videoUrl || downloadUrl;
-  //The size formatted and rounded in 2 decimals
-  const sizeFormatted: string | undefined = fileSizeFormater(localSize);
-
-  //alwaysActive
-  const [showInfo, setShowInfo] = React.useState<boolean>(false);
-
-  /********* ALWAYS ACTIVE LOGIC  ***************/
-  //state for actionOnHover
-  const [hovering, setHovering] = React.useState<boolean>(false);
-  const handleOnHoverEnter: React.MouseEventHandler<HTMLDivElement> = () => {
-    if (alwaysActive) return;
-    setHovering(true);
-  };
-  const handleOnHoverLeave: React.MouseEventHandler<HTMLDivElement> = () => {
-    if (alwaysActive) return;
-    setHovering(false);
-  };
-
-  /***************** HANDLERS **********/
-  //delete file item
-  const handleDelete = (): void => onDelete?.(id);
-
-  //open info layer
-  const handleOpenInfo = (): void => setShowInfo(true);
-
-  //close info layer
-  const handleCloseInfo = (): void => setShowInfo(false);
-
-  const isUploading: boolean = useIsUploading(uploadStatus);
-
-  React.useEffect(() => {
-    ////console.log("Change isUploading", isUploading);
-    if (isUploading && showInfo) handleCloseInfo();
-
-    // eslint-disable-next-line
-  }, [isUploading]);
-
-  /*************** Click ***************/
-  /**
-   * TO-DO: Add functionallity on click event
-   * @param e event object
-   */
-  function handleClick<T extends HTMLDivElement>(
-    e: React.MouseEvent<T, MouseEvent>,
-  ): void {
-    //avoid children to trigger onClick ripple from parent
-    e.stopPropagation();
-    onClick?.(e);
-  }
-  const handleDoubleClick: React.MouseEventHandler<HTMLDivElement> = (
-    evt: React.MouseEvent,
-  ): void => {
-    //alert("double click on file");
-    evt.preventDefault();
-    onDoubleClick?.(evt);
-  };
-  function handleRightClick(evt: React.MouseEvent) {
-    // alert("right click!!!!");
-    //get coordinates
-    //zindex
-    //create menu component
-    // evt.preventDefault();
-    onRightClick?.(evt);
-  }
-
-  // DOWNLOAD FILE
-  /**
-   * onDownload, form 1
-   * Trigger dowload directly performing a click on anchor element
-   */
-  const innerDownload = () => {
-    const anchorElement = downloadRef.current;
-    if (anchorElement) {
-      anchorElement.click();
-    }
-  };
-  /**
-   * onDownlad, form 2
-   * Handle the download triggering an outside event
-   */
-  const handleDownload = () => {
-    if (onDownload) {
-      onDownload?.(id, effectiveDownloadUrl);
-    } else if (typeof effectiveDownloadUrl == "string") {
-      innerDownload();
-    }
-  };
-
-  const handleAbort = () => {
-    xhr?.abort();
-    onAbort?.(id);
-  };
-
-  const handleSelectionChange: React.ChangeEventHandler<HTMLInputElement> = (
-    evt: React.ChangeEvent<HTMLInputElement>,
-  ): void => {
-    evt.stopPropagation();
-    onSelect?.(id, evt.target.checked);
-  };
-
-  const handleSelectionInputClick: React.MouseEventHandler<HTMLInputElement> = (
-    evt: React.MouseEvent<HTMLInputElement>,
-  ): void => {
-    evt.stopPropagation();
-  };
-
-  if (isReady) {
-    return (
-      <div
-        className={finalClassName}
-        style={style}
-        role="listitem"
-        tabIndex={0}
-        aria-label={`File: ${localName}${sizeFormatted ? `, ${sizeFormatted}` : ""}${uploadStatus ? `, status: ${uploadStatus}` : ""}`}
-        onClick={handleClick}
-        onMouseEnter={handleOnHoverEnter}
-        onMouseLeave={handleOnHoverLeave}
-        onDoubleClick={handleDoubleClick}
-        onContextMenu={handleRightClick}
-      >
-        {selectable && (
-          <div className="files-ui-selection-checkbox">
-            <input
-              className="files-ui-selection-checkbox-input"
-              type="checkbox"
-              checked={Boolean(selected)}
-              onClick={handleSelectionInputClick}
-              onChange={handleSelectionChange}
-              aria-label={`Select file ${localName}`}
-            />
-          </div>
-        )}
-        <LayerContainer className="files-ui-file-card-main-layer-container">
-          <Layer className="file-card-main-layer" visible={true}>
-            <div className="file-card-icon-plus-data">
-              {/** ICON + STATUS */}
-              <div className="file-card-icon-container">
-                <LayerContainer className="file-card-icon-layer">
-                  {/** IMAGE LAYER BLUR */}
-                  <Layer
-                    className="file-card-icon-layer blur"
-                    visible={backgroundBlurImage}
-                  >
-                    <FileMosaicImageLayer
-                      imageSource={imageSource}
-                      fileName={localName}
-                      url={url}
-                      isBlur={true}
-                      smartImgFit={false}
-                    />
-                  </Layer>
-                  {/** IMAGE LAYER NO BLUR */}
-                  <Layer className="file-card-icon-layer" visible={true}>
-                    <FileMosaicImageLayer
-                      imageSource={imageSource}
-                      url={url}
-                      fileName={localName}
-                      isBlur={false}
-                      smartImgFit={smartImgFit}
-                    />
-                  </Layer>
-                  <Layer className="file-card-status-layer" visible={true}>
-                    <FileMosaicStatus
-                      valid={valid}
-                      uploadStatus={uploadStatus}
-                      localization={localization}
-                    />
-                  </Layer>
-                </LayerContainer>
-              </div>
-              {/**  DATA  */}
-              <div
-                className={
-                  darkMode ? "file-card-data dark-mode" : "file-card-data"
-                }
-              >
-                <div className={"file-card-name"}>{localName}</div>
-                <div className={"file-card-size"}>{sizeFormatted}</div>
-                <div className={"file-card-size"}>{shrinkWord(localType)}</div>
-              </div>
-            </div>
-          </Layer>
-
-          {/** INFO LAYER */}
-          <Layer
-            className="file-card-info-layer-container"
-            visible={showInfo}
-            onClick={handleClickUtil}
-          >
-            <FileCardInfoLayer
-              onCloseInfo={handleCloseInfo}
-              valid={valid}
-              localization={localization}
-              localName={localName}
-              sizeFormatted={sizeFormatted}
-              localType={localType}
-            />
-          </Layer>
-
-          {/** UPLOAD LAYER */}
-          <Layer
-            className="file-card-upload-layer-container"
-            visible={isUploading}
-            onClick={handleClickUtil}
-          >
-            <div className="files-ui-file-card-upload-layer">
-              <FileCardUploadLayer
-                uploadStatus={uploadStatus}
-                progress={localProgress}
-                onCancel={onCancel ? () => onCancel?.(id) : undefined}
-                onAbort={onAbort ? handleAbort : undefined}
-                localization={localization}
-              />
-            </div>
-          </Layer>
-        </LayerContainer>
-        <FileCardRightActions
-          deleteIcon={onDelete !== undefined}
-          onDelete={handleDelete}
-          darkMode={darkMode}
-          imageIcon={isImage && onSee !== undefined}
-          onSee={() => onSee?.(imageSource)}
-          videoIcon={isVideo && onWatch !== undefined}
-          onWatch={() => onWatch?.(videoSource)}
-          downloadIcon={
-            onDownload !== undefined || effectiveDownloadUrl !== undefined
-          }
-          onDownload={handleDownload}
-          infoIcon={info !== undefined}
-          onOpenInfo={handleOpenInfo}
-          isActive={alwaysActive || hovering}
-          visible={!isUploading && !showInfo}
-        />
-        <Tooltip
-          open={resultOnTooltip}
-          uploadStatus={uploadStatus}
-          valid={valid}
-          errors={errors}
-          uploadMessage={uploadMessage}
-        />
-        <DownloadHidden
-          fileName={localName}
-          anchorRef={downloadRef}
-          downloadUrl={downloadUrl}
-          videoUrl={videoUrl}
-        />
-      </div>
-    );
-  }
-  return <></>;
-};
-export default FileCard;
+export { default } from "./FileCardContainer";
+export { FileCardContainer as FileCard } from "./FileCardContainer";
+export { FileCardContainer } from "./FileCardContainer";
diff --git a/src/FileCard/FileCardClient.tsx b/src/FileCard/FileCardClient.tsx
new file mode 100644
index 00000000..a8a7cee7
--- /dev/null
+++ b/src/FileCard/FileCardClient.tsx
@@ -0,0 +1,439 @@
+import * as React from "react";
+import { FileCardProps } from "./FileCardProps";
+import "./FileCard.css";
+import "./../icons/IconStyles.css";
+import "./components/FileCardPaper.css";
+import {
+  fileSizeFormater,
+  getLocalFileItemData,
+  Localization,
+  //handleClickUtil,
+  shrinkWord,
+} from "@files-ui/core";
+
+import FileCardRightActions from "./components/FileCardRightActions";
+import FileCardInfoLayer from "./components/FileCardInfoLayer";
+import FileCardUploadLayer from "./components/FileCardUploadLayer";
+import { Tooltip } from "../tooltip";
+import DownloadHidden from "../DownloadHidden/DownloadHidden";
+import { FilesUiContext } from "../FilesUiProvider/FilesUiContext";
+import { FileMosaicStatus } from "../FileMosaic";
+import Layer from "../FileMosaic/components/file-mosaic-layer/Layer";
+import LayerContainer from "../FileMosaic/components/file-mosaic-layer/LayerContainer";
+import FileMosaicImageLayer from "../FileMosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer";
+import {
+  useProgress,
+  useFileMosaicInitializer,
+  useIsUploading,
+} from "../hooks";
+import { handleClickUtil } from "../utils";
+
+const setFinalElevation = (elevation: string | number): number => {
+  //  let finalElevation: number  = "";
+  let finalElevation = Number(elevation);
+
+  if (!isNaN(finalElevation)) {
+    if (finalElevation > 24) {
+      return 24;
+    } else if (finalElevation < 0) {
+      return 0;
+    } else {
+      return finalElevation;
+    }
+  } else {
+    return 0;
+  }
+};
+const makeFileCardClassName = (
+  elevation: FileCardProps["elevation"],
+  darkMode: boolean | undefined,
+  className: string | undefined,
+  clickable?: boolean,
+): string => {
+  //console.log("FileCard makeFileCardClassName", elevation, darkMode, className);
+  let finalClassName: string =
+    "files-ui-file-card-main-container files-ui-tooltip card";
+
+  if (elevation) {
+    finalClassName += " elevation-" + setFinalElevation(elevation);
+  }
+  if (darkMode) {
+    finalClassName += " dark-mode";
+  }
+  if (clickable) finalClassName += " clickable";
+  if (className) {
+    finalClassName += ` ${className}`;
+  }
+  //console.log("FileCard finalClassName", finalClassName);
+
+  return finalClassName;
+};
+
+const FileCardClient: React.FC<FileCardProps> = (props: FileCardProps) => {
+  const {
+    style,
+    className,
+
+    file,
+    name: propName,
+    size: propSize,
+    type: propType,
+
+    id,
+    valid,
+    errors,
+    uploadStatus,
+    uploadMessage,
+    progress,
+
+    xhr,
+
+    localization: locProps,
+    preview,
+    imageUrl,
+    videoUrl,
+    info,
+    backgroundBlurImage = true,
+    darkMode: darkModeProp,
+
+    alwaysActive = true,
+
+    resultOnTooltip = true,
+
+    downloadUrl,
+
+    onDelete,
+    onCancel,
+    onAbort,
+
+    onDownload,
+    onSee,
+    onWatch,
+
+    onDoubleClick,
+    onClick,
+    onRightClick,
+    selectable = false,
+    selected = false,
+    onSelect,
+
+    elevation = 4,
+    smartImgFit = "orientation",
+    variant = "medium",
+    //} = mergeProps(props, FileCardPropsDefault);
+  } = props;
+  //context
+  const {
+    darkMode: darkModeContext,
+    icons,
+    localization: locContext,
+  } = React.useContext(FilesUiContext);
+  const localization: Localization | undefined =
+    locProps !== undefined ? locProps : locContext;
+  const darkMode: boolean | undefined =
+    darkModeProp !== undefined ? darkModeProp : darkModeContext;
+
+  //ref for anchor element
+  const downloadRef = React.useRef<HTMLAnchorElement | null>(null);
+
+  const sizeClass: string | undefined = variant !== "medium" ? `fui-size-${variant}` : undefined;
+  const iconSizeByVariant: Record<"xs" | "small" | "medium" | "large", number> = {
+    xs: 0.7,
+    small: 0.85,
+    medium: 1,
+    large: 1.3,
+  };
+  const iconSizeMultiplier: number = iconSizeByVariant[variant];
+  const classNameWithSize: string | undefined =
+    sizeClass && className ? `${sizeClass} ${className}` : sizeClass || className;
+
+  //className created
+  const finalClassName: string = makeFileCardClassName(
+    elevation,
+    darkMode,
+    classNameWithSize,
+    onClick !== undefined,
+  );
+
+  // local properties from file
+  const [localName, localType, localSize]: [
+    string,
+    string | undefined,
+    number | undefined,
+  ] = getLocalFileItemData(file, propName, propType, propSize);
+
+  // handle progress
+  const localProgress: number | undefined = useProgress(progress, xhr);
+
+  //Initialize File Item
+  const [isReady, isImage, isVideo, url, imageSource, videoSource]: [
+    boolean,
+    boolean,
+    boolean,
+    string,
+    string | undefined,
+    File | string | undefined,
+  ] = useFileMosaicInitializer(
+    file,
+    propName,
+    propType,
+    valid,
+    preview as boolean,
+    imageUrl,
+    videoUrl,
+    icons,
+  );
+  const effectiveDownloadUrl: string | undefined = videoUrl || downloadUrl;
+  //The size formatted and rounded in 2 decimals
+  const sizeFormatted: string | undefined = fileSizeFormater(localSize);
+
+  //alwaysActive
+  const [showInfo, setShowInfo] = React.useState<boolean>(false);
+
+  /********* ALWAYS ACTIVE LOGIC  ***************/
+  //state for actionOnHover
+  const [hovering, setHovering] = React.useState<boolean>(false);
+  const handleOnHoverEnter: React.MouseEventHandler<HTMLDivElement> = () => {
+    if (alwaysActive) return;
+    setHovering(true);
+  };
+  const handleOnHoverLeave: React.MouseEventHandler<HTMLDivElement> = () => {
+    if (alwaysActive) return;
+    setHovering(false);
+  };
+
+  /***************** HANDLERS **********/
+  //delete file item
+  const handleDelete = (): void => onDelete?.(id);
+
+  //open info layer
+  const handleOpenInfo = (): void => setShowInfo(true);
+
+  //close info layer
+  const handleCloseInfo = (): void => setShowInfo(false);
+
+  const isUploading: boolean = useIsUploading(uploadStatus);
+
+  React.useEffect(() => {
+    ////console.log("Change isUploading", isUploading);
+    if (isUploading && showInfo) handleCloseInfo();
+
+    // eslint-disable-next-line
+  }, [isUploading]);
+
+  /*************** Click ***************/
+  /**
+   * TO-DO: Add functionallity on click event
+   * @param e event object
+   */
+  function handleClick<T extends HTMLDivElement>(
+    e: React.MouseEvent<T, MouseEvent>,
+  ): void {
+    //avoid children to trigger onClick ripple from parent
+    e.stopPropagation();
+    onClick?.(e);
+  }
+  const handleDoubleClick: React.MouseEventHandler<HTMLDivElement> = (
+    evt: React.MouseEvent,
+  ): void => {
+    //alert("double click on file");
+    evt.preventDefault();
+    onDoubleClick?.(evt);
+  };
+  function handleRightClick(evt: React.MouseEvent) {
+    // alert("right click!!!!");
+    //get coordinates
+    //zindex
+    //create menu component
+    // evt.preventDefault();
+    onRightClick?.(evt);
+  }
+
+  // DOWNLOAD FILE
+  /**
+   * onDownload, form 1
+   * Trigger dowload directly performing a click on anchor element
+   */
+  const innerDownload = () => {
+    const anchorElement = downloadRef.current;
+    if (anchorElement) {
+      anchorElement.click();
+    }
+  };
+  /**
+   * onDownlad, form 2
+   * Handle the download triggering an outside event
+   */
+  const handleDownload = () => {
+    if (onDownload) {
+      onDownload?.(id, effectiveDownloadUrl);
+    } else if (typeof effectiveDownloadUrl == "string") {
+      innerDownload();
+    }
+  };
+
+  const handleAbort = () => {
+    xhr?.abort();
+    onAbort?.(id);
+  };
+
+  const handleSelectionChange: React.ChangeEventHandler<HTMLInputElement> = (
+    evt: React.ChangeEvent<HTMLInputElement>,
+  ): void => {
+    evt.stopPropagation();
+    onSelect?.(id, evt.target.checked);
+  };
+
+  const handleSelectionInputClick: React.MouseEventHandler<HTMLInputElement> = (
+    evt: React.MouseEvent<HTMLInputElement>,
+  ): void => {
+    evt.stopPropagation();
+  };
+
+  if (isReady) {
+    return (
+      <div
+        className={finalClassName}
+        style={style}
+        role="listitem"
+        tabIndex={0}
+        aria-label={`File: ${localName}${sizeFormatted ? `, ${sizeFormatted}` : ""}${uploadStatus ? `, status: ${uploadStatus}` : ""}`}
+        onClick={handleClick}
+        onMouseEnter={handleOnHoverEnter}
+        onMouseLeave={handleOnHoverLeave}
+        onDoubleClick={handleDoubleClick}
+        onContextMenu={handleRightClick}
+      >
+        {selectable && (
+          <div className="files-ui-selection-checkbox">
+            <input
+              className="files-ui-selection-checkbox-input"
+              type="checkbox"
+              checked={Boolean(selected)}
+              onClick={handleSelectionInputClick}
+              onChange={handleSelectionChange}
+              aria-label={`Select file ${localName}`}
+            />
+          </div>
+        )}
+        <LayerContainer className="files-ui-file-card-main-layer-container">
+          <Layer className="file-card-main-layer" visible={true}>
+            <div className="file-card-icon-plus-data">
+              {/** ICON + STATUS */}
+              <div className="file-card-icon-container">
+                <LayerContainer className="file-card-icon-layer">
+                  {/** IMAGE LAYER BLUR */}
+                  <Layer
+                    className="file-card-icon-layer blur"
+                    visible={backgroundBlurImage}
+                  >
+                    <FileMosaicImageLayer
+                      imageSource={imageSource}
+                      fileName={localName}
+                      url={url}
+                      isBlur={true}
+                      smartImgFit={false}
+                    />
+                  </Layer>
+                  {/** IMAGE LAYER NO BLUR */}
+                  <Layer className="file-card-icon-layer" visible={true}>
+                    <FileMosaicImageLayer
+                      imageSource={imageSource}
+                      url={url}
+                      fileName={localName}
+                      isBlur={false}
+                      smartImgFit={smartImgFit}
+                    />
+                  </Layer>
+                  <Layer className="file-card-status-layer" visible={true}>
+                    <FileMosaicStatus
+                      valid={valid}
+                      uploadStatus={uploadStatus}
+                      localization={localization}
+                    />
+                  </Layer>
+                </LayerContainer>
+              </div>
+              {/**  DATA  */}
+              <div
+                className={
+                  darkMode ? "file-card-data dark-mode" : "file-card-data"
+                }
+              >
+                <div className={"file-card-name"}>{localName}</div>
+                <div className={"file-card-size"}>{sizeFormatted}</div>
+                <div className={"file-card-size"}>{shrinkWord(localType)}</div>
+              </div>
+            </div>
+          </Layer>
+
+          {/** INFO LAYER */}
+          <Layer
+            className="file-card-info-layer-container"
+            visible={showInfo}
+            onClick={handleClickUtil}
+          >
+            <FileCardInfoLayer
+              onCloseInfo={handleCloseInfo}
+              valid={valid}
+              localization={localization}
+              localName={localName}
+              sizeFormatted={sizeFormatted}
+              localType={localType}
+            />
+          </Layer>
+
+          {/** UPLOAD LAYER */}
+          <Layer
+            className="file-card-upload-layer-container"
+            visible={isUploading}
+            onClick={handleClickUtil}
+          >
+            <div className="files-ui-file-card-upload-layer">
+              <FileCardUploadLayer
+                uploadStatus={uploadStatus}
+                progress={localProgress}
+                onCancel={onCancel ? () => onCancel?.(id) : undefined}
+                onAbort={onAbort ? handleAbort : undefined}
+                localization={localization}
+              />
+            </div>
+          </Layer>
+        </LayerContainer>
+        <FileCardRightActions
+          deleteIcon={onDelete !== undefined}
+          onDelete={handleDelete}
+          darkMode={darkMode}
+          imageIcon={isImage && onSee !== undefined}
+          onSee={() => onSee?.(imageSource)}
+          videoIcon={isVideo && onWatch !== undefined}
+          onWatch={() => onWatch?.(videoSource)}
+          downloadIcon={
+            onDownload !== undefined || effectiveDownloadUrl !== undefined
+          }
+          onDownload={handleDownload}
+          infoIcon={info !== undefined}
+          onOpenInfo={handleOpenInfo}
+          sizeMultiplier={iconSizeMultiplier}
+          isActive={alwaysActive || hovering}
+          visible={!isUploading && !showInfo}
+        />
+        <Tooltip
+          open={resultOnTooltip}
+          uploadStatus={uploadStatus}
+          valid={valid}
+          errors={errors}
+          uploadMessage={uploadMessage}
+        />
+        <DownloadHidden
+          fileName={localName}
+          anchorRef={downloadRef}
+          downloadUrl={downloadUrl}
+          videoUrl={videoUrl}
+        />
+      </div>
+    );
+  }
+  return <></>;
+};
+export default FileCardClient;
diff --git a/src/FileCard/FileCardContainer.tsx b/src/FileCard/FileCardContainer.tsx
new file mode 100644
index 00000000..b0fd8378
--- /dev/null
+++ b/src/FileCard/FileCardContainer.tsx
@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { FileCardProps } from "./FileCardProps";
+import FileCardClient from "./FileCardClient";
+
+const FileCardContainer: React.FC<FileCardProps> = (props: FileCardProps) => {
+  return <FileCardClient {...props} />;
+};
+
+export { FileCardContainer };
+export default FileCardContainer;
diff --git a/src/FileCard/components/FileCardPaper.css b/src/FileCard/components/FileCardPaper.css
new file mode 100644
index 00000000..7e717f8f
--- /dev/null
+++ b/src/FileCard/components/FileCardPaper.css
@@ -0,0 +1,204 @@
+.files-ui-file-card-main-container.dark-mode {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: #121212;
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-0 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-1 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-2 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.07));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-3 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-4 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-5 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-6 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.11));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-7 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.11));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-8 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-9 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-10 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.13));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-11 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.13));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-12 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-13 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-14 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-15 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-16 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.15));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-17 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.15));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-18 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.15));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-19 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-20 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-21 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-22 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-23 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
+}
+
+.files-ui-file-card-main-container.dark-mode.elevation-24 {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
+}
+
+.files-ui-file-card-main-container.elevation-0 {
+  box-shadow: none;
+}
+
+.files-ui-file-card-main-container.elevation-1 {
+  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-2 {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-3 {
+  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-4 {
+  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-5 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-6 {
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-7 {
+  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-8 {
+  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-9 {
+  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-10 {
+  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-11 {
+  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-12 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-13 {
+  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-14 {
+  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-15 {
+  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-16 {
+  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-17 {
+  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-18 {
+  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-19 {
+  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-20 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-21 {
+  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-22 {
+  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-23 {
+  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
+}
+
+.files-ui-file-card-main-container.elevation-24 {
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
\ No newline at end of file
diff --git a/src/FileCard/components/FileCardPaper.scss b/src/FileCard/components/FileCardPaper.scss
deleted file mode 100644
index fe74cc62..00000000
--- a/src/FileCard/components/FileCardPaper.scss
+++ /dev/null
@@ -1,270 +0,0 @@
-.files-ui-file-card-main-container {
-  &.dark-mode {
-    color: rgba(255, 255, 255, 0.7);
-    background-color: #121212;
-    &.elevation-0 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0),
-        rgba(255, 255, 255, 0)
-      );
-    }
-    &.elevation-1 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.05),
-        rgba(255, 255, 255, 0.05)
-      );
-    }
-    &.elevation-2 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.07),
-        rgba(255, 255, 255, 0.07)
-      );
-    }
-    &.elevation-3 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.08),
-        rgba(255, 255, 255, 0.08)
-      );
-    }
-    &.elevation-4 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.09),
-        rgba(255, 255, 255, 0.09)
-      );
-    }
-    &.elevation-5 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.1),
-        rgba(255, 255, 255, 0.1)
-      );
-    }
-    &.elevation-6 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.11),
-        rgba(255, 255, 255, 0.11)
-      );
-    }
-    &.elevation-7 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.11),
-        rgba(255, 255, 255, 0.11)
-      );
-    }
-    &.elevation-8 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.12),
-        rgba(255, 255, 255, 0.12)
-      );
-    }
-    &.elevation-9 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.12),
-        rgba(255, 255, 255, 0.12)
-      );
-    }
-    &.elevation-10 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.13),
-        rgba(255, 255, 255, 0.13)
-      );
-    }
-    &.elevation-11 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.13),
-        rgba(255, 255, 255, 0.13)
-      );
-    }
-    &.elevation-12 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.14),
-        rgba(255, 255, 255, 0.14)
-      );
-    }
-    &.elevation-13 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.14),
-        rgba(255, 255, 255, 0.14)
-      );
-    }
-    &.elevation-14 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.14),
-        rgba(255, 255, 255, 0.14)
-      );
-    }
-    &.elevation-15 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.14),
-        rgba(255, 255, 255, 0.14)
-      );
-    }
-    &.elevation-16 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.13),
-        rgba(255, 255, 255, 0.15)
-      );
-    }
-    &.elevation-17 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.13),
-        rgba(255, 255, 255, 0.15)
-      );
-    }
-    &.elevation-18 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.13),
-        rgba(255, 255, 255, 0.15)
-      );
-    }
-    &.elevation-19 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.15),
-        rgba(255, 255, 255, 0.15)
-      );
-    }
-    &.elevation-20 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.16),
-        rgba(255, 255, 255, 0.16)
-      );
-    }
-    &.elevation-21 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.16),
-        rgba(255, 255, 255, 0.16)
-      );
-    }
-    &.elevation-22 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.16),
-        rgba(255, 255, 255, 0.16)
-      );
-    }
-    &.elevation-23 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.16),
-        rgba(255, 255, 255, 0.16)
-      );
-    }
-    &.elevation-24 {
-      background-image: linear-gradient(
-        rgba(255, 255, 255, 0.16),
-        rgba(255, 255, 255, 0.16)
-      );
-    }
-  }
-  &.elevation-0 {
-    box-shadow: none;
-  }
-  &.elevation-1 {
-    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
-      0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-2 {
-    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-      0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-3 {
-    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),
-      0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-4 {
-    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
-      0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-5 {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
-      0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-6 {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
-      0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-7 {
-    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),
-      0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-8 {
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
-      0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-9 {
-    box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),
-      0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-10 {
-    box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),
-      0px 10px 14px 1px rgba(0, 0, 0, 0.14),
-      0px 4px 18px 3px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-11 {
-    box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),
-      0px 11px 15px 1px rgba(0, 0, 0, 0.14),
-      0px 4px 20px 3px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-12 {
-    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
-      0px 12px 17px 2px rgba(0, 0, 0, 0.14),
-      0px 5px 22px 4px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-13 {
-    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
-      0px 13px 19px 2px rgba(0, 0, 0, 0.14),
-      0px 5px 24px 4px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-14 {
-    box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),
-      0px 14px 21px 2px rgba(0, 0, 0, 0.14),
-      0px 5px 26px 4px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-15 {
-    box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),
-      0px 15px 22px 2px rgba(0, 0, 0, 0.14),
-      0px 6px 28px 5px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-16 {
-    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
-      0px 16px 24px 2px rgba(0, 0, 0, 0.14),
-      0px 6px 30px 5px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-17 {
-    box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),
-      0px 17px 26px 2px rgba(0, 0, 0, 0.14),
-      0px 6px 32px 5px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-18 {
-    box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),
-      0px 18px 28px 2px rgba(0, 0, 0, 0.14),
-      0px 7px 34px 6px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-19 {
-    box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),
-      0px 19px 29px 2px rgba(0, 0, 0, 0.14),
-      0px 7px 36px 6px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-20 {
-    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
-      0px 20px 31px 3px rgba(0, 0, 0, 0.14),
-      0px 8px 38px 7px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-21 {
-    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
-      0px 21px 33px 3px rgba(0, 0, 0, 0.14),
-      0px 8px 40px 7px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-22 {
-    box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),
-      0px 22px 35px 3px rgba(0, 0, 0, 0.14),
-      0px 8px 42px 7px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-23 {
-    box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),
-      0px 23px 36px 3px rgba(0, 0, 0, 0.14),
-      0px 9px 44px 8px rgba(0, 0, 0, 0.12);
-  }
-  &.elevation-24 {
-    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
-      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
-      0px 9px 46px 8px rgba(0, 0, 0, 0.12);
-  }
-}
diff --git a/src/FileCard/components/FileCardRightActions.scss b/src/FileCard/components/FileCardRightActions.css
similarity index 90%
rename from src/FileCard/components/FileCardRightActions.scss
rename to src/FileCard/components/FileCardRightActions.css
index 54531d60..08631daa 100644
--- a/src/FileCard/components/FileCardRightActions.scss
+++ b/src/FileCard/components/FileCardRightActions.css
@@ -10,18 +10,18 @@
   justify-content: flex-end;
   gap: 2px;
 }
+
 .file-card-right-layer-footer {
   margin-bottom: 3px;
   margin-right: 3px;
   left: unset;
   position: absolute;
-
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 2px;
-  //height: 20px;
-  //width: 100%;
+  /* height: 20px; */
+  /* width: 100%; */
   bottom: 0;
   right: 0;
-}
+}
\ No newline at end of file
diff --git a/src/FileCard/components/FileCardRightActions.tsx b/src/FileCard/components/FileCardRightActions.tsx
index a3ded644..21cbb40d 100644
--- a/src/FileCard/components/FileCardRightActions.tsx
+++ b/src/FileCard/components/FileCardRightActions.tsx
@@ -6,7 +6,7 @@ import {
   PlayIcon,
   Visibility,
 } from "../../icons";
-import "./FileCardRightActions.scss";
+import "./FileCardRightActions.css";
 
 declare type FileCardRightActionsProps = {
   darkMode?: boolean;
@@ -25,6 +25,8 @@ declare type FileCardRightActionsProps = {
   infoIcon: boolean;
   onOpenInfo: Function | undefined;
 
+  sizeMultiplier?: number;
+
   isActive?: boolean;
   visible?: boolean;
 };
@@ -46,7 +48,12 @@ const FileCardRightActions: React.FC<FileCardRightActionsProps> = (
     videoIcon,
     isActive,
     visible,
+    sizeMultiplier = 1,
   } = props;
+
+  const iconSize = Math.max(10, Math.round(15 * sizeMultiplier));
+  const infoIconSize = Math.max(6, Math.round(8 * sizeMultiplier));
+
   if (visible)
     return (
       <>
@@ -58,7 +65,7 @@ const FileCardRightActions: React.FC<FileCardRightActionsProps> = (
               }
               color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
               onClick={onDelete}
-              size="small"
+              size={iconSize}
               colorFill="transparent"
             />
           )}
@@ -75,7 +82,7 @@ const FileCardRightActions: React.FC<FileCardRightActionsProps> = (
                   }
                   color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
                   onClick={onSee}
-                  size="small"
+                  size={iconSize}
                 />
               )}
 
@@ -88,7 +95,7 @@ const FileCardRightActions: React.FC<FileCardRightActionsProps> = (
                   }
                   color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
                   onClick={onWatch}
-                  size="small"
+                  size={iconSize}
                 />
               )}
               {downloadIcon && (
@@ -100,7 +107,7 @@ const FileCardRightActions: React.FC<FileCardRightActionsProps> = (
                   }
                   color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
                   onClick={onDownload}
-                  size="small"
+                  size={iconSize}
                 />
               )}
               {infoIcon && (
@@ -112,7 +119,7 @@ const FileCardRightActions: React.FC<FileCardRightActionsProps> = (
                   }
                   onClick={onOpenInfo}
                   color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
-                  size="micro"
+                  size={infoIconSize}
                 />
               )}
             </React.Fragment>
diff --git a/src/FileCard/components/FileCardSkeleton/FileCardSkeleton.tsx b/src/FileCard/components/FileCardSkeleton/FileCardSkeleton.tsx
new file mode 100644
index 00000000..0f7e79ee
--- /dev/null
+++ b/src/FileCard/components/FileCardSkeleton/FileCardSkeleton.tsx
@@ -0,0 +1,63 @@
+import * as React from "react";
+import FuiSkeleton from "../../../skeleton/FuiSkeleton";
+import { FuiSkeletonProps } from "../../../skeleton/FuiSkeletonProps";
+import { mergeProps } from "../../../overridable";
+
+type SizeVariant = "xs" | "small" | "medium" | "large";
+
+interface FileCardSkeletonProps extends FuiSkeletonProps {
+  sizeVariant?: SizeVariant;
+}
+
+const sizeMap: Record<SizeVariant, { width: number; height: number; thumbSize: number }> = {
+  xs: { width: 220, height: 70, thumbSize: 60 },
+  small: { width: 270, height: 85, thumbSize: 80 },
+  medium: { width: 320, height: 100, thumbSize: 100 },
+  large: { width: 420, height: 130, thumbSize: 120 },
+};
+
+const defaultFileCardSkeletonProps: FuiSkeletonProps = {
+  animation: "wave",
+  variant: "rectangular",
+  width: 320,
+  height: 100,
+};
+
+const FileCardSkeleton: React.FC<FileCardSkeletonProps> = (
+  props: FileCardSkeletonProps,
+) => {
+  const { sizeVariant = "medium", ...restProps } = props;
+  const { className, style, animation, width, height } = mergeProps(
+    restProps,
+    defaultFileCardSkeletonProps,
+  );
+
+  const dims = sizeMap[sizeVariant];
+  const finalWidth = width !== 320 ? width : dims.width;
+  const finalHeight = height !== 100 ? height : dims.height;
+
+  return (
+    <div
+      className={`files-ui-file-card-skeleton${className ? ` ${className}` : ""}`}
+      style={{
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        width: finalWidth,
+        minHeight: finalHeight,
+        padding: 12,
+        boxSizing: "border-box",
+        ...style,
+      }}
+    >
+      <FuiSkeleton animation={animation} width={dims.thumbSize} height={dims.thumbSize} />
+      <div style={{ flex: 1, display: "flex", flexDirection: "column", gap: 8 }}>
+        <FuiSkeleton animation={animation} width="85%" height={16} />
+        <FuiSkeleton animation={animation} width="68%" height={12} />
+        <FuiSkeleton animation={animation} width="45%" height={12} />
+      </div>
+    </div>
+  );
+};
+
+export default FileCardSkeleton;
\ No newline at end of file
diff --git a/src/FileCard/components/FileCardSkeleton/index.ts b/src/FileCard/components/FileCardSkeleton/index.ts
new file mode 100644
index 00000000..40433f83
--- /dev/null
+++ b/src/FileCard/components/FileCardSkeleton/index.ts
@@ -0,0 +1 @@
+export { default } from "./FileCardSkeleton";
\ No newline at end of file
diff --git a/src/FileCard/components/FileCardUploadLayer.css b/src/FileCard/components/FileCardUploadLayer.css
new file mode 100644
index 00000000..a89a159b
--- /dev/null
+++ b/src/FileCard/components/FileCardUploadLayer.css
@@ -0,0 +1,44 @@
+.files-ui-file-card-upload-layer {
+  width: 100px;
+  height: 100%;
+  /* background-color: rgba(0, 0, 0, 0.5); */
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: 500;
+  font-size: 1em;
+  position: relative;
+  overflow: hidden;
+}
+
+.files-ui-file-card-upload-layer .elevation-list-card {
+  transition: all 1.5s ease;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.files-ui-file-card-upload-layer .elevation-list-card .elevation-item-card {
+  width: 100%;
+  height: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding: 0 10px;
+  box-sizing: border-box;
+}
+
+.files-ui-file-card-upload-layer .elevation-list-card .elevation-item-card span {
+  text-align: center;
+  word-break: break-word;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2; /* number of lines to show */
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
\ No newline at end of file
diff --git a/src/FileCard/components/FileCardUploadLayer.scss b/src/FileCard/components/FileCardUploadLayer.scss
deleted file mode 100644
index c84a6ef1..00000000
--- a/src/FileCard/components/FileCardUploadLayer.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-.files-ui-file-card-upload-layer {
-  width: 100px;
-  height: 100%;
-  //background-color: rgba(0, 0, 0, 0.5);
-  color: rgba(255, 255, 255, 0.8);
-  font-weight: 500;
-  font-size: 1em;
-  position: relative;
-  overflow: hidden;
-
-  .elevation-list-card {
-    transition: all 1.5s ease;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    .elevation-item-card {
-      width: 100%;
-      height: 100px;
-
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-      padding: 0 10px;
-      box-sizing: border-box;
-
-      span {
-        text-align: center;
-        word-break: break-word;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 2; /* number of lines to show */
-        line-clamp: 2;
-        -webkit-box-orient: vertical;
-      }
-    }
-  }
-}
diff --git a/src/FileCard/components/FileCardUploadLayer.tsx b/src/FileCard/components/FileCardUploadLayer.tsx
index 24e1dc93..953b10e2 100644
--- a/src/FileCard/components/FileCardUploadLayer.tsx
+++ b/src/FileCard/components/FileCardUploadLayer.tsx
@@ -8,7 +8,7 @@ import {
   SuccessStatus,
   UploadingStatus,
 } from "../../FileStatus";
-import "./FileCardUploadLayer.scss";
+import "./FileCardUploadLayer.css";
 export interface FileCardUploadLayerPropsMap {
   visible?: boolean;
   uploadStatus?: UPLOADSTATUS;
diff --git a/src/FileInputButton/FileInputButton.original.tsx.backup b/src/FileInputButton/FileInputButton.original.tsx.backup
new file mode 100644
index 00000000..c66e8eac
--- /dev/null
+++ b/src/FileInputButton/FileInputButton.original.tsx.backup
@@ -0,0 +1,629 @@
+import * as React from "react";
+import {
+  Localization,
+  UploadConfig,
+  LocalLabels,
+  DropzoneLocalizerSelector,
+  isValidateActive,
+  ExtFile,
+  ExtFileInstance,
+  isUploadAbleExtFile,
+  ExtFileManager,
+  sleepPreparing,
+  sleepTransition,
+  instantPreparingToUploadOne,
+  sanitizeArrExtFile,
+  fakeFuiUpload,
+  getRandomInt,
+  unexpectedErrorUploadResult,
+  FileValidatorProps,
+  validateExtFileList,
+  fileListToExtFileArray,
+  toUploadableExtFileList,
+  cleanInput,
+  FileIdGenerator,
+} from "@files-ui/core";
+import { DropzoneActions } from "../Dropzone/components/dropzone/DropzoneProps";
+import DropzoneButtons from "../Dropzone/components/DropzoneButtons/DropzoneButtons";
+import { FilesUiContext } from "../FilesUiProvider/FilesUiContext";
+import { useDropzoneFileListUpdater } from "../hooks";
+import InputHidden from "../InputHidden/InputHidden";
+import { MaterialButton } from "../MaterialButton";
+
+import { mergeProps } from "../overridable";
+import { handleClickInput } from "../utils";
+import {
+  defaultFileInputButtonProps,
+  FileInputButtonProps,
+} from "./InputButtonProps";
+import { isThereValidUrl } from "../utils/url.utils";
+import { uploadExtFilesWithStrategy, uploadSingleExtFileWithStrategy } from "../utils/uploadStrategy";
+
+const FileInputButton: React.FC<FileInputButtonProps> = (
+  props: FileInputButtonProps
+) => {
+  const {
+    //basic
+    value = [],
+    onChange,
+    //validation
+    accept,
+    maxFileSize,
+    maxFiles,
+    validator,
+    //cleanFiles,
+    //onClean,
+    autoClean,
+    //uploading
+    uploadConfig,
+    maxConcurrentUploads,
+    fakeUpload,
+    onUploadStart,
+    onUploadFinish,
+    //styling
+    //background,
+    //minHeight,
+    color,
+    style,
+    textColor,
+    textTransform,
+    className,
+    //label
+    label,
+    //localization
+    localization: locProps,
+    //ripple
+    disableRipple,
+    //action butotns
+    actionButtons,
+    //drop layer
+    // dropOnLayer,
+    //header and footer
+    //header,
+    //footer,
+    //headerConfig = {},
+    //footerConfig = {},
+    //disabled
+    disabled,
+    //clickable,
+    //add or replace
+    behaviour,
+    //content
+    children,
+    //advancedConfig,
+
+    variant,
+    resetStyles,
+    darkMode: darkModeProp,
+    ...rest
+  } = mergeProps(props, defaultFileInputButtonProps);
+  //context
+  const {
+    darkMode: darkModeContext,
+    //icons,
+    localization: locContext,
+  } = React.useContext(FilesUiContext);
+  const localization: Localization | undefined =
+    locProps !== undefined ? locProps : locContext;
+  const darkMode: boolean | undefined =
+    darkModeProp !== undefined ? darkModeProp : darkModeContext;
+
+  const {
+    url,
+    method,
+    headers,
+    uploadLabel,
+    cleanOnUpload = true,
+    preparingTime = 1500,
+    autoUpload = false,
+    urlFromExtFile,
+    asBlob = false,
+    chunked = false,
+    chunkSize,
+  } = uploadConfig as UploadConfig & {
+    chunked?: boolean;
+    chunkSize?: number;
+  };
+
+  const {
+    position: actionButtonsPosition,
+    abortButton,
+    deleteButton,
+    uploadButton,
+    cleanButton,
+    style: containerStyle,
+    className: containerClassName,
+  } = actionButtons as DropzoneActions;
+
+  //localizers
+  const DropzoneLocalizer: LocalLabels =
+    DropzoneLocalizerSelector(localization);
+
+  //ref to the hidden input tag
+  const inputRef = React.useRef<HTMLInputElement>(null);
+
+  //state for checking upload start
+  const [isUploading, setIsUploading] = React.useState<boolean>(false);
+
+  //Id for uploding through FuiFileManager
+  //const inputButtonId: string | number = React.useId();
+  const inputButtonId: string = React.useMemo(
+    () => FileIdGenerator.getNextId() + "",
+    []
+  );
+  //Flag that determines whether to validate or not
+  const validateFilesFlag: boolean = isValidateActive(
+    accept,
+    maxFileSize,
+    maxFiles,
+    validator
+  );
+
+  //state for managing the number of valid files
+  //state for managing the files locally
+  const [localFiles, numberOfValidFiles, setLocalFiles]: [
+    ExtFile[],
+    number,
+    React.Dispatch<React.SetStateAction<ExtFile[]>>
+  ] = useDropzoneFileListUpdater(
+    inputButtonId,
+    value || [],
+    isUploading,
+    maxFileSize,
+    accept,
+    maxFiles,
+    validator,
+    localization,
+    validateFilesFlag
+  );
+  /**
+   * Flag that determines if component should perform upload given url
+   */
+  const shouldUpload: boolean = isThereValidUrl(
+    url,
+    urlFromExtFile,
+    localFiles
+  );
+  /**
+   * Uploads each file in the array of ExtFiles
+   * First, sets all the files in preparing status and awaits `preparingTime` miliseconds.
+   * If `preparingTime` is not given or its value is false or 0, there won´t be a preparing phase.
+   *        This is only for the first file, the rest of files will have preparing time until the file before was uploaded
+   *        The first file will jump from undef to "uploading"
+   * Then onChange event will be called to update the files outside.
+   *
+   * If `onCancel` event ocurrs outside on any on the
+   * FileItems(e.g. by clicking the cancel button on `FileItem`),
+   * the extFileInstance will change its status from 'preparing' to undefined. If so,
+   * after the waiting time the value of status will be found as undefined and
+   * won´t perfom the upload for that file or any other that fits that condition.
+   * Then, for each file sets the file in 'uploading' status.
+   * Then onChange event will be called to update the files outside.
+   * Then uploads the file with the `xhr` instance.
+   * After that, that file recieves the new uploadStatus that can be
+   *  'success', 'error' or 'aborted'
+   * and onChange event will be called to update the files outside.
+   * @param localFiles the list of extFiles to upload
+   * @returns nothing
+   */
+  const uploadfiles = async (localFiles: ExtFile[]): Promise<void> => {
+    //set uploading flag to true
+    setIsUploading(true);
+
+    //avoid to call upload if not allowed
+    // flag is already true or there isnt files
+    //url was not provided
+
+    if (isUploading || localFiles.length === 0 || !shouldUpload) {
+      setIsUploading(false);
+      return;
+    }
+    if (localFiles.length === 0) {
+      setIsUploading(false);
+      return;
+    }
+    // initialize a new list of ExtFileInstances
+    let arrOfExtFilesInstances: ExtFileInstance[] = [];
+
+    //const totalNumber: number = localFiles.length;
+    //console.log("upload start: totalNumber", totalNumber);
+
+    const missingUpload: number = localFiles.filter((extFile: ExtFile) =>
+      isUploadAbleExtFile(extFile, validateFilesFlag)
+    ).length;
+
+    //console.log("upload start: missingUpload", missingUpload);
+
+    //no missing to upload
+    if (!(missingUpload > 0)) {
+      //console.log("upload start: noFilesMessage", missingUpload);
+
+      setIsUploading(false);
+
+      return;
+    }
+
+    //  setIsUploading(true);
+    //PREPARING stage
+    //console.log("validateFilesFlag", validateFilesFlag);
+    onUploadStart?.(localFiles);
+
+    arrOfExtFilesInstances =
+      ExtFileManager.setFileListMapPreparing(
+        inputButtonId,
+        localFiles,
+        validateFilesFlag as boolean,
+        cleanOnUpload as boolean
+      ) || [];
+
+    const newExtFileLocal: ExtFile[] = [...arrOfExtFilesInstances].map((x) =>
+      x.toExtFile()
+    );
+
+    //CHANGE (o alejo el isUploading o lo alejo para que tenga m,as tiempo antes de la respuyesta)
+    // setIsUploading(true);
+    handleFilesChange(newExtFileLocal, true);
+
+    //console.log("FileManagerLog before sleep", arrOfExtFilesInstances);
+    //AWAIT when preparing time is given
+    //general sleep for all files
+    await sleepPreparing(preparingTime);
+
+    //console.log("FileManagerLog after sleep", arrOfExtFilesInstances);
+
+    //return;
+    let serverResponses: Array<ExtFile> = [];
+    const uploadCandidates: ExtFileInstance[] = arrOfExtFilesInstances.filter(
+      (instance: ExtFileInstance) =>
+        instance.uploadStatus === "preparing" && !instance.extraData?.deleted
+    );
+
+    if (!fakeUpload && (maxConcurrentUploads || 1) > 1 && uploadCandidates.length > 0) {
+      uploadCandidates.forEach((instance) => {
+        instantPreparingToUploadOne(instance);
+      });
+      handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+
+      const uploadResults = await uploadExtFilesWithStrategy(
+        uploadCandidates.map((instance) => instance.toExtFile()),
+        {
+          url,
+          urlFromExtFile,
+          method,
+          headers,
+          uploadLabel,
+          asBlob,
+          chunked,
+          chunkSize,
+          maxConcurrentUploads,
+        },
+        (_completedCount: number, _totalCount: number, latestResult: ExtFile) => {
+          const target = arrOfExtFilesInstances.find(
+            (instance) => instance.id === latestResult.id
+          );
+          if (target) {
+            target.uploadStatus = latestResult.uploadStatus;
+            target.uploadMessage = latestResult.uploadMessage;
+            target.serverResponse = latestResult.serverResponse;
+          }
+          handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+        }
+      );
+
+      for (const uploadedFile of uploadResults) {
+        const currentExtFileInstance = arrOfExtFilesInstances.find(
+          (instance) => instance.id === uploadedFile.id
+        );
+        if (currentExtFileInstance) {
+          currentExtFileInstance.uploadStatus = uploadedFile.uploadStatus;
+          currentExtFileInstance.uploadMessage = uploadedFile.uploadMessage;
+          currentExtFileInstance.serverResponse = uploadedFile.serverResponse;
+        }
+        serverResponses.push(uploadedFile);
+      }
+    } else {
+    //Uplad files one by one
+    for (let i = 0; i < arrOfExtFilesInstances.length; i++) {
+      const currentExtFileInstance: ExtFileInstance = arrOfExtFilesInstances[i];
+
+      if (
+        currentExtFileInstance.uploadStatus === "preparing" &&
+        !currentExtFileInstance.extraData?.deleted
+      ) {
+        //set stage to "uploading" in one file and notify change
+        // PREPARING => UPLOADING
+        await sleepTransition();
+
+        instantPreparingToUploadOne(currentExtFileInstance);
+
+        //CHANGE FILES
+        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+
+        //UPLOADING => UPLOAD()
+        //upload one file and notify about change
+        let uploadResponse: ExtFile;
+
+        if (fakeUpload) {
+          uploadResponse = await fakeFuiUpload(
+            currentExtFileInstance,
+            DropzoneLocalizer
+          );
+
+          let fakeProgress = 0;
+          while (fakeProgress < 100) {
+            fakeProgress += getRandomInt(21, 35);
+            currentExtFileInstance.progress =
+              fakeProgress > 100 ? 100 : fakeProgress;
+            await sleepTransition(1000);
+            handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+          }
+        } else {
+          try {
+            uploadResponse = await uploadSingleExtFileWithStrategy(
+              currentExtFileInstance,
+              {
+                url,
+                urlFromExtFile,
+                method,
+                headers,
+                uploadLabel,
+                asBlob,
+                chunked,
+                chunkSize,
+              }
+            );
+          } catch (error) {
+            uploadResponse = unexpectedErrorUploadResult(
+              currentExtFileInstance.toExtFile()
+            );
+          }
+        }
+
+        const uploadedFile = uploadResponse;
+        //console.log("fake uploadResponse uploadedFile", uploadedFile);
+
+        //update instances
+        currentExtFileInstance.uploadStatus = uploadedFile.uploadStatus;
+        currentExtFileInstance.uploadMessage = uploadedFile.uploadMessage;
+
+        //CHANGE
+        if (!(currentExtFileInstance.uploadStatus === "aborted"))
+          await sleepTransition();
+
+        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+
+        serverResponses.push(uploadResponse);
+      } else {
+        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
+      }
+    }
+    }
+
+    setLocalFiles(sanitizeArrExtFile(arrOfExtFilesInstances));
+
+    // upload group finished :D
+    onUploadFinish?.(serverResponses);
+
+    setIsUploading(false);
+  };
+
+  const handleAbortUpload = () => {
+    const listExtFileLocal: ExtFileInstance[] | undefined =
+      ExtFileManager.getExtFileInstanceList(inputButtonId);
+    //console.log("Aborting", listExtFileLocal, inputButtonId);
+
+    if (!listExtFileLocal) return;
+    listExtFileLocal.forEach((extFileInstance: ExtFileInstance) => {
+      if (
+        extFileInstance.uploadStatus === "uploading" ||
+        extFileInstance.uploadStatus === "preparing"
+      ) {
+        if (extFileInstance.xhr !== null && extFileInstance.xhr !== undefined)
+          extFileInstance.xhr.abort();
+        extFileInstance.uploadStatus = "aborted";
+        extFileInstance.uploadMessage = "Upload was aborted by user";
+      }
+    });
+  };
+
+  React.useEffect(() => {
+    const localValidator: FileValidatorProps = { maxFileSize, accept };
+
+    const validatedFuiFileList: ExtFile[] = validateExtFileList(
+      localFiles,
+      maxFiles ? maxFiles - numberOfValidFiles : Infinity,
+      localValidator,
+      validator,
+      maxFiles,
+      localization
+    );
+
+    setLocalFiles(validatedFuiFileList);
+    // eslint-disable-next-line
+  }, [maxFileSize, accept, maxFiles, localization]);
+
+  /**
+   * Performs the changes in the extFile list.
+   * Makes a new array of extFile according to the "behaviour" prop.
+   * If isUploading state is not true and the behaviour props is equal to "add",
+   * the incoming extFileList is added at the end of the current list of extFile.
+   * Otherwise, the complete extFile list is replaced by the incomming extFile list
+   * @param extFileList the new fileList
+   * @param isUploading a flag that dscribes whther the uploading process is active or not
+   */
+  const handleFilesChange = (
+    extFileList: ExtFile[],
+    isUploading?: boolean
+  ): void => {
+    let finalExtFileList: ExtFile[] =
+      behaviour === "add" && !isUploading
+        ? [...localFiles, ...extFileList]
+        : [...extFileList];
+    if (onChange) {
+      onChange(finalExtFileList);
+    } else {
+      setLocalFiles(finalExtFileList);
+    }
+    if (autoUpload && !isUploading) {
+      //console.log("autoUpload", finalExtFileList);
+      uploadfiles(finalExtFileList);
+    }
+  };
+
+  /**
+   * Performs the action of recieving the files when user selects the files
+   * by clicking the InputButton
+   * @param evt event handler for getting files from input element target
+   */
+  const handleChangeInput: React.ChangeEventHandler<HTMLInputElement> = (
+    evt: React.ChangeEvent<HTMLInputElement>
+  ): void => {
+    //if (isUploading) return;
+    let fileList: FileList = evt.target.files as FileList;
+    let extFileListOutput: ExtFile[] = fileListToExtFileArray(fileList);
+    //validate dui files
+    if (validateFilesFlag) {
+      extFileListOutput = outerFuiValidation(extFileListOutput);
+      if (autoClean) {
+        extFileListOutput = extFileListOutput.filter((f) => f.valid);
+      }
+    }
+    //init xhr on each ext file
+    if (shouldUpload)
+      extFileListOutput = toUploadableExtFileList(extFileListOutput);
+
+    // Clean input element to trigger onChange event on input
+    cleanInput(inputRef.current);
+
+    handleFilesChange(extFileListOutput);
+  };
+
+  /**
+   * Performs the validation process for each FuiFile
+   * outside the DropzoneNeo component file declaration
+   * according to the criteria given by maxFiles and maxFileSize and accept props
+   * This function calls validateFuiFileList and sets the valid prop of FuiFile to "true" or "false"
+   * depending on the result of the individual validation.
+   * It also add the list of errors.
+   * @param fuiFileListToValidate the fuiFileList to validate
+   * @returns a list of validated FuiFile list
+   */
+  const outerFuiValidation = (fuiFileListToValidate: ExtFile[]): ExtFile[] => {
+    const localValidator: FileValidatorProps = { maxFileSize, accept };
+    //console.log("validatedFuiFileList pre", fuiFileListToValidate);
+
+    let finalNumberOfValids: number = numberOfValidFiles;
+    if (behaviour === "replace") {
+      //re-start number of valids
+      finalNumberOfValids = 0;
+    }
+
+    const validatedFuiFileList: ExtFile[] = validateExtFileList(
+      fuiFileListToValidate,
+      maxFiles ? maxFiles - finalNumberOfValids : Infinity,
+      localValidator,
+      validator,
+      maxFiles,
+      localization
+    );
+    //console.log("validatedFuiFileList aft", validatedFuiFileList);
+    return validatedFuiFileList;
+  };
+
+  // HANDLERS for CLICK
+  function handleClick(): void {
+    ////console.log("HAAAAAAAA");
+    //handleClickUtil(evt);
+    if (disabled) return;
+
+    handleClickInput(inputRef.current);
+  }
+
+  /**
+   * reset the complete file list
+   */
+  const handleReset = (): void => {
+    if (onChange) {
+      onChange([]);
+    } else {
+      setLocalFiles([]);
+    }
+  };
+  const handleClean = (): void => {
+    if (onChange) {
+      onChange(localFiles.filter((f) => f.valid));
+    } else {
+      setLocalFiles(localFiles.filter((f) => f.valid));
+    }
+  };
+
+  return (
+    <React.Fragment>
+      {actionButtonsPosition === "before" && (
+        <DropzoneButtons
+          disabled={disabled}
+          abortButton={isUploading ? abortButton : undefined}
+          onAbort={handleAbortUpload}
+          deleteButton={deleteButton}
+          onDelete={!isUploading ? handleReset : undefined}
+          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
+          onUpload={!autoUpload ? () => uploadfiles(localFiles) : undefined}
+          cleanButton={
+            validateFilesFlag && !isUploading && !autoClean
+              ? cleanButton
+              : undefined
+          }
+          onClean={handleClean}
+          style={containerStyle}
+          className={containerClassName}
+          top={true}
+        />
+      )}
+      <MaterialButton
+        disabled={disabled}
+        className={className}
+        style={style}
+        color={color}
+        variant={variant}
+        textTransform={textTransform}
+        textColor={textColor}
+        resetStyles={resetStyles}
+        onClick={handleClick}
+        disableRipple={disableRipple}
+        darkMode={darkMode}
+        id={inputButtonId}
+        {...rest}
+      >
+        {children || label}
+      </MaterialButton>
+      <InputHidden
+        multiple={maxFiles ? maxFiles > 1 : true}
+        accept={accept || ""}
+        inputRef={inputRef}
+        onChange={handleChangeInput}
+      />
+
+      {actionButtonsPosition === "after" && (
+        <DropzoneButtons
+          disabled={disabled}
+          abortButton={isUploading ? abortButton : undefined}
+          onAbort={handleAbortUpload}
+          deleteButton={deleteButton}
+          onDelete={!isUploading ? handleReset : undefined}
+          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
+          onUpload={!autoUpload ? () => uploadfiles(localFiles) : undefined}
+          cleanButton={
+            validateFilesFlag && !isUploading && !autoClean
+              ? cleanButton
+              : undefined
+          }
+          onClean={handleClean}
+          style={containerStyle}
+          className={containerClassName}
+          top={false}
+        />
+      )}
+    </React.Fragment>
+  );
+};
+export default FileInputButton;
diff --git a/src/FileInputButton/FileInputButton.tsx b/src/FileInputButton/FileInputButton.tsx
index c66e8eac..6bc0ff1c 100644
--- a/src/FileInputButton/FileInputButton.tsx
+++ b/src/FileInputButton/FileInputButton.tsx
@@ -1,629 +1,3 @@
-import * as React from "react";
-import {
-  Localization,
-  UploadConfig,
-  LocalLabels,
-  DropzoneLocalizerSelector,
-  isValidateActive,
-  ExtFile,
-  ExtFileInstance,
-  isUploadAbleExtFile,
-  ExtFileManager,
-  sleepPreparing,
-  sleepTransition,
-  instantPreparingToUploadOne,
-  sanitizeArrExtFile,
-  fakeFuiUpload,
-  getRandomInt,
-  unexpectedErrorUploadResult,
-  FileValidatorProps,
-  validateExtFileList,
-  fileListToExtFileArray,
-  toUploadableExtFileList,
-  cleanInput,
-  FileIdGenerator,
-} from "@files-ui/core";
-import { DropzoneActions } from "../Dropzone/components/dropzone/DropzoneProps";
-import DropzoneButtons from "../Dropzone/components/DropzoneButtons/DropzoneButtons";
-import { FilesUiContext } from "../FilesUiProvider/FilesUiContext";
-import { useDropzoneFileListUpdater } from "../hooks";
-import InputHidden from "../InputHidden/InputHidden";
-import { MaterialButton } from "../MaterialButton";
-
-import { mergeProps } from "../overridable";
-import { handleClickInput } from "../utils";
-import {
-  defaultFileInputButtonProps,
-  FileInputButtonProps,
-} from "./InputButtonProps";
-import { isThereValidUrl } from "../utils/url.utils";
-import { uploadExtFilesWithStrategy, uploadSingleExtFileWithStrategy } from "../utils/uploadStrategy";
-
-const FileInputButton: React.FC<FileInputButtonProps> = (
-  props: FileInputButtonProps
-) => {
-  const {
-    //basic
-    value = [],
-    onChange,
-    //validation
-    accept,
-    maxFileSize,
-    maxFiles,
-    validator,
-    //cleanFiles,
-    //onClean,
-    autoClean,
-    //uploading
-    uploadConfig,
-    maxConcurrentUploads,
-    fakeUpload,
-    onUploadStart,
-    onUploadFinish,
-    //styling
-    //background,
-    //minHeight,
-    color,
-    style,
-    textColor,
-    textTransform,
-    className,
-    //label
-    label,
-    //localization
-    localization: locProps,
-    //ripple
-    disableRipple,
-    //action butotns
-    actionButtons,
-    //drop layer
-    // dropOnLayer,
-    //header and footer
-    //header,
-    //footer,
-    //headerConfig = {},
-    //footerConfig = {},
-    //disabled
-    disabled,
-    //clickable,
-    //add or replace
-    behaviour,
-    //content
-    children,
-    //advancedConfig,
-
-    variant,
-    resetStyles,
-    darkMode: darkModeProp,
-    ...rest
-  } = mergeProps(props, defaultFileInputButtonProps);
-  //context
-  const {
-    darkMode: darkModeContext,
-    //icons,
-    localization: locContext,
-  } = React.useContext(FilesUiContext);
-  const localization: Localization | undefined =
-    locProps !== undefined ? locProps : locContext;
-  const darkMode: boolean | undefined =
-    darkModeProp !== undefined ? darkModeProp : darkModeContext;
-
-  const {
-    url,
-    method,
-    headers,
-    uploadLabel,
-    cleanOnUpload = true,
-    preparingTime = 1500,
-    autoUpload = false,
-    urlFromExtFile,
-    asBlob = false,
-    chunked = false,
-    chunkSize,
-  } = uploadConfig as UploadConfig & {
-    chunked?: boolean;
-    chunkSize?: number;
-  };
-
-  const {
-    position: actionButtonsPosition,
-    abortButton,
-    deleteButton,
-    uploadButton,
-    cleanButton,
-    style: containerStyle,
-    className: containerClassName,
-  } = actionButtons as DropzoneActions;
-
-  //localizers
-  const DropzoneLocalizer: LocalLabels =
-    DropzoneLocalizerSelector(localization);
-
-  //ref to the hidden input tag
-  const inputRef = React.useRef<HTMLInputElement>(null);
-
-  //state for checking upload start
-  const [isUploading, setIsUploading] = React.useState<boolean>(false);
-
-  //Id for uploding through FuiFileManager
-  //const inputButtonId: string | number = React.useId();
-  const inputButtonId: string = React.useMemo(
-    () => FileIdGenerator.getNextId() + "",
-    []
-  );
-  //Flag that determines whether to validate or not
-  const validateFilesFlag: boolean = isValidateActive(
-    accept,
-    maxFileSize,
-    maxFiles,
-    validator
-  );
-
-  //state for managing the number of valid files
-  //state for managing the files locally
-  const [localFiles, numberOfValidFiles, setLocalFiles]: [
-    ExtFile[],
-    number,
-    React.Dispatch<React.SetStateAction<ExtFile[]>>
-  ] = useDropzoneFileListUpdater(
-    inputButtonId,
-    value || [],
-    isUploading,
-    maxFileSize,
-    accept,
-    maxFiles,
-    validator,
-    localization,
-    validateFilesFlag
-  );
-  /**
-   * Flag that determines if component should perform upload given url
-   */
-  const shouldUpload: boolean = isThereValidUrl(
-    url,
-    urlFromExtFile,
-    localFiles
-  );
-  /**
-   * Uploads each file in the array of ExtFiles
-   * First, sets all the files in preparing status and awaits `preparingTime` miliseconds.
-   * If `preparingTime` is not given or its value is false or 0, there won´t be a preparing phase.
-   *        This is only for the first file, the rest of files will have preparing time until the file before was uploaded
-   *        The first file will jump from undef to "uploading"
-   * Then onChange event will be called to update the files outside.
-   *
-   * If `onCancel` event ocurrs outside on any on the
-   * FileItems(e.g. by clicking the cancel button on `FileItem`),
-   * the extFileInstance will change its status from 'preparing' to undefined. If so,
-   * after the waiting time the value of status will be found as undefined and
-   * won´t perfom the upload for that file or any other that fits that condition.
-   * Then, for each file sets the file in 'uploading' status.
-   * Then onChange event will be called to update the files outside.
-   * Then uploads the file with the `xhr` instance.
-   * After that, that file recieves the new uploadStatus that can be
-   *  'success', 'error' or 'aborted'
-   * and onChange event will be called to update the files outside.
-   * @param localFiles the list of extFiles to upload
-   * @returns nothing
-   */
-  const uploadfiles = async (localFiles: ExtFile[]): Promise<void> => {
-    //set uploading flag to true
-    setIsUploading(true);
-
-    //avoid to call upload if not allowed
-    // flag is already true or there isnt files
-    //url was not provided
-
-    if (isUploading || localFiles.length === 0 || !shouldUpload) {
-      setIsUploading(false);
-      return;
-    }
-    if (localFiles.length === 0) {
-      setIsUploading(false);
-      return;
-    }
-    // initialize a new list of ExtFileInstances
-    let arrOfExtFilesInstances: ExtFileInstance[] = [];
-
-    //const totalNumber: number = localFiles.length;
-    //console.log("upload start: totalNumber", totalNumber);
-
-    const missingUpload: number = localFiles.filter((extFile: ExtFile) =>
-      isUploadAbleExtFile(extFile, validateFilesFlag)
-    ).length;
-
-    //console.log("upload start: missingUpload", missingUpload);
-
-    //no missing to upload
-    if (!(missingUpload > 0)) {
-      //console.log("upload start: noFilesMessage", missingUpload);
-
-      setIsUploading(false);
-
-      return;
-    }
-
-    //  setIsUploading(true);
-    //PREPARING stage
-    //console.log("validateFilesFlag", validateFilesFlag);
-    onUploadStart?.(localFiles);
-
-    arrOfExtFilesInstances =
-      ExtFileManager.setFileListMapPreparing(
-        inputButtonId,
-        localFiles,
-        validateFilesFlag as boolean,
-        cleanOnUpload as boolean
-      ) || [];
-
-    const newExtFileLocal: ExtFile[] = [...arrOfExtFilesInstances].map((x) =>
-      x.toExtFile()
-    );
-
-    //CHANGE (o alejo el isUploading o lo alejo para que tenga m,as tiempo antes de la respuyesta)
-    // setIsUploading(true);
-    handleFilesChange(newExtFileLocal, true);
-
-    //console.log("FileManagerLog before sleep", arrOfExtFilesInstances);
-    //AWAIT when preparing time is given
-    //general sleep for all files
-    await sleepPreparing(preparingTime);
-
-    //console.log("FileManagerLog after sleep", arrOfExtFilesInstances);
-
-    //return;
-    let serverResponses: Array<ExtFile> = [];
-    const uploadCandidates: ExtFileInstance[] = arrOfExtFilesInstances.filter(
-      (instance: ExtFileInstance) =>
-        instance.uploadStatus === "preparing" && !instance.extraData?.deleted
-    );
-
-    if (!fakeUpload && (maxConcurrentUploads || 1) > 1 && uploadCandidates.length > 0) {
-      uploadCandidates.forEach((instance) => {
-        instantPreparingToUploadOne(instance);
-      });
-      handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-
-      const uploadResults = await uploadExtFilesWithStrategy(
-        uploadCandidates.map((instance) => instance.toExtFile()),
-        {
-          url,
-          urlFromExtFile,
-          method,
-          headers,
-          uploadLabel,
-          asBlob,
-          chunked,
-          chunkSize,
-          maxConcurrentUploads,
-        },
-        (_completedCount: number, _totalCount: number, latestResult: ExtFile) => {
-          const target = arrOfExtFilesInstances.find(
-            (instance) => instance.id === latestResult.id
-          );
-          if (target) {
-            target.uploadStatus = latestResult.uploadStatus;
-            target.uploadMessage = latestResult.uploadMessage;
-            target.serverResponse = latestResult.serverResponse;
-          }
-          handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-        }
-      );
-
-      for (const uploadedFile of uploadResults) {
-        const currentExtFileInstance = arrOfExtFilesInstances.find(
-          (instance) => instance.id === uploadedFile.id
-        );
-        if (currentExtFileInstance) {
-          currentExtFileInstance.uploadStatus = uploadedFile.uploadStatus;
-          currentExtFileInstance.uploadMessage = uploadedFile.uploadMessage;
-          currentExtFileInstance.serverResponse = uploadedFile.serverResponse;
-        }
-        serverResponses.push(uploadedFile);
-      }
-    } else {
-    //Uplad files one by one
-    for (let i = 0; i < arrOfExtFilesInstances.length; i++) {
-      const currentExtFileInstance: ExtFileInstance = arrOfExtFilesInstances[i];
-
-      if (
-        currentExtFileInstance.uploadStatus === "preparing" &&
-        !currentExtFileInstance.extraData?.deleted
-      ) {
-        //set stage to "uploading" in one file and notify change
-        // PREPARING => UPLOADING
-        await sleepTransition();
-
-        instantPreparingToUploadOne(currentExtFileInstance);
-
-        //CHANGE FILES
-        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-
-        //UPLOADING => UPLOAD()
-        //upload one file and notify about change
-        let uploadResponse: ExtFile;
-
-        if (fakeUpload) {
-          uploadResponse = await fakeFuiUpload(
-            currentExtFileInstance,
-            DropzoneLocalizer
-          );
-
-          let fakeProgress = 0;
-          while (fakeProgress < 100) {
-            fakeProgress += getRandomInt(21, 35);
-            currentExtFileInstance.progress =
-              fakeProgress > 100 ? 100 : fakeProgress;
-            await sleepTransition(1000);
-            handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-          }
-        } else {
-          try {
-            uploadResponse = await uploadSingleExtFileWithStrategy(
-              currentExtFileInstance,
-              {
-                url,
-                urlFromExtFile,
-                method,
-                headers,
-                uploadLabel,
-                asBlob,
-                chunked,
-                chunkSize,
-              }
-            );
-          } catch (error) {
-            uploadResponse = unexpectedErrorUploadResult(
-              currentExtFileInstance.toExtFile()
-            );
-          }
-        }
-
-        const uploadedFile = uploadResponse;
-        //console.log("fake uploadResponse uploadedFile", uploadedFile);
-
-        //update instances
-        currentExtFileInstance.uploadStatus = uploadedFile.uploadStatus;
-        currentExtFileInstance.uploadMessage = uploadedFile.uploadMessage;
-
-        //CHANGE
-        if (!(currentExtFileInstance.uploadStatus === "aborted"))
-          await sleepTransition();
-
-        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-
-        serverResponses.push(uploadResponse);
-      } else {
-        handleFilesChange(sanitizeArrExtFile(arrOfExtFilesInstances), true);
-      }
-    }
-    }
-
-    setLocalFiles(sanitizeArrExtFile(arrOfExtFilesInstances));
-
-    // upload group finished :D
-    onUploadFinish?.(serverResponses);
-
-    setIsUploading(false);
-  };
-
-  const handleAbortUpload = () => {
-    const listExtFileLocal: ExtFileInstance[] | undefined =
-      ExtFileManager.getExtFileInstanceList(inputButtonId);
-    //console.log("Aborting", listExtFileLocal, inputButtonId);
-
-    if (!listExtFileLocal) return;
-    listExtFileLocal.forEach((extFileInstance: ExtFileInstance) => {
-      if (
-        extFileInstance.uploadStatus === "uploading" ||
-        extFileInstance.uploadStatus === "preparing"
-      ) {
-        if (extFileInstance.xhr !== null && extFileInstance.xhr !== undefined)
-          extFileInstance.xhr.abort();
-        extFileInstance.uploadStatus = "aborted";
-        extFileInstance.uploadMessage = "Upload was aborted by user";
-      }
-    });
-  };
-
-  React.useEffect(() => {
-    const localValidator: FileValidatorProps = { maxFileSize, accept };
-
-    const validatedFuiFileList: ExtFile[] = validateExtFileList(
-      localFiles,
-      maxFiles ? maxFiles - numberOfValidFiles : Infinity,
-      localValidator,
-      validator,
-      maxFiles,
-      localization
-    );
-
-    setLocalFiles(validatedFuiFileList);
-    // eslint-disable-next-line
-  }, [maxFileSize, accept, maxFiles, localization]);
-
-  /**
-   * Performs the changes in the extFile list.
-   * Makes a new array of extFile according to the "behaviour" prop.
-   * If isUploading state is not true and the behaviour props is equal to "add",
-   * the incoming extFileList is added at the end of the current list of extFile.
-   * Otherwise, the complete extFile list is replaced by the incomming extFile list
-   * @param extFileList the new fileList
-   * @param isUploading a flag that dscribes whther the uploading process is active or not
-   */
-  const handleFilesChange = (
-    extFileList: ExtFile[],
-    isUploading?: boolean
-  ): void => {
-    let finalExtFileList: ExtFile[] =
-      behaviour === "add" && !isUploading
-        ? [...localFiles, ...extFileList]
-        : [...extFileList];
-    if (onChange) {
-      onChange(finalExtFileList);
-    } else {
-      setLocalFiles(finalExtFileList);
-    }
-    if (autoUpload && !isUploading) {
-      //console.log("autoUpload", finalExtFileList);
-      uploadfiles(finalExtFileList);
-    }
-  };
-
-  /**
-   * Performs the action of recieving the files when user selects the files
-   * by clicking the InputButton
-   * @param evt event handler for getting files from input element target
-   */
-  const handleChangeInput: React.ChangeEventHandler<HTMLInputElement> = (
-    evt: React.ChangeEvent<HTMLInputElement>
-  ): void => {
-    //if (isUploading) return;
-    let fileList: FileList = evt.target.files as FileList;
-    let extFileListOutput: ExtFile[] = fileListToExtFileArray(fileList);
-    //validate dui files
-    if (validateFilesFlag) {
-      extFileListOutput = outerFuiValidation(extFileListOutput);
-      if (autoClean) {
-        extFileListOutput = extFileListOutput.filter((f) => f.valid);
-      }
-    }
-    //init xhr on each ext file
-    if (shouldUpload)
-      extFileListOutput = toUploadableExtFileList(extFileListOutput);
-
-    // Clean input element to trigger onChange event on input
-    cleanInput(inputRef.current);
-
-    handleFilesChange(extFileListOutput);
-  };
-
-  /**
-   * Performs the validation process for each FuiFile
-   * outside the DropzoneNeo component file declaration
-   * according to the criteria given by maxFiles and maxFileSize and accept props
-   * This function calls validateFuiFileList and sets the valid prop of FuiFile to "true" or "false"
-   * depending on the result of the individual validation.
-   * It also add the list of errors.
-   * @param fuiFileListToValidate the fuiFileList to validate
-   * @returns a list of validated FuiFile list
-   */
-  const outerFuiValidation = (fuiFileListToValidate: ExtFile[]): ExtFile[] => {
-    const localValidator: FileValidatorProps = { maxFileSize, accept };
-    //console.log("validatedFuiFileList pre", fuiFileListToValidate);
-
-    let finalNumberOfValids: number = numberOfValidFiles;
-    if (behaviour === "replace") {
-      //re-start number of valids
-      finalNumberOfValids = 0;
-    }
-
-    const validatedFuiFileList: ExtFile[] = validateExtFileList(
-      fuiFileListToValidate,
-      maxFiles ? maxFiles - finalNumberOfValids : Infinity,
-      localValidator,
-      validator,
-      maxFiles,
-      localization
-    );
-    //console.log("validatedFuiFileList aft", validatedFuiFileList);
-    return validatedFuiFileList;
-  };
-
-  // HANDLERS for CLICK
-  function handleClick(): void {
-    ////console.log("HAAAAAAAA");
-    //handleClickUtil(evt);
-    if (disabled) return;
-
-    handleClickInput(inputRef.current);
-  }
-
-  /**
-   * reset the complete file list
-   */
-  const handleReset = (): void => {
-    if (onChange) {
-      onChange([]);
-    } else {
-      setLocalFiles([]);
-    }
-  };
-  const handleClean = (): void => {
-    if (onChange) {
-      onChange(localFiles.filter((f) => f.valid));
-    } else {
-      setLocalFiles(localFiles.filter((f) => f.valid));
-    }
-  };
-
-  return (
-    <React.Fragment>
-      {actionButtonsPosition === "before" && (
-        <DropzoneButtons
-          disabled={disabled}
-          abortButton={isUploading ? abortButton : undefined}
-          onAbort={handleAbortUpload}
-          deleteButton={deleteButton}
-          onDelete={!isUploading ? handleReset : undefined}
-          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
-          onUpload={!autoUpload ? () => uploadfiles(localFiles) : undefined}
-          cleanButton={
-            validateFilesFlag && !isUploading && !autoClean
-              ? cleanButton
-              : undefined
-          }
-          onClean={handleClean}
-          style={containerStyle}
-          className={containerClassName}
-          top={true}
-        />
-      )}
-      <MaterialButton
-        disabled={disabled}
-        className={className}
-        style={style}
-        color={color}
-        variant={variant}
-        textTransform={textTransform}
-        textColor={textColor}
-        resetStyles={resetStyles}
-        onClick={handleClick}
-        disableRipple={disableRipple}
-        darkMode={darkMode}
-        id={inputButtonId}
-        {...rest}
-      >
-        {children || label}
-      </MaterialButton>
-      <InputHidden
-        multiple={maxFiles ? maxFiles > 1 : true}
-        accept={accept || ""}
-        inputRef={inputRef}
-        onChange={handleChangeInput}
-      />
-
-      {actionButtonsPosition === "after" && (
-        <DropzoneButtons
-          disabled={disabled}
-          abortButton={isUploading ? abortButton : undefined}
-          onAbort={handleAbortUpload}
-          deleteButton={deleteButton}
-          onDelete={!isUploading ? handleReset : undefined}
-          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
-          onUpload={!autoUpload ? () => uploadfiles(localFiles) : undefined}
-          cleanButton={
-            validateFilesFlag && !isUploading && !autoClean
-              ? cleanButton
-              : undefined
-          }
-          onClean={handleClean}
-          style={containerStyle}
-          className={containerClassName}
-          top={false}
-        />
-      )}
-    </React.Fragment>
-  );
-};
-export default FileInputButton;
+export { default } from "./FileInputButtonContainer";
+export { FileInputButtonContainer as FileInputButton } from "./FileInputButtonContainer";
+export { FileInputButtonContainer } from "./FileInputButtonContainer";
diff --git a/src/FileInputButton/FileInputButtonClient.tsx b/src/FileInputButton/FileInputButtonClient.tsx
new file mode 100644
index 00000000..7b3279df
--- /dev/null
+++ b/src/FileInputButton/FileInputButtonClient.tsx
@@ -0,0 +1,258 @@
+import * as React from "react";
+import {
+  Localization,
+  ExtFile,
+  cleanInput,
+} from "@files-ui/core";
+import { DropzoneActions } from "../Dropzone/components/dropzone/DropzoneProps";
+import DropzoneButtons from "../Dropzone/components/DropzoneButtons/DropzoneButtons";
+import { FilesUiContext } from "../FilesUiProvider/FilesUiContext";
+import InputHidden from "../InputHidden/InputHidden";
+import { MaterialButton } from "../MaterialButton";
+
+import { mergeProps } from "../overridable";
+import { handleClickInput } from "../utils";
+import {
+  defaultFileInputButtonProps,
+  FileInputButtonProps,
+} from "./InputButtonProps";
+import { useFilesUI } from "../hooks";
+
+/**
+ * FileInputButton component - refactored to use useFilesUI hook
+ * 
+ * A Material-UI style button for file selection with validation and upload capabilities
+ */
+const FileInputButtonClient: React.FC<FileInputButtonProps> = (
+  props: FileInputButtonProps
+) => {
+  const {
+    //basic
+    value = [],
+    onChange,
+    //validation
+    accept,
+    maxFileSize,
+    maxFiles,
+    validator,
+    autoClean,
+    //uploading
+    uploadConfig,
+    maxConcurrentUploads,
+    fakeUpload,
+    onUploadStart,
+    onUploadFinish,
+    //styling
+    color,
+    style,
+    textColor,
+    textTransform,
+    className,
+    //label
+    label,
+    //localization
+    localization: locProps,
+    //ripple
+    disableRipple,
+    //action buttons
+    actionButtons,
+    //disabled
+    disabled,
+    //add or replace
+    behaviour,
+    //content
+    children,
+
+    variant,
+    resetStyles,
+    darkMode: darkModeProp,
+    ...rest
+  } = mergeProps(props, defaultFileInputButtonProps);
+  
+  //context
+  const context = React.useContext(FilesUiContext);
+  const darkModeContext = context?.darkMode;
+  const locContext = context?.localization;
+  const localization: Localization | undefined =
+    locProps !== undefined ? locProps : locContext;
+  const darkMode: boolean | undefined =
+    darkModeProp !== undefined ? darkModeProp : darkModeContext;
+
+  const {
+    url,
+    method,
+    headers,
+    uploadLabel,
+    cleanOnUpload = true,
+    autoUpload = false,
+    urlFromExtFile,
+    asBlob = false,
+  } = uploadConfig || {};
+
+  // Extended upload config (not in UploadConfig type yet)
+  const chunked = (uploadConfig as any)?.chunked ?? false;
+  const chunkSize = (uploadConfig as any)?.chunkSize;
+  const maxConcurrentUploadsConfig = maxConcurrentUploads || (uploadConfig as any)?.maxConcurrentUploads;
+
+  const {
+    position: actionButtonsPosition,
+    abortButton,
+    deleteButton,
+    uploadButton,
+    cleanButton,
+    style: containerStyle,
+    className: containerClassName,
+  } = actionButtons as DropzoneActions;
+
+  //ref to the hidden input tag
+  const inputRef = React.useRef<HTMLInputElement>(null);
+
+  // Use the headless useFilesUI hook
+  const {
+    files: localFiles,
+    numberOfValidFiles,
+    isUploading,
+    removeFile,
+    clearFiles,
+    cleanFiles: cleanInvalidFiles,
+    uploadFiles,
+    abortUpload,
+    getInputProps,
+  } = useFilesUI({
+    accept,
+    maxFileSize,
+    maxFiles,
+    validator,
+    url,
+    urlFromExtFile,
+    method,
+    headers,
+    uploadLabel,
+    asBlob,
+    chunked,
+    chunkSize,
+    maxConcurrentUploads: maxConcurrentUploadsConfig,
+    behaviour,
+    autoClean,
+    cleanOnUpload,
+    localization,
+    onChange,
+    onUploadStart,
+    onUploadFinish,
+    value,
+  });
+
+  // Auto-upload when files are added
+  React.useEffect(() => {
+    if (autoUpload && localFiles.length > 0 && !isUploading) {
+      const hasUploadableFiles = localFiles.some(
+        (f) => f.valid !== false && !f.uploadStatus
+      );
+      if (hasUploadableFiles) {
+        uploadFiles();
+      }
+    }
+  }, [autoUpload, localFiles, isUploading, uploadFiles]);
+
+  // Flag that determines whether to validate or not
+  const validateFilesFlag: boolean = Boolean(
+    accept || maxFileSize || maxFiles || validator
+  );
+
+  // Get input props from useFilesUI
+  const inputProps = getInputProps();
+
+  const handleChangeInput: React.ChangeEventHandler<HTMLInputElement> = (
+    evt: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    inputProps.onChange(evt);
+    // Clean input element to trigger onChange event on input
+    cleanInput(inputRef.current);
+  };
+
+  // HANDLERS for CLICK
+  function handleClick(): void {
+    if (disabled) return;
+    handleClickInput(inputRef.current);
+  }
+
+  /**
+   * reset the complete file list
+   */
+  const handleReset = (): void => {
+    clearFiles();
+  };
+  
+  const handleClean = (): void => {
+    cleanInvalidFiles();
+  };
+
+  return (
+    <React.Fragment>
+      {actionButtonsPosition === "before" && (
+        <DropzoneButtons
+          disabled={disabled}
+          abortButton={isUploading ? abortButton : undefined}
+          onAbort={abortUpload}
+          deleteButton={deleteButton}
+          onDelete={!isUploading ? handleReset : undefined}
+          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
+          onUpload={!autoUpload ? () => uploadFiles() : undefined}
+          cleanButton={
+            validateFilesFlag && !isUploading && !autoClean
+              ? cleanButton
+              : undefined
+          }
+          onClean={handleClean}
+          style={containerStyle}
+          className={containerClassName}
+          top={true}
+        />
+      )}
+      <MaterialButton
+        disabled={disabled}
+        className={className}
+        style={style}
+        color={color}
+        variant={variant}
+        textTransform={textTransform}
+        textColor={textColor}
+        resetStyles={resetStyles}
+        onClick={handleClick}
+        disableRipple={disableRipple}
+        darkMode={darkMode}
+        {...rest}
+      >
+        {children || label}
+      </MaterialButton>
+      <InputHidden
+        multiple={inputProps.multiple}
+        accept={inputProps.accept || ""}
+        inputRef={inputRef}
+        onChange={handleChangeInput}
+      />
+      {actionButtonsPosition === "after" && (
+        <DropzoneButtons
+          disabled={disabled}
+          abortButton={isUploading ? abortButton : undefined}
+          onAbort={abortUpload}
+          deleteButton={deleteButton}
+          onDelete={!isUploading ? handleReset : undefined}
+          uploadButton={!isUploading && !autoUpload ? uploadButton : undefined}
+          onUpload={!autoUpload ? () => uploadFiles() : undefined}
+          cleanButton={
+            validateFilesFlag && !isUploading && !autoClean
+              ? cleanButton
+              : undefined
+          }
+          onClean={handleClean}
+          style={containerStyle}
+          className={containerClassName}
+          top={false}
+        />
+      )}
+    </React.Fragment>
+  );
+};
+
+export default FileInputButtonClient;
diff --git a/src/FileInputButton/FileInputButtonContainer.tsx b/src/FileInputButton/FileInputButtonContainer.tsx
new file mode 100644
index 00000000..c326b0a4
--- /dev/null
+++ b/src/FileInputButton/FileInputButtonContainer.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { FileInputButtonProps } from "./InputButtonProps";
+import FileInputButtonClient from "./FileInputButtonClient";
+
+const FileInputButtonContainer: React.FC<FileInputButtonProps> = (
+  props: FileInputButtonProps
+) => {
+  return <FileInputButtonClient {...props} />;
+};
+
+export { FileInputButtonContainer };
+export default FileInputButtonContainer;
diff --git a/src/FileInputButton/FileInputButtonSkeleton/FileInputButtonSkeleton.tsx b/src/FileInputButton/FileInputButtonSkeleton/FileInputButtonSkeleton.tsx
new file mode 100644
index 00000000..ee47d93c
--- /dev/null
+++ b/src/FileInputButton/FileInputButtonSkeleton/FileInputButtonSkeleton.tsx
@@ -0,0 +1,36 @@
+import * as React from "react";
+import FuiSkeleton from "../../skeleton/FuiSkeleton";
+import { FuiSkeletonProps } from "../../skeleton/FuiSkeletonProps";
+import { mergeProps } from "../../overridable";
+
+const defaultFileInputButtonSkeletonProps: FuiSkeletonProps = {
+  animation: "wave",
+  variant: "rectangular",
+  width: 160,
+  height: 42,
+};
+
+const FileInputButtonSkeleton: React.FC<FuiSkeletonProps> = (
+  props: FuiSkeletonProps,
+) => {
+  const { className, style, animation, width, height } = mergeProps(
+    props,
+    defaultFileInputButtonSkeletonProps,
+  );
+
+  return (
+    <div
+      className={`files-ui-file-input-button-skeleton${className ? ` ${className}` : ""}`}
+      style={{ display: "inline-flex", ...style }}
+    >
+      <FuiSkeleton
+        animation={animation}
+        width={width}
+        height={height}
+        style={{ borderRadius: 9999 }}
+      />
+    </div>
+  );
+};
+
+export default FileInputButtonSkeleton;
\ No newline at end of file
diff --git a/src/FileInputButton/FileInputButtonSkeleton/index.ts b/src/FileInputButton/FileInputButtonSkeleton/index.ts
new file mode 100644
index 00000000..c7c35550
--- /dev/null
+++ b/src/FileInputButton/FileInputButtonSkeleton/index.ts
@@ -0,0 +1 @@
+export { default } from "./FileInputButtonSkeleton";
\ No newline at end of file
diff --git a/src/FileMosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayer.scss b/src/FileMosaic/components/FileMosaicInfoLayer/FileMosaicInfoLayer.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.scss b/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.tsx b/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.tsx
index 4d672b9f..0c3b277f 100644
--- a/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.tsx
+++ b/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayer.tsx
@@ -29,7 +29,12 @@ const FileMosaicMainLayer: React.FC<FileMosaicMainLayerProps> = React.memo(
     localization,
     uploadStatus,
     isActive,
+    sizeMultiplier = 1,
   } = props;
+
+  const iconSize = Math.max(10, Math.round(15 * sizeMultiplier));
+  const infoIconSize = Math.max(6, Math.round(8 * sizeMultiplier));
+
   return (
     <React.Fragment>
       <div className="file-mosaic-main-layer-header">
@@ -40,7 +45,7 @@ const FileMosaicMainLayer: React.FC<FileMosaicMainLayerProps> = React.memo(
             }
             color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
             onClick={onDelete}
-            size="small"
+            size={iconSize}
             colorFill="transparent"
           />
         )}
@@ -68,7 +73,7 @@ const FileMosaicMainLayer: React.FC<FileMosaicMainLayerProps> = React.memo(
                   }
                   color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
                   onClick={onSee}
-                  size="small"
+                  size={iconSize}
                 />
               )}
 
@@ -81,7 +86,7 @@ const FileMosaicMainLayer: React.FC<FileMosaicMainLayerProps> = React.memo(
                   }
                   color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
                   onClick={onWatch}
-                  size="small"
+                  size={iconSize}
                 />
               )}
               {downloadIcon && (
@@ -93,7 +98,7 @@ const FileMosaicMainLayer: React.FC<FileMosaicMainLayerProps> = React.memo(
                   }
                   color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
                   onClick={onDownload}
-                  size="small"
+                  size={iconSize}
                 />
               )}
               {infoIcon && (
@@ -105,7 +110,7 @@ const FileMosaicMainLayer: React.FC<FileMosaicMainLayerProps> = React.memo(
                   }
                   onClick={onOpenInfo}
                   color={darkMode ? "#121212" : "rgba(255,255,255,0.851)"}
-                  size="micro"
+                  size={infoIconSize}
                 />
               )}
             </React.Fragment>
diff --git a/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayerProps.ts b/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayerProps.ts
index a0bebbdc..3d1ba385 100644
--- a/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayerProps.ts
+++ b/src/FileMosaic/components/FileMosaicMainLayer.tsx/FileMosaicMainLayerProps.ts
@@ -24,5 +24,11 @@ export interface FileMosaicMainLayerProps {
     infoIcon: boolean;
     onOpenInfo: Function | undefined;
 
+    /**
+     * Multiplier applied to action icon sizes.
+     * @default 1
+     */
+    sizeMultiplier?: number;
+
     isActive?: boolean;
 }
\ No newline at end of file
diff --git a/src/FileMosaic/components/FileMosaicSize/FileMosaicSize.scss b/src/FileMosaic/components/FileMosaicSize/FileMosaicSize.css
similarity index 60%
rename from src/FileMosaic/components/FileMosaicSize/FileMosaicSize.scss
rename to src/FileMosaic/components/FileMosaicSize/FileMosaicSize.css
index 3501786f..c8857117 100644
--- a/src/FileMosaic/components/FileMosaicSize/FileMosaicSize.scss
+++ b/src/FileMosaic/components/FileMosaicSize/FileMosaicSize.css
@@ -2,19 +2,20 @@
   box-sizing: border-box;
   font-size: 0.7rem;
   border: 0.5px solid wheat;
-  //outline: 0.5px solid wheat;
+  /* outline: 0.5px solid wheat; */
   text-align: center;
-  //border: none;
+  /* border: none; */
   color: rgba(255, 255, 255, 0.89);
-  //margin: 1.5px 1.5px 0% 0%;
+  /* margin: 1.5px 1.5px 0% 0%; */
   padding: 2px 1.5px;
   border-radius: 7px;
   background-color: rgba(32, 33, 36, 0.75);
   min-width: 45px;
   word-break: break-word;
   font-family: inherit;
-  &:hover {
-    background-color: rgba(32, 33, 36, 0.85);
-    color: rgba(255, 255, 255, 0.97);
-  }
 }
+
+.filesui-file-item-size:hover {
+  background-color: rgba(32, 33, 36, 0.85);
+  color: rgba(255, 255, 255, 0.97);
+}
\ No newline at end of file
diff --git a/src/FileMosaic/components/FileMosaicSize/FileMosaicSize.tsx b/src/FileMosaic/components/FileMosaicSize/FileMosaicSize.tsx
index 3722e74c..e07c7bb2 100644
--- a/src/FileMosaic/components/FileMosaicSize/FileMosaicSize.tsx
+++ b/src/FileMosaic/components/FileMosaicSize/FileMosaicSize.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import "./FileMosaicSize.scss";
+import "./FileMosaicSize.css";
 export type FileItemSizeProps = {
   sizeFormatted?: string;
 };
diff --git a/src/FileMosaic/components/FileMosaicSkeleton/FileMosaicSkeleton.tsx b/src/FileMosaic/components/FileMosaicSkeleton/FileMosaicSkeleton.tsx
new file mode 100644
index 00000000..2a9fbbfc
--- /dev/null
+++ b/src/FileMosaic/components/FileMosaicSkeleton/FileMosaicSkeleton.tsx
@@ -0,0 +1,63 @@
+import * as React from "react";
+import FuiSkeleton from "../../../skeleton/FuiSkeleton";
+import { FuiSkeletonProps } from "../../../skeleton/FuiSkeletonProps";
+import { mergeProps } from "../../../overridable";
+
+type SizeVariant = "xs" | "small" | "medium" | "large";
+
+interface FileMosaicSkeletonProps extends FuiSkeletonProps {
+  sizeVariant?: SizeVariant;
+}
+
+const sizeMap: Record<SizeVariant, { width: number; mainHeight: number; circleSize: number }> = {
+  xs: { width: 88, mainHeight: 88, circleSize: 24 },
+  small: { width: 110, mainHeight: 110, circleSize: 30 },
+  medium: { width: 132, mainHeight: 132, circleSize: 38 },
+  large: { width: 176, mainHeight: 176, circleSize: 48 },
+};
+
+const defaultFileMosaicSkeletonProps: FuiSkeletonProps = {
+  animation: "wave",
+  variant: "rectangular",
+  width: 132,
+  height: 160,
+};
+
+const FileMosaicSkeleton: React.FC<FileMosaicSkeletonProps> = (
+  props: FileMosaicSkeletonProps,
+) => {
+  const { sizeVariant = "medium", ...restProps } = props;
+  const { className, style, animation, width, height } = mergeProps(
+    restProps,
+    defaultFileMosaicSkeletonProps,
+  );
+
+  const dims = sizeMap[sizeVariant];
+  const finalWidth = width !== 132 ? width : dims.width;
+
+  return (
+    <div
+      className={`files-ui-file-mosaic-skeleton${className ? ` ${className}` : ""}`}
+      style={{
+        display: "inline-flex",
+        flexDirection: "column",
+        gap: 8,
+        width: finalWidth,
+        ...style,
+      }}
+    >
+      <FuiSkeleton animation={animation} width={finalWidth} height={dims.mainHeight} />
+      <FuiSkeleton animation={animation} width={finalWidth} height={14} />
+      <FuiSkeleton animation={animation} width={finalWidth ? `calc(${typeof finalWidth === "number" ? finalWidth + "px" : finalWidth} * 0.72)` : 96} height={12} />
+      <div style={{ display: "flex", gap: 8 }}>
+        <FuiSkeleton animation={animation} width={dims.circleSize} height={dims.circleSize} variant="circular" />
+        <FuiSkeleton animation={animation} width={dims.circleSize} height={dims.circleSize} variant="circular" />
+      </div>
+      <div style={{ height: 0, width: 0, overflow: "hidden" }} aria-hidden="true">
+        {height}
+      </div>
+    </div>
+  );
+};
+
+export default FileMosaicSkeleton;
\ No newline at end of file
diff --git a/src/FileMosaic/components/FileMosaicSkeleton/index.ts b/src/FileMosaic/components/FileMosaicSkeleton/index.ts
new file mode 100644
index 00000000..bb888ea7
--- /dev/null
+++ b/src/FileMosaic/components/FileMosaicSkeleton/index.ts
@@ -0,0 +1 @@
+export { default } from "./FileMosaicSkeleton";
\ No newline at end of file
diff --git a/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.css b/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.css
new file mode 100644
index 00000000..d9786b1a
--- /dev/null
+++ b/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.css
@@ -0,0 +1,52 @@
+.files-ui-file-item-status-container {
+  text-align: center;
+  font-size: 0.8rem;
+  background-color: rgba(255, 255, 255, 0.8);
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  border-radius: 4px;
+  padding: 0.5px;
+  font-weight: 400;
+}
+
+.files-ui-file-item-status-container.file-status-error {
+  color: #f44336;
+}
+
+.files-ui-file-item-status-container.file-status-ok {
+  color: #5c7a1f;
+}
+
+.files-ui-file-item-status-container.file-status-loading {
+  position: relative;
+  display: flex;
+  color: #8b6b10;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background-color: rgba(255, 255, 255, 0.7);
+  /* background-color: transparent; */
+}
+
+.files-ui-file-item-status-container.file-status-loading.percentage {
+  padding: 7px 4px 2px 5px;
+}
+
+.files-ui-file-item-status-container.file-status-loading .abort-button {
+  position: absolute;
+  right: -2px;
+  top: -2px;
+}
+
+.files-ui-file-item-status-container.file-status-loading .uploading-text.up {
+  margin-bottom: -22px;
+}
+
+.files-ui-file-item-status-container.file-status-loading .uploading-text.down {
+  margin-top: -20px;
+}
+
+.files-ui-file-item-status-container.file-status-loading .uploading-text p.percentage {
+  font-weight: 500;
+}
\ No newline at end of file
diff --git a/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.scss b/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.scss
deleted file mode 100644
index 653ed558..00000000
--- a/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-.files-ui-file-item-status-container {
-  text-align: center;
-  font-size: 0.8rem;
-  background-color: rgba(255, 255, 255, 0.8);
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  border-radius: 4px;
-  padding: 0.5px;
-  font-weight: 400;
-  &.file-status-error {
-    color: #f44336;
-  }
-  &.file-status-ok {
-    color: #5c7a1f;
-  }
-  &.file-status-loading {
-      &.percentage{
-          padding: 7px 4px 2px 5px;
-      }
-    //
-    position: relative;
-    .abort-button {
-      position: absolute;
-      right: -2px;
-      top: -2px;
-    }
-    display: flex;
-    color: #8b6b10;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    background-color: rgba(255, 255, 255, 0.7);
-
-    //background-color: transparent;
-    .uploading-text {
-      &.up {
-        margin-bottom: -22px;
-      }
-      &.down {
-        margin-top: -20px;
-      }
-
-      p.percentage {
-        font-weight: 500;
-      }
-    }
-  }
-}
diff --git a/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.tsx b/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.tsx
index a45bdf4e..ccf15f8f 100644
--- a/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.tsx
+++ b/src/FileMosaic/components/FileMosaicStatus/FileMosaicStatus.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 
 import { CheckCircle, CloudDone, DoDisturb, UploadError } from "../../../icons";
 import { FileMosaicStatusProps } from "./FileMosaicStatusProps";
-import "./FileMosaicStatus.scss";
+import "./FileMosaicStatus.css";
 import { FileItemLocalizerSelector, LocalLabels } from "@files-ui/core"
 
 const FileMosaicStatus: React.FC<FileMosaicStatusProps> = React.memo(
diff --git a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.css b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.css
new file mode 100644
index 00000000..bc27bb00
--- /dev/null
+++ b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.css
@@ -0,0 +1,44 @@
+.files-ui-file-mosaic-upload-layer {
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.65);
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: 500;
+  font-size: 1em;
+  position: relative;
+  overflow: hidden;
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-list {
+  transition: all 1.5s ease;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-list .elevation-item {
+  width: 100%;
+  height: 132px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding: 0 10px;
+  box-sizing: border-box;
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-list .elevation-item span {
+  text-align: center;
+  word-break: break-word;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2; /* number of lines to show */
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
\ No newline at end of file
diff --git a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.scss b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.scss
deleted file mode 100644
index 1c4795bd..00000000
--- a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-.files-ui-file-mosaic-upload-layer {
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.65);
-  color: rgba(255, 255, 255, 0.8);
-  font-weight: 500;
-  font-size: 1em;
-  position: relative;
-  overflow: hidden;
-
-  .elevation-list {
-    transition: all 1.5s ease;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    .elevation-item {
-      width: 100%;
-      height: 132px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-      padding: 0 10px;
-      box-sizing: border-box;
-
-      span {
-        text-align: center;
-        word-break: break-word;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 2; /* number of lines to show */
-        line-clamp: 2;
-        -webkit-box-orient: vertical;
-      }
-    }
-  }
-
-
-}
diff --git a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.tsx b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.tsx
index 0fd1859b..4fee2759 100644
--- a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.tsx
+++ b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayer.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { FileMosaicUploadLayerProps } from "./FileMosaicUploadLayerProps";
-import "./FileMosaicUploadLayer.scss";
+import "./FileMosaicUploadLayer.css";
 import { UPLOADSTATUS } from "@files-ui/core"
 import {
   PreparingStatus,
diff --git a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.css b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.css
new file mode 100644
index 00000000..c5457bf9
--- /dev/null
+++ b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.css
@@ -0,0 +1,85 @@
+.files-ui-file-mosaic-upload-layer {
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: 500;
+  font-size: 1em;
+  position: relative;
+  overflow: hidden;
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-list {
+  transition: all 2s ease-in-out;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-list .elevation-item {
+  width: 100%;
+  height: 132px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding: 0 10px;
+  box-sizing: border-box;
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-list .elevation-item text {
+  text-align: center;
+  word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2; /* number of lines to show */
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-layer-container {
+  width: 100%;
+  height: 100%;
+  /* display: flex; */
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-layer-container .elevate-layer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  /* transform: translateY(0px); */
+  /* transition: all 0.3s ease-in-out; */
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-layer-container .appear-layer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  /* transform: translateY(132px); */
+  /* transition: all 0.3s ease-in-out; */
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-layer-container.elevate .elevate-layer {
+  transform: translateY(-132px);
+  transition: all 2s ease-in-out;
+}
+
+.files-ui-file-mosaic-upload-layer .elevation-layer-container.elevate .appear-layer {
+  transform: translateY(-132px);
+  transition: all 2s ease-in-out;
+}
\ No newline at end of file
diff --git a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.scss b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.scss
deleted file mode 100644
index 104debc4..00000000
--- a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.scss
+++ /dev/null
@@ -1,83 +0,0 @@
-.files-ui-file-mosaic-upload-layer {
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
-    color: rgba(255, 255, 255, 0.8);
-    font-weight: 500;
-    font-size: 1em;
-    position: relative;
-    overflow: hidden;
-  
-    .elevation-list {
-      transition: all 2s ease-in-out;
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-      .elevation-item {
-        width: 100%;
-        height: 132px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        padding: 0 10px;
-        box-sizing: border-box;
-  
-        text {
-          text-align: center;
-          word-break: break-all;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 2; /* number of lines to show */
-          line-clamp: 2;
-          -webkit-box-orient: vertical;
-        }
-      }
-    }
-  
-    .elevation-layer-container {
-      width: 100%;
-      height: 100%;
-      //display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-      .elevate-layer {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        //transform: translateY(0px);
-        //transition: all 0.3s ease-in-out;
-      }
-      .appear-layer {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        //transform: translateY(132px);
-        //transition: all 0.3s ease-in-out;
-      }
-      &.elevate {
-        .elevate-layer {
-          transform: translateY(-132px);
-          transition: all 2s ease-in-out;
-        }
-        .appear-layer {
-          transform: translateY(-132px);
-          transition: all 2s ease-in-out;
-        }
-      }
-    }
-  }
-  
\ No newline at end of file
diff --git a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.tsx b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.tsx
index 8988f5e4..f00da1d8 100644
--- a/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.tsx
+++ b/src/FileMosaic/components/FileMosaicUploadLayer/FileMosaicUploadLayerLegacy.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { FileMosaicUploadLayerProps } from "./FileMosaicUploadLayerProps";
-import "./FileMosaicUploadLayer.scss";
+import "./FileMosaicUploadLayer.css";
 import InfiniteLoader from "../../../loader/InfiniteLoader/InfiniteLoader";
 import {
   FileItemLocalizerSelector,
diff --git a/src/FileMosaic/components/file-mosaic-layer/Layer.scss b/src/FileMosaic/components/file-mosaic-layer/Layer.css
similarity index 100%
rename from src/FileMosaic/components/file-mosaic-layer/Layer.scss
rename to src/FileMosaic/components/file-mosaic-layer/Layer.css
diff --git a/src/FileMosaic/components/file-mosaic-layer/Layer.tsx b/src/FileMosaic/components/file-mosaic-layer/Layer.tsx
index a47197dc..0e2308cc 100644
--- a/src/FileMosaic/components/file-mosaic-layer/Layer.tsx
+++ b/src/FileMosaic/components/file-mosaic-layer/Layer.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { addClassName } from "@files-ui/core"
 import { OverridableComponentProps } from "../../../overridable";
-import "./Layer.scss";
+import "./Layer.css";
 
 interface LayerPropsMap extends OverridableComponentProps {
   visible?: boolean;
diff --git a/src/FileMosaic/components/file-mosaic-layer/LayerContainer.scss b/src/FileMosaic/components/file-mosaic-layer/LayerContainer.css
similarity index 96%
rename from src/FileMosaic/components/file-mosaic-layer/LayerContainer.scss
rename to src/FileMosaic/components/file-mosaic-layer/LayerContainer.css
index aa46e329..c62a5348 100644
--- a/src/FileMosaic/components/file-mosaic-layer/LayerContainer.scss
+++ b/src/FileMosaic/components/file-mosaic-layer/LayerContainer.css
@@ -1,5 +1,3 @@
 .files-ui-layer-container{
-
     position: relative;
-
 }
\ No newline at end of file
diff --git a/src/FileMosaic/components/file-mosaic-layer/LayerContainer.tsx b/src/FileMosaic/components/file-mosaic-layer/LayerContainer.tsx
index 157e03bb..268feef5 100644
--- a/src/FileMosaic/components/file-mosaic-layer/LayerContainer.tsx
+++ b/src/FileMosaic/components/file-mosaic-layer/LayerContainer.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { addClassName } from "@files-ui/core"
 import { OverridableComponentProps } from "../../../overridable";
-import "./LayerContainer.scss";
+import "./LayerContainer.css";
 
 interface LayerContainerPropMap extends OverridableComponentProps {}
 
diff --git a/src/FileMosaic/components/file-mosaic/FileMosaic.css b/src/FileMosaic/components/file-mosaic/FileMosaic.css
new file mode 100644
index 00000000..aab34c74
--- /dev/null
+++ b/src/FileMosaic/components/file-mosaic/FileMosaic.css
@@ -0,0 +1,253 @@
+.files-ui-file-mosaic-main-container {
+  /* min width */
+  width: 132px;
+  box-sizing: border-box;
+  font-family: var(--files-ui-font-family, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+  font-size: 15px;
+  font-weight: 400;
+  word-break: break-word;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container {
+  width: 132px;
+  height: 132px;
+  border-radius: 8px;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-image-layer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-image-layer img {
+  /* filter: blur(0); */
+  /* width: 100%; */
+  /* height: 100%; */
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-image-layer.blur img {
+  filter: blur(4px);
+  width: 200%;
+  height: 200%;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-main-layer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: column;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-main-layer .file-mosaic-main-layer-header {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-main-layer .file-mosaic-main-layer-footer {
+  width: 100%;
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  flex-direction: row;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-main-layer .file-mosaic-main-layer-footer .file-mosaic-footer-right {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  flex-grow: 1;
+  align-items: flex-end;
+  justify-content: flex-end;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-main-layer .file-mosaic-main-layer-footer .file-mosaic-footer-left {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  flex-grow: 1;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-info-layer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  text-align: left;
+  scrollbar-width: thin;
+  line-height: 1.5;
+  letter-spacing: 0.02857em;
+  font-family: var(--files-ui-font-family, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+  width: inherit;
+  background-color: rgba(0, 0, 0, 0.85);
+  word-break: break-word;
+  height: 100%;
+  width: 100%;
+  font-size: 0.8rem;
+  transition: all 0.5s ease 0s;
+  overflow: auto;
+  color: white;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-info-layer::-webkit-scrollbar {
+  width: 9px;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-info-layer::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-info-layer::-webkit-scrollbar-thumb {
+  background-color: #646c7fa9;
+  border-radius: 20px;
+  border: transparent;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-info-layer .files-ui-file-mosaic-info-layer-header {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-info-layer .heading {
+  font-weight: 600;
+  padding: 0 5px;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-icon-layer-container .files-ui-file-mosaic-info-layer .label {
+  padding: 0 5px;
+  font-weight: 399;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-file-name {
+  margin-top: 1px;
+  height: 31px;
+  text-align: center;
+  width: 100%;
+  color: black;
+  font-size: 0.95em;
+  box-sizing: border-box;
+  line-height: 15px;
+  font-weight: 400;
+  letter-spacing: 0.07rem;
+  word-break: break-all;
+  /* 3 dots break in 2 lines */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2; /* number of lines to show */
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  /* display: flex;
+  align-items: center;
+  justify-content: center; */
+}
+
+.files-ui-file-mosaic-main-container .files-ui-file-mosaic-file-name.dark-mode {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.files-ui-file-mosaic-main-container.clickable {
+  cursor: pointer;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-selection-checkbox {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  z-index: 4;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 14px;
+  background: rgba(255, 255, 255, 0.94);
+  box-shadow:
+    0 1px 2px rgba(16, 24, 40, 0.18),
+    0 1px 1px rgba(16, 24, 40, 0.08);
+}
+
+.files-ui-file-mosaic-main-container .files-ui-selection-checkbox-input {
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  cursor: pointer;
+  accent-color: #1976d2;
+}
+
+/* ===== SIZE VARIANTS ===== */
+
+/* XS variant */
+.files-ui-file-mosaic-main-container.fui-size-xs {
+  width: 88px;
+  font-size: 10.5px;
+}
+.files-ui-file-mosaic-main-container.fui-size-xs .files-ui-file-mosaic-icon-layer-container {
+  width: 88px;
+  height: 88px;
+  border-radius: 6px;
+}
+.files-ui-file-mosaic-main-container.fui-size-xs .files-ui-file-mosaic-file-name {
+  font-size: 0.8em;
+  height: 24px;
+  line-height: 12px;
+}
+
+/* Small variant */
+.files-ui-file-mosaic-main-container.fui-size-small {
+  width: 110px;
+  font-size: 12.75px;
+}
+.files-ui-file-mosaic-main-container.fui-size-small .files-ui-file-mosaic-icon-layer-container {
+  width: 110px;
+  height: 110px;
+  border-radius: 7px;
+}
+.files-ui-file-mosaic-main-container.fui-size-small .files-ui-file-mosaic-file-name {
+  font-size: 0.88em;
+  height: 27px;
+  line-height: 13px;
+}
+
+/* Large variant */
+.files-ui-file-mosaic-main-container.fui-size-large {
+  width: 176px;
+  font-size: 18px;
+}
+.files-ui-file-mosaic-main-container.fui-size-large .files-ui-file-mosaic-icon-layer-container {
+  width: 176px;
+  height: 176px;
+  border-radius: 10px;
+}
+.files-ui-file-mosaic-main-container.fui-size-large .files-ui-file-mosaic-file-name {
+  font-size: 1.05em;
+  height: 38px;
+  line-height: 18px;
+}
+
+.files-ui-file-mosaic-main-container .files-ui-selection-checkbox-input:focus-visible {
+  outline: 2px solid #1976d2;
+  outline-offset: 1px;
+}
+
diff --git a/src/FileMosaic/components/file-mosaic/FileMosaic.scss b/src/FileMosaic/components/file-mosaic/FileMosaic.scss
deleted file mode 100644
index 9be5218c..00000000
--- a/src/FileMosaic/components/file-mosaic/FileMosaic.scss
+++ /dev/null
@@ -1,226 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
-
-.files-ui-file-mosaic-main-container {
-  //min width
-  width: 132px;
-
-  box-sizing: border-box;
-  font-family: "Poppins", sans-serif;
-  font-size: 15px;
-  font-weight: 400;
-  word-break: break-word;
-
-  .files-ui-file-mosaic-icon-layer-container {
-    width: 132px;
-    height: 132px;
-    border-radius: 8px;
-    box-sizing: border-box;
-    overflow: hidden;
-
-    .files-ui-file-mosaic-image-layer {
-      position: absolute;
-      left: 0;
-      right: 0;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      img {
-        //filter: blur(0);
-        //width: 100%;
-        //height: 100%;
-        background-repeat: no-repeat;
-        background-size: cover;
-        background-position: center;
-      }
-      &.blur {
-        img {
-          filter: blur(4px);
-          width: 200%;
-          height: 200%;
-        }
-      }
-    }
-
-    .files-ui-file-mosaic-main-layer {
-      position: absolute;
-      left: 0;
-      right: 0;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      flex-direction: column;
-
-      .file-mosaic-main-layer-header {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-      }
-      .file-mosaic-main-layer-footer {
-        width: 100%;
-        display: flex;
-        align-items: flex-end;
-        justify-content: space-between;
-        flex-direction: row;
-        .file-mosaic-footer-right {
-          display: flex;
-          align-items: center;
-          flex-direction: row;
-          flex-grow: 1;
-          align-items: flex-end;
-          justify-content: flex-end;
-        }
-        .file-mosaic-footer-left {
-          display: flex;
-          align-items: center;
-          flex-direction: column;
-          flex-grow: 1;
-          align-items: flex-start;
-
-          justify-content: center;
-        }
-      }
-    }
-
-    .files-ui-file-mosaic-info-layer {
-      position: absolute;
-      left: 0;
-      right: 0;
-      text-align: left;
-
-      scrollbar-width: thin;
-      &::-webkit-scrollbar {
-        width: 9px;
-      }
-  
-      &::-webkit-scrollbar-track {
-        background: transparent;
-      }
-  
-      &::-webkit-scrollbar-thumb {
-        background-color: #646c7fa9;
-        border-radius: 20px;
-        border: transparent;
-      }
-      line-height: 1.5;
-      letter-spacing: 0.02857em;
-      font-family: "Poppins", sans-serif;
-      width: inherit;
-      background-color: rgba(0, 0, 0, 0.85);
-      word-break: break-word;
-      height: 100%;
-      width: 100%;
-      font-size: 0.8rem;
-      transition: all 0.5s ease 0s;
-      overflow: auto;
-      color: white;
-      .files-ui-file-mosaic-info-layer-header {
-        display: flex;
-        width: 100%;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
-      }
-      .heading {
-        font-weight: 600;
-        padding: 0 5px;
-      }
-      .label {
-        padding: 0 5px;
-        font-weight: 399;
-      }
-    }
-
-    ///
-
-  }
-
-  .files-ui-file-mosaic-file-name {
-    margin-top: 1px;
-    height: 31px;
-    text-align: center;
-    width: 100%;
-    color: black;
-    font-size: 0.95em;
-    box-sizing: border-box;
-    line-height: 15px;
-    font-weight: 400;
-    letter-spacing: 0.07rem;
-    word-break: break-all;
-    //3 dots break in 2 lines
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2; /* number of lines to show */
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
-   /*  display: flex;
-    align-items: center;
-    justify-content: center; */
-    &.dark-mode {
-      color: rgba(255, 255, 255, 0.7);
-    }
-  }
-
-
-  &.clickable{
-    cursor: pointer;
-  }
-
-  .files-ui-selection-checkbox {
-    position: absolute;
-    top: 8px;
-    left: 8px;
-    z-index: 4;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    border-radius: 14px;
-    background: rgba(255, 255, 255, 0.94);
-    box-shadow:
-      0 1px 2px rgba(16, 24, 40, 0.18),
-      0 1px 1px rgba(16, 24, 40, 0.08);
-  }
-
-  .files-ui-selection-checkbox-input {
-    width: 16px;
-    height: 16px;
-    margin: 0;
-    cursor: pointer;
-    accent-color: #1976d2;
-  }
-
-  .files-ui-selection-checkbox-input:focus-visible {
-    outline: 2px solid #1976d2;
-    outline-offset: 1px;
-  }
-}
-
-//// ICONS
-/* .files-ui-file-icon {
-  font-size: 0.7rem;
-  min-width: 19px;
-  min-height: 19px;
-  margin: 0;
-  padding: 2px 2px;
-  border-radius: 50%;
-  background-color: rgba(32, 33, 36, 0.65);
-  word-break: break-word;
-  box-sizing: content-box;
-  &:hover {
-    background-color: rgba(32, 33, 36, 0.85);
-  }
-  &.dark-mode {
-    background-color: rgba(154, 160, 166, 0.65);
-    &:hover {
-      background-color: rgba(154, 160, 166, 0.85);
-    }
-  }
-}
- */
\ No newline at end of file
diff --git a/src/FileMosaic/components/file-mosaic/FileMosaic.tsx b/src/FileMosaic/components/file-mosaic/FileMosaic.tsx
index a35df884..6400caa1 100644
--- a/src/FileMosaic/components/file-mosaic/FileMosaic.tsx
+++ b/src/FileMosaic/components/file-mosaic/FileMosaic.tsx
@@ -1,386 +1,3 @@
-import * as React from "react";
-import {
-  addClassName,
-  fileSizeFormater,
-  getLocalFileItemData,
-  Localization,
-} from "@files-ui/core";
-import "./FileMosaic.scss";
-import "./../../../icons/IconStyles.scss";
-import { FileMosaicProps } from "./FileMosaicProps";
-import LayerContainer from "../file-mosaic-layer/LayerContainer";
-import Layer from "../file-mosaic-layer/Layer";
-import FileMosaicName from "../FileMosaicName/FileMosaicName";
-import FileMosaicUploadLayer from "../FileMosaicUploadLayer/FileMosaicUploadLayer";
-import FileMosaicImageLayer from "../FIleMosaicImageLayer/FileMosaicImageLayer";
-import { Tooltip } from "../../../tooltip";
-
-import FileMosaicInfoLayer from "../FileMosaicInfoLayer/FileMosaicInfoLayer";
-import DownloadHidden from "../../../DownloadHidden/DownloadHidden";
-import FileMosaicMainLayer from "../FileMosaicMainLayer.tsx/FileMosaicMainLayer";
-import { FilesUiContext } from "../../../FilesUiProvider/FilesUiContext";
-import { handleClickUtil } from "../../../utils";
-import {
-  useProgress,
-  useFileMosaicInitializer,
-  useIsUploading,
-} from "../../../hooks";
-
-const FileMosaic: React.FC<FileMosaicProps> = (props: FileMosaicProps) => {
-  const {
-    style,
-    className,
-
-    file,
-    name: propName,
-    size: propSize,
-    type: propType,
-
-    id,
-    valid,
-    errors,
-    uploadStatus,
-    uploadMessage,
-    progress,
-
-    xhr,
-
-    localization: locProps,
-    preview,
-    imageUrl,
-    videoUrl,
-    info,
-    backgroundBlurImage = true,
-    darkMode: darkModeProp,
-
-    alwaysActive = true,
-
-    resultOnTooltip = true,
-
-    downloadUrl,
-
-    onDelete,
-    onCancel,
-    onAbort,
-
-    onDownload,
-    onSee,
-    onWatch,
-
-    onDoubleClick,
-    onClick,
-    onRightClick,
-    selectable = false,
-    selected = false,
-    onSelect,
-    smartImgFit = "orientation",
-  } = props;
-
-  //context
-  const {
-    darkMode: darkModeContext,
-    icons,
-    localization: locContext,
-  } = React.useContext(FilesUiContext);
-  const localization: Localization | undefined =
-    locProps !== undefined ? locProps : locContext;
-  const darkMode: boolean | undefined =
-    darkModeProp !== undefined ? darkModeProp : darkModeContext;
-  ////console.log("globalConfig", darkMode, icons);
-
-  //localizers
-
-  //ref for anchor download element
-  const downloadRef = React.useRef<HTMLAnchorElement | null>(null);
-
-  const finalClassName: string = addClassName(
-    addClassName(
-      "files-ui-file-mosaic-main-container files-ui-tooltip",
-      className,
-    ),
-    onClick ? "clickable" : undefined,
-  );
-
-  const fileMosaicFileNameClassName: string = darkMode
-    ? "files-ui-file-mosaic-file-name dark-mode"
-    : "files-ui-file-mosaic-file-name";
-
-  // local properties from file
-  const [localName, localType, localSize]: [
-    string,
-    string | undefined,
-    number | undefined,
-  ] = getLocalFileItemData(file, propName, propType, propSize);
-
-  // handle progress
-  const localProgress: number | undefined = useProgress(progress, xhr);
-
-  ////console.log("FileMosaic progress localProgress " + localProgress);
-
-  //Initialize File Item
-  const [isReady, isImage, isVideo, url, imageSource, videoSource]: [
-    boolean,
-    boolean,
-    boolean,
-    string,
-    string | undefined,
-    File | string | undefined,
-  ] = useFileMosaicInitializer(
-    file,
-    propName,
-    propType,
-    valid,
-    preview as boolean,
-    imageUrl,
-    videoUrl,
-    icons,
-  );
-  const effectiveDownloadUrl: string | undefined = videoUrl || downloadUrl;
-
-  //The size formatted and rounded in 2 decimals
-  const sizeFormatted: string | undefined = fileSizeFormater(localSize);
-  //alwaysActive
-  const [showInfo, setShowInfo] = React.useState<boolean>(false);
-
-  /********* ALWAYS ACTIVE LOGIC  ***************/
-  //state for actionOnHover
-  const [hovering, setHovering] = React.useState<boolean>(false);
-  const handleOnHoverEnter: React.MouseEventHandler<HTMLDivElement> =
-    React.useCallback(() => {
-      if (alwaysActive) return;
-      setHovering(true);
-    }, [alwaysActive]);
-  const handleOnHoverLeave: React.MouseEventHandler<HTMLDivElement> =
-    React.useCallback(() => {
-      if (alwaysActive) return;
-      setHovering(false);
-    }, [alwaysActive]);
-
-  /***************** HANDLERS **********/
-  //delete file item
-  const handleDelete = React.useCallback(
-    (): void => onDelete?.(id),
-    [onDelete, id],
-  );
-
-  //open info layer
-  const handleOpenInfo = React.useCallback((): void => setShowInfo(true), []);
-
-  //close info layer
-  const handleCloseInfo = React.useCallback((): void => setShowInfo(false), []);
-
-  const isUploading: boolean = useIsUploading(uploadStatus);
-
-  React.useEffect(() => {
-    ////console.log("Change isUploading", isUploading);
-    if (isUploading && showInfo) {
-      handleCloseInfo();
-    }
-    // eslint-disable-next-line
-  }, [isUploading]);
-
-  /*************** CLICK ***************/
-  /**
-   * TO-DO: Add functionallity on click event
-   * @param e event object
-   */
-  function handleClick<T extends HTMLDivElement>(
-    e: React.MouseEvent<T, MouseEvent>,
-  ): void {
-    //avoid children to trigger onClick ripple from parent
-    e.stopPropagation();
-    onClick?.(e);
-  }
-  const handleDoubleClick: React.MouseEventHandler<HTMLDivElement> = (
-    evt: React.MouseEvent,
-  ): void => {
-    //alert("double click on file");
-    evt.preventDefault();
-
-    onDoubleClick?.(evt);
-  };
-  function handleRightClick(evt: React.MouseEvent) {
-    // alert("right click!!!!");
-    //get coordinates
-    //zindex
-    //create menu component
-    // evt.preventDefault();
-    onRightClick?.(evt);
-  }
-  // DOWNLOAD FILE
-  /**
-   * onDownload, form 1
-   * Trigger dowload directly performing a click on anchor element
-   */
-  const innerDownload = React.useCallback(() => {
-    const anchorElement = downloadRef.current;
-    if (anchorElement) {
-      anchorElement.click();
-    }
-  }, []);
-  /**
-   * onDownlad, form 2
-   * Handle the download triggering an outside event
-   */
-  const handleDownload = React.useCallback(() => {
-    if (onDownload) {
-      onDownload?.(id, effectiveDownloadUrl);
-    } else if (typeof effectiveDownloadUrl == "string") {
-      innerDownload();
-    }
-  }, [onDownload, id, effectiveDownloadUrl, innerDownload]);
-  const handleAbort = React.useCallback(() => {
-    xhr?.abort();
-    onAbort?.(id);
-  }, [xhr, onAbort, id]);
-
-  const handleSelectionChange: React.ChangeEventHandler<HTMLInputElement> =
-    React.useCallback(
-      (evt: React.ChangeEvent<HTMLInputElement>) => {
-        evt.stopPropagation();
-        onSelect?.(id, evt.target.checked);
-      },
-      [onSelect, id],
-    );
-
-  const handleSelectionInputClick: React.MouseEventHandler<HTMLInputElement> =
-    React.useCallback((evt: React.MouseEvent<HTMLInputElement>) => {
-      evt.stopPropagation();
-    }, []);
-
-  if (isReady)
-    return (
-      <div
-        className={finalClassName}
-        style={style}
-        role="listitem"
-        tabIndex={0}
-        aria-label={`File: ${localName}${sizeFormatted ? `, ${sizeFormatted}` : ""}${uploadStatus ? `, status: ${uploadStatus}` : ""}`}
-        onClick={handleClick}
-        onMouseEnter={handleOnHoverEnter}
-        onMouseLeave={handleOnHoverLeave}
-        onDoubleClick={handleDoubleClick}
-        onContextMenu={handleRightClick}
-      >
-        {selectable && (
-          <div className="files-ui-selection-checkbox">
-            <input
-              className="files-ui-selection-checkbox-input"
-              type="checkbox"
-              checked={Boolean(selected)}
-              onClick={handleSelectionInputClick}
-              onChange={handleSelectionChange}
-              aria-label={`Select file ${localName}`}
-            />
-          </div>
-        )}
-        <LayerContainer
-          className="files-ui-file-mosaic-icon-layer-container"
-          style={style}
-        >
-          {/** IMAGE LAYER BLUR */}
-          <Layer
-            className="files-ui-file-mosaic-image-layer blur"
-            visible={backgroundBlurImage}
-          >
-            <FileMosaicImageLayer
-              imageSource={imageSource}
-              url={url}
-              fileName={localName}
-              isBlur={true}
-              smartImgFit={false}
-            />
-          </Layer>
-
-          {/** IMAGE LAYER NO BLUR */}
-          <Layer className="files-ui-file-mosaic-image-layer" visible={true}>
-            <FileMosaicImageLayer
-              imageSource={imageSource}
-              url={url}
-              fileName={localName}
-              isBlur={false}
-              smartImgFit={smartImgFit}
-            />
-          </Layer>
-
-          {/** MAIN LAYER ICONS & VALID & UPLOAD */}
-          <Layer
-            className="files-ui-file-mosaic-main-layer"
-            visible={!isUploading && !showInfo}
-          >
-            <FileMosaicMainLayer
-              deleteIcon={onDelete !== undefined}
-              onDelete={handleDelete}
-              darkMode={darkMode}
-              valid={valid}
-              uploadStatus={uploadStatus}
-              localization={localization}
-              sizeFormatted={sizeFormatted}
-              imageIcon={isImage && onSee !== undefined}
-              onSee={() => onSee?.(imageSource)}
-              videoIcon={isVideo && onWatch !== undefined}
-              onWatch={() => onWatch?.(videoSource)}
-              downloadIcon={
-                onDownload !== undefined || effectiveDownloadUrl !== undefined
-              }
-              onDownload={handleDownload}
-              infoIcon={info !== undefined}
-              onOpenInfo={handleOpenInfo}
-              isActive={alwaysActive || hovering}
-            />
-          </Layer>
-
-          {/** INFO LAYER */}
-          <Layer
-            className="files-ui-file-mosaic-info-layer"
-            visible={showInfo}
-            onClick={handleClickUtil}
-          >
-            <FileMosaicInfoLayer
-              onCloseInfo={handleCloseInfo}
-              valid={valid}
-              localization={localization}
-              localName={localName}
-              sizeFormatted={sizeFormatted}
-              localType={localType}
-            />
-          </Layer>
-
-          {/** UPLOAD LAYER */}
-          <Layer
-            className="files-ui-file-mosaic-upload-layer"
-            visible={isUploading}
-            onClick={handleClickUtil}
-          >
-            <FileMosaicUploadLayer
-              uploadStatus={uploadStatus}
-              progress={localProgress}
-              onCancel={onCancel ? () => onCancel?.(id) : undefined}
-              onAbort={onAbort ? handleAbort : undefined}
-              localization={localization}
-            />
-          </Layer>
-        </LayerContainer>
-
-        <div className={fileMosaicFileNameClassName}>
-          <FileMosaicName fileName={localName} />
-        </div>
-
-        <Tooltip
-          open={resultOnTooltip}
-          uploadStatus={uploadStatus}
-          valid={valid}
-          errors={errors}
-          uploadMessage={uploadMessage}
-        />
-        <DownloadHidden
-          fileName={localName}
-          anchorRef={downloadRef}
-          downloadUrl={downloadUrl}
-          videoUrl={videoUrl}
-        />
-      </div>
-    );
-  return <></>;
-};
-export default FileMosaic;
+export { default } from "./FileMosaicContainer";
+export { FileMosaicContainer as FileMosaic } from "./FileMosaicContainer";
+export { FileMosaicContainer } from "./FileMosaicContainer";
diff --git a/src/FileMosaic/components/file-mosaic/FileMosaicClient.tsx b/src/FileMosaic/components/file-mosaic/FileMosaicClient.tsx
new file mode 100644
index 00000000..23e6b2bf
--- /dev/null
+++ b/src/FileMosaic/components/file-mosaic/FileMosaicClient.tsx
@@ -0,0 +1,400 @@
+import * as React from "react";
+import {
+  addClassName,
+  fileSizeFormater,
+  getLocalFileItemData,
+  Localization,
+} from "@files-ui/core";
+import "./FileMosaic.css";
+import "./../../../icons/IconStyles.css";
+import { FileMosaicProps } from "./FileMosaicProps";
+import LayerContainer from "../file-mosaic-layer/LayerContainer";
+import Layer from "../file-mosaic-layer/Layer";
+import FileMosaicName from "../FileMosaicName/FileMosaicName";
+import FileMosaicUploadLayer from "../FileMosaicUploadLayer/FileMosaicUploadLayer";
+import FileMosaicImageLayer from "../FIleMosaicImageLayer/FileMosaicImageLayer";
+import { Tooltip } from "../../../tooltip";
+
+import FileMosaicInfoLayer from "../FileMosaicInfoLayer/FileMosaicInfoLayer";
+import DownloadHidden from "../../../DownloadHidden/DownloadHidden";
+import FileMosaicMainLayer from "../FileMosaicMainLayer.tsx/FileMosaicMainLayer";
+import { FilesUiContext } from "../../../FilesUiProvider/FilesUiContext";
+import { handleClickUtil } from "../../../utils";
+import {
+  useProgress,
+  useFileMosaicInitializer,
+  useIsUploading,
+} from "../../../hooks";
+
+const FileMosaicClient: React.FC<FileMosaicProps> = (props: FileMosaicProps) => {
+  const {
+    style,
+    className,
+
+    file,
+    name: propName,
+    size: propSize,
+    type: propType,
+
+    id,
+    valid,
+    errors,
+    uploadStatus,
+    uploadMessage,
+    progress,
+
+    xhr,
+
+    localization: locProps,
+    preview,
+    imageUrl,
+    videoUrl,
+    info,
+    backgroundBlurImage = true,
+    darkMode: darkModeProp,
+
+    alwaysActive = true,
+
+    resultOnTooltip = true,
+
+    downloadUrl,
+
+    onDelete,
+    onCancel,
+    onAbort,
+
+    onDownload,
+    onSee,
+    onWatch,
+
+    onDoubleClick,
+    onClick,
+    onRightClick,
+    selectable = false,
+    selected = false,
+    onSelect,
+    smartImgFit = "orientation",
+    variant = "medium",
+  } = props;
+
+  //context
+  const {
+    darkMode: darkModeContext,
+    icons,
+    localization: locContext,
+  } = React.useContext(FilesUiContext);
+  const localization: Localization | undefined =
+    locProps !== undefined ? locProps : locContext;
+  const darkMode: boolean | undefined =
+    darkModeProp !== undefined ? darkModeProp : darkModeContext;
+  ////console.log("globalConfig", darkMode, icons);
+
+  //localizers
+
+  //ref for anchor download element
+  const downloadRef = React.useRef<HTMLAnchorElement | null>(null);
+
+  const sizeClass: string | undefined = variant !== "medium" ? `fui-size-${variant}` : undefined;
+  const iconSizeByVariant: Record<"xs" | "small" | "medium" | "large", number> = {
+    xs: 0.65,
+    small: 0.8,
+    medium: 1,
+    large: 1.25,
+  };
+  const iconSizeMultiplier: number = iconSizeByVariant[variant];
+
+  const finalClassName: string = addClassName(
+    addClassName(
+      addClassName(
+        "files-ui-file-mosaic-main-container files-ui-tooltip",
+        sizeClass,
+      ),
+      className,
+    ),
+    onClick ? "clickable" : undefined,
+  );
+
+  const fileMosaicFileNameClassName: string = darkMode
+    ? "files-ui-file-mosaic-file-name dark-mode"
+    : "files-ui-file-mosaic-file-name";
+
+  // local properties from file
+  const [localName, localType, localSize]: [
+    string,
+    string | undefined,
+    number | undefined,
+  ] = getLocalFileItemData(file, propName, propType, propSize);
+
+  // handle progress
+  const localProgress: number | undefined = useProgress(progress, xhr);
+
+  ////console.log("FileMosaic progress localProgress " + localProgress);
+
+  //Initialize File Item
+  const [isReady, isImage, isVideo, url, imageSource, videoSource]: [
+    boolean,
+    boolean,
+    boolean,
+    string,
+    string | undefined,
+    File | string | undefined,
+  ] = useFileMosaicInitializer(
+    file,
+    propName,
+    propType,
+    valid,
+    preview as boolean,
+    imageUrl,
+    videoUrl,
+    icons,
+  );
+  const effectiveDownloadUrl: string | undefined = videoUrl || downloadUrl;
+
+  //The size formatted and rounded in 2 decimals
+  const sizeFormatted: string | undefined = fileSizeFormater(localSize);
+  //alwaysActive
+  const [showInfo, setShowInfo] = React.useState<boolean>(false);
+
+  /********* ALWAYS ACTIVE LOGIC  ***************/
+  //state for actionOnHover
+  const [hovering, setHovering] = React.useState<boolean>(false);
+  const handleOnHoverEnter: React.MouseEventHandler<HTMLDivElement> =
+    React.useCallback(() => {
+      if (alwaysActive) return;
+      setHovering(true);
+    }, [alwaysActive]);
+  const handleOnHoverLeave: React.MouseEventHandler<HTMLDivElement> =
+    React.useCallback(() => {
+      if (alwaysActive) return;
+      setHovering(false);
+    }, [alwaysActive]);
+
+  /***************** HANDLERS **********/
+  //delete file item
+  const handleDelete = React.useCallback(
+    (): void => onDelete?.(id),
+    [onDelete, id],
+  );
+
+  //open info layer
+  const handleOpenInfo = React.useCallback((): void => setShowInfo(true), []);
+
+  //close info layer
+  const handleCloseInfo = React.useCallback((): void => setShowInfo(false), []);
+
+  const isUploading: boolean = useIsUploading(uploadStatus);
+
+  React.useEffect(() => {
+    ////console.log("Change isUploading", isUploading);
+    if (isUploading && showInfo) {
+      handleCloseInfo();
+    }
+    // eslint-disable-next-line
+  }, [isUploading]);
+
+  /*************** CLICK ***************/
+  /**
+   * TO-DO: Add functionallity on click event
+   * @param e event object
+   */
+  function handleClick<T extends HTMLDivElement>(
+    e: React.MouseEvent<T, MouseEvent>,
+  ): void {
+    //avoid children to trigger onClick ripple from parent
+    e.stopPropagation();
+    onClick?.(e);
+  }
+  const handleDoubleClick: React.MouseEventHandler<HTMLDivElement> = (
+    evt: React.MouseEvent,
+  ): void => {
+    //alert("double click on file");
+    evt.preventDefault();
+
+    onDoubleClick?.(evt);
+  };
+  function handleRightClick(evt: React.MouseEvent) {
+    // alert("right click!!!!");
+    //get coordinates
+    //zindex
+    //create menu component
+    // evt.preventDefault();
+    onRightClick?.(evt);
+  }
+  // DOWNLOAD FILE
+  /**
+   * onDownload, form 1
+   * Trigger dowload directly performing a click on anchor element
+   */
+  const innerDownload = React.useCallback(() => {
+    const anchorElement = downloadRef.current;
+    if (anchorElement) {
+      anchorElement.click();
+    }
+  }, []);
+  /**
+   * onDownlad, form 2
+   * Handle the download triggering an outside event
+   */
+  const handleDownload = React.useCallback(() => {
+    if (onDownload) {
+      onDownload?.(id, effectiveDownloadUrl);
+    } else if (typeof effectiveDownloadUrl == "string") {
+      innerDownload();
+    }
+  }, [onDownload, id, effectiveDownloadUrl, innerDownload]);
+  const handleAbort = React.useCallback(() => {
+    xhr?.abort();
+    onAbort?.(id);
+  }, [xhr, onAbort, id]);
+
+  const handleSelectionChange: React.ChangeEventHandler<HTMLInputElement> =
+    React.useCallback(
+      (evt: React.ChangeEvent<HTMLInputElement>) => {
+        evt.stopPropagation();
+        onSelect?.(id, evt.target.checked);
+      },
+      [onSelect, id],
+    );
+
+  const handleSelectionInputClick: React.MouseEventHandler<HTMLInputElement> =
+    React.useCallback((evt: React.MouseEvent<HTMLInputElement>) => {
+      evt.stopPropagation();
+    }, []);
+
+  if (isReady)
+    return (
+      <div
+        className={finalClassName}
+        style={style}
+        role="listitem"
+        tabIndex={0}
+        aria-label={`File: ${localName}${sizeFormatted ? `, ${sizeFormatted}` : ""}${uploadStatus ? `, status: ${uploadStatus}` : ""}`}
+        onClick={handleClick}
+        onMouseEnter={handleOnHoverEnter}
+        onMouseLeave={handleOnHoverLeave}
+        onDoubleClick={handleDoubleClick}
+        onContextMenu={handleRightClick}
+      >
+        {selectable && (
+          <div className="files-ui-selection-checkbox">
+            <input
+              className="files-ui-selection-checkbox-input"
+              type="checkbox"
+              checked={Boolean(selected)}
+              onClick={handleSelectionInputClick}
+              onChange={handleSelectionChange}
+              aria-label={`Select file ${localName}`}
+            />
+          </div>
+        )}
+        <LayerContainer
+          className="files-ui-file-mosaic-icon-layer-container"
+          style={style}
+        >
+          {/** IMAGE LAYER BLUR */}
+          <Layer
+            className="files-ui-file-mosaic-image-layer blur"
+            visible={backgroundBlurImage}
+          >
+            <FileMosaicImageLayer
+              imageSource={imageSource}
+              url={url}
+              fileName={localName}
+              isBlur={true}
+              smartImgFit={false}
+            />
+          </Layer>
+
+          {/** IMAGE LAYER NO BLUR */}
+          <Layer className="files-ui-file-mosaic-image-layer" visible={true}>
+            <FileMosaicImageLayer
+              imageSource={imageSource}
+              url={url}
+              fileName={localName}
+              isBlur={false}
+              smartImgFit={smartImgFit}
+            />
+          </Layer>
+
+          {/** MAIN LAYER ICONS & VALID & UPLOAD */}
+          <Layer
+            className="files-ui-file-mosaic-main-layer"
+            visible={!isUploading && !showInfo}
+          >
+            <FileMosaicMainLayer
+              deleteIcon={onDelete !== undefined}
+              onDelete={handleDelete}
+              darkMode={darkMode}
+              valid={valid}
+              uploadStatus={uploadStatus}
+              localization={localization}
+              sizeFormatted={sizeFormatted}
+              imageIcon={isImage && onSee !== undefined}
+              onSee={() => onSee?.(imageSource)}
+              videoIcon={isVideo && onWatch !== undefined}
+              onWatch={() => onWatch?.(videoSource)}
+              downloadIcon={
+                onDownload !== undefined || effectiveDownloadUrl !== undefined
+              }
+              onDownload={handleDownload}
+              infoIcon={info !== undefined}
+              onOpenInfo={handleOpenInfo}
+              sizeMultiplier={iconSizeMultiplier}
+              isActive={alwaysActive || hovering}
+            />
+          </Layer>
+
+          {/** INFO LAYER */}
+          <Layer
+            className="files-ui-file-mosaic-info-layer"
+            visible={showInfo}
+            onClick={handleClickUtil}
+          >
+            <FileMosaicInfoLayer
+              onCloseInfo={handleCloseInfo}
+              valid={valid}
+              localization={localization}
+              localName={localName}
+              sizeFormatted={sizeFormatted}
+              localType={localType}
+            />
+          </Layer>
+
+          {/** UPLOAD LAYER */}
+          <Layer
+            className="files-ui-file-mosaic-upload-layer"
+            visible={isUploading}
+            onClick={handleClickUtil}
+          >
+            <FileMosaicUploadLayer
+              uploadStatus={uploadStatus}
+              progress={localProgress}
+              onCancel={onCancel ? () => onCancel?.(id) : undefined}
+              onAbort={onAbort ? handleAbort : undefined}
+              localization={localization}
+            />
+          </Layer>
+        </LayerContainer>
+
+        <div className={fileMosaicFileNameClassName}>
+          <FileMosaicName fileName={localName} />
+        </div>
+
+        <Tooltip
+          open={resultOnTooltip}
+          uploadStatus={uploadStatus}
+          valid={valid}
+          errors={errors}
+          uploadMessage={uploadMessage}
+        />
+        <DownloadHidden
+          fileName={localName}
+          anchorRef={downloadRef}
+          downloadUrl={downloadUrl}
+          videoUrl={videoUrl}
+        />
+      </div>
+    );
+  return <></>;
+};
+export default FileMosaicClient;
diff --git a/src/FileMosaic/components/file-mosaic/FileMosaicContainer.tsx b/src/FileMosaic/components/file-mosaic/FileMosaicContainer.tsx
new file mode 100644
index 00000000..9ad07b7c
--- /dev/null
+++ b/src/FileMosaic/components/file-mosaic/FileMosaicContainer.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { FileMosaicProps } from "./FileMosaicProps";
+import FileMosaicClient from "./FileMosaicClient";
+
+const FileMosaicContainer: React.FC<FileMosaicProps> = (
+  props: FileMosaicProps
+) => {
+  return <FileMosaicClient {...props} />;
+};
+
+export { FileMosaicContainer };
+export default FileMosaicContainer;
diff --git a/src/FileMosaic/components/file-mosaic/FileMosaicProps.ts b/src/FileMosaic/components/file-mosaic/FileMosaicProps.ts
index f13fec14..b95d320e 100644
--- a/src/FileMosaic/components/file-mosaic/FileMosaicProps.ts
+++ b/src/FileMosaic/components/file-mosaic/FileMosaicProps.ts
@@ -111,6 +111,15 @@ export interface FileMosaicPropsMap extends OverridableComponentProps {
      * @default orientation
      */
     smartImgFit?: false | "orientation" | "center";
+    /**
+     * Controls the overall size of the component.
+     * - "xs"     — extra-small (proportionally smaller than medium)
+     * - "small"  — compact version
+     * - "medium" — current default dimensions (backward compatible)
+     * - "large"  — enlarged version
+     * @default "medium"
+     */
+    variant?: "xs" | "small" | "medium" | "large";
 }
 //React.HTMLProps<HTMLDivElement>
 export type FileMosaicProps =
diff --git a/src/FilesUiProvider/FilesUIConfig.ts b/src/FilesUiProvider/FilesUIConfig.ts
index 944a0c64..0c1aefc9 100644
--- a/src/FilesUiProvider/FilesUIConfig.ts
+++ b/src/FilesUiProvider/FilesUIConfig.ts
@@ -14,7 +14,14 @@ export type FilesUIConfig = {
      * @default "EN-en"
      */
     localization?: Localization;
-    //fontFamily?:string;
+    /**
+     * Global font family for all Files UI components.
+     * If set, overrides the default Poppins font stack via a CSS custom property.
+     * Standard system fallbacks are appended automatically.
+     * @example "Inter"
+     * @example "Roboto"
+     */
+    fontFamily?: string;
 }
 
 export type IconsSet = IconsMap;
\ No newline at end of file
diff --git a/src/FilesUiProvider/FilesUiProvider.tsx b/src/FilesUiProvider/FilesUiProvider.tsx
index 59ac6a63..847f130f 100644
--- a/src/FilesUiProvider/FilesUiProvider.tsx
+++ b/src/FilesUiProvider/FilesUiProvider.tsx
@@ -2,6 +2,10 @@ import * as React from "react";
 import { FilesUIConfig } from "./FilesUIConfig";
 import { FilesUiContext } from "./FilesUiContext";
 
+const STYLE_ID = "files-ui-font-style";
+const FALLBACK_STACK =
+  '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+
 interface FilesUiProviderProps {
   children: React.ReactNode;
   config?: FilesUIConfig;
@@ -14,6 +18,30 @@ const FilesUiProvider: React.FC<FilesUiProviderProps> = (
     () => config || {},
     [config]
   );
+
+  // Inject/update a single <style> element for the custom font-family CSS variable
+  React.useEffect(() => {
+    const fontFamily = config?.fontFamily;
+    let styleEl = document.getElementById(STYLE_ID) as HTMLStyleElement | null;
+
+    if (fontFamily) {
+      if (!styleEl) {
+        styleEl = document.createElement("style");
+        styleEl.id = STYLE_ID;
+        document.head.appendChild(styleEl);
+      }
+      styleEl.textContent = `:root { --files-ui-font-family: "${fontFamily}", ${FALLBACK_STACK}; }`;
+    } else if (styleEl) {
+      styleEl.remove();
+    }
+
+    return () => {
+      // Cleanup on unmount
+      const el = document.getElementById(STYLE_ID);
+      if (el) el.remove();
+    };
+  }, [config?.fontFamily]);
+
   return (
     <FilesUiContext.Provider value={contextValue}>
       {children}
diff --git a/src/FullScreen/FullScreen.scss b/src/FullScreen/FullScreen.css
similarity index 55%
rename from src/FullScreen/FullScreen.scss
rename to src/FullScreen/FullScreen.css
index 981a93bc..98112a43 100644
--- a/src/FullScreen/FullScreen.scss
+++ b/src/FullScreen/FullScreen.css
@@ -11,13 +11,13 @@
   transform: translate(100%);
   transition: transform 0.2s ease-in-out;
   margin: 0 !important;
-  
-  &.show-fs {
-    transform: translate(0);
-  }
   z-index: 4000;
   box-sizing: border-box;
-  //padding: 10px 50px;
+  /* padding: 10px 50px; */
+}
+
+.fui-fullscreen-container.show-fs {
+  transform: translate(0);
 }
 
 .fui-fullscreen-relative-container {
@@ -28,29 +28,39 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  img{
-    height:  100%;
-    width: auto;
-  }
-  video {
-    height:  100%;
-    width: auto;
-  }
-  /*   @media (max-width: 600px) {
+}
+
+.fui-fullscreen-relative-container img {
+  height: 100%;
+  width: auto;
+}
+
+.fui-fullscreen-relative-container video {
+  height: 100%;
+  width: auto;
+}
+
+/* @media (max-width: 600px) {
+  .fui-fullscreen-relative-container {
     width: 80%;
     height: auto;
-  }*/
-  @media (max-width: 960px) {
+  }
+} */
+
+@media (max-width: 960px) {
+  .fui-fullscreen-relative-container {
     height: 90%;
     width: 100%;
-    video {
-      height: auto;
-      width: 100%;
-    }
-    img{
-      height: auto;
-      width: 100%;
-    }
+  }
+
+  .fui-fullscreen-relative-container video {
+    height: auto;
+    width: 100%;
+  }
+
+  .fui-fullscreen-relative-container img {
+    height: auto;
+    width: 100%;
   }
 }
 
@@ -58,4 +68,4 @@
   position: absolute;
   top: 0;
   right: 0;
-}
+}
\ No newline at end of file
diff --git a/src/FullScreen/FullScreen.tsx b/src/FullScreen/FullScreen.tsx
index 9a2a9486..85968b26 100644
--- a/src/FullScreen/FullScreen.tsx
+++ b/src/FullScreen/FullScreen.tsx
@@ -1,58 +1,3 @@
-import * as React from "react";
-import { Clear } from "../icons";
-import { FullScreenProps } from "./FullScreenProps";
-import "./FullScreen.scss";
-const FullScreen: React.FC<FullScreenProps> = (props: FullScreenProps) => {
-  const { open, onClose, children } = props;
-
-  function handleClose<T extends HTMLDivElement>(
-    e: React.MouseEvent<T, MouseEvent>
-  ): void {
-    //avoid children to trigger onClick ripple from parent
-    e.stopPropagation();
-    onClose?.();
-  }
-  React.useEffect(() => {
-    const handleCloseEsc = (evt: KeyboardEvent) => {
-      if (evt.key === "Escape") onClose?.();
-    };
-    //console.log("adding listener");
-    document.addEventListener("keydown", handleCloseEsc);
-    return () => {
-      //console.log("removing listener");
-      document.removeEventListener("keydown", handleCloseEsc);
-    };
-    // eslint-disable-next-line
-  }, []);
-
-  return (
-    <div
-      className={
-        open ? "fui-fullscreen-container show-fs" : "fui-fullscreen-container"
-      }
-      role="dialog"
-      aria-modal={open || undefined}
-      aria-label="Fullscreen preview"
-      onClick={handleClose}
-    >
-      {open && (
-        <div
-          className="fui-fullscreen-relative-container"
-          onClick={handleClose}
-        >
-          {children}
-        </div>
-      )}
-      {onClose && (
-        <Clear
-          color="rgba(255,255,255,0.8)"
-          onClick={handleClose}
-          colorFill="transparent"
-          className="button-full-screen"
-          size={"extra-large"}
-        />
-      )}
-    </div>
-  );
-};
-export default FullScreen;
+export { default } from "./FullScreenContainer";
+export { FullScreenContainer as FullScreen } from "./FullScreenContainer";
+export { FullScreenContainer } from "./FullScreenContainer";
diff --git a/src/FullScreen/FullScreenClient.tsx b/src/FullScreen/FullScreenClient.tsx
new file mode 100644
index 00000000..6105e938
--- /dev/null
+++ b/src/FullScreen/FullScreenClient.tsx
@@ -0,0 +1,58 @@
+import * as React from "react";
+import { Clear } from "../icons";
+import { FullScreenProps } from "./FullScreenProps";
+import "./FullScreen.css";
+const FullScreenClient: React.FC<FullScreenProps> = (props: FullScreenProps) => {
+  const { open, onClose, children } = props;
+
+  function handleClose<T extends HTMLDivElement>(
+    e: React.MouseEvent<T, MouseEvent>
+  ): void {
+    //avoid children to trigger onClick ripple from parent
+    e.stopPropagation();
+    onClose?.();
+  }
+  React.useEffect(() => {
+    const handleCloseEsc = (evt: KeyboardEvent) => {
+      if (evt.key === "Escape") onClose?.();
+    };
+    //console.log("adding listener");
+    document.addEventListener("keydown", handleCloseEsc);
+    return () => {
+      //console.log("removing listener");
+      document.removeEventListener("keydown", handleCloseEsc);
+    };
+    // eslint-disable-next-line
+  }, []);
+
+  return (
+    <div
+      className={
+        open ? "fui-fullscreen-container show-fs" : "fui-fullscreen-container"
+      }
+      role="dialog"
+      aria-modal={open || undefined}
+      aria-label="Fullscreen preview"
+      onClick={handleClose}
+    >
+      {open && (
+        <div
+          className="fui-fullscreen-relative-container"
+          onClick={handleClose}
+        >
+          {children}
+        </div>
+      )}
+      {onClose && (
+        <Clear
+          color="rgba(255,255,255,0.8)"
+          onClick={handleClose}
+          colorFill="transparent"
+          className="button-full-screen"
+          size={"extra-large"}
+        />
+      )}
+    </div>
+  );
+};
+export default FullScreenClient;
diff --git a/src/FullScreen/FullScreenContainer.tsx b/src/FullScreen/FullScreenContainer.tsx
new file mode 100644
index 00000000..fbece0c3
--- /dev/null
+++ b/src/FullScreen/FullScreenContainer.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { FullScreenProps } from "./FullScreenProps";
+import FullScreenClient from "./FullScreenClient";
+
+const FullScreenContainer: React.FC<FullScreenProps> = (
+  props: FullScreenProps
+) => {
+  return <FullScreenClient {...props} />;
+};
+
+export { FullScreenContainer };
+export default FullScreenContainer;
diff --git a/src/ImagePreview/ImagePreview.scss b/src/ImagePreview/ImagePreview.css
similarity index 100%
rename from src/ImagePreview/ImagePreview.scss
rename to src/ImagePreview/ImagePreview.css
diff --git a/src/ImagePreview/ImagePreview.tsx b/src/ImagePreview/ImagePreview.tsx
index 1e2baf4c..cc0b9e0f 100644
--- a/src/ImagePreview/ImagePreview.tsx
+++ b/src/ImagePreview/ImagePreview.tsx
@@ -6,7 +6,7 @@ import {
 import { mergeProps } from "../overridable";
 import { getImageOrientation, readAsDataURL } from "@files-ui/core"
 
-import "./ImagePreview.scss";
+import "./ImagePreview.css";
 
 const ImagePreview: React.FC<ImagePreviewProps> = (
   props: ImagePreviewProps
diff --git a/src/MaterialButton/MaterialButton.scss b/src/MaterialButton/MaterialButton.css
similarity index 82%
rename from src/MaterialButton/MaterialButton.scss
rename to src/MaterialButton/MaterialButton.css
index e2f79345..8fce55d4 100644
--- a/src/MaterialButton/MaterialButton.scss
+++ b/src/MaterialButton/MaterialButton.css
@@ -1,5 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900);
-
 .material-button-root {
   border: 0;
   cursor: pointer;
@@ -15,19 +13,17 @@
 }
 
 .material-button {
-  //padding: 15rem 5rem;
+  /* padding: 15rem 5rem; */
   transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
     box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
     border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-
   overflow: hidden;
-  //transition: background 400ms;
+  /* transition: background 400ms; */
   min-width: 64px;
   box-sizing: border-box;
   border-radius: 4px;
-  font-family: "Poppins", sans-serif;
-
-  //font-family: inherit;
+  font-family: var(--files-ui-font-family, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+  /* font-family: inherit; */
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.75;
@@ -37,23 +33,29 @@
 .material-button.uppercase {
   text-transform: uppercase;
 }
+
 .material-button.lowercase {
   text-transform: lowercase;
 }
+
 .material-button.capitalize {
   text-transform: capitalize;
 }
+
 .material-button.contained {
   padding: 6px 16px;
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
     0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
+
 .material-button.outlined {
   padding: 5px 15px;
 }
+
 .material-button.text {
   padding: 5px 15px;
 }
+
 .material-button-root.contained:hover {
   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
     0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
@@ -88,14 +90,16 @@ span.ripple {
   background-color: rgba(0, 0, 0, 0.12);
   color: rgba(0, 0, 0, 0.26);
   padding: 6px 16px;
-  &.darkmode {
-    background-color: rgba(255, 255, 255, 0.12);
-    color: rgba(255, 255, 255, 0.3);
-  }
 }
 
-//mobile
-/* @media screen and (max-width: 600px) {
+.material-button-root.disabled.darkmode {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/* mobile */
+/* 
+@media screen and (max-width: 600px) {
   .material-button {
     min-width: 30px;
     font-size: 0.78rem;
@@ -109,4 +113,4 @@ span.ripple {
     padding: 4px 12px;
   }
 }
- */
+*/
\ No newline at end of file
diff --git a/src/MaterialButton/MaterialButton.tsx b/src/MaterialButton/MaterialButton.tsx
index f4c375e3..deee4241 100644
--- a/src/MaterialButton/MaterialButton.tsx
+++ b/src/MaterialButton/MaterialButton.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import useMaterialButtonClassName from "./hooks/useMaterialButtonClassName";
 import { MaterialButtonProps } from "./MaterialButtonProps";
-import "./MaterialButton.scss";
+import "./MaterialButton.css";
 import { addClassName, FileIdGenerator } from "@files-ui/core";
 import { FilesUiContext } from "../FilesUiProvider/FilesUiContext";
 import { createRippleButton } from "../utils";
diff --git a/src/VideoPreview/VideoPreview.scss b/src/VideoPreview/VideoPreview.css
similarity index 100%
rename from src/VideoPreview/VideoPreview.scss
rename to src/VideoPreview/VideoPreview.css
diff --git a/src/declarations.d.ts b/src/declarations.d.ts
index cc198070..e093c413 100644
--- a/src/declarations.d.ts
+++ b/src/declarations.d.ts
@@ -1,5 +1,5 @@
 // src/declarations.d.ts
-declare module "*.scss" {
+declare module "*.css" {
   const content: { [className: string]: string };
   export default content;
 }
\ No newline at end of file
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index ae838218..5fd2f69c 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -12,3 +12,7 @@ export { useDropLayerClassName } from "./useDropLayerClassName";
 export { useFileMosaicInitializer } from "./useFileMosaicInitializer";
 export { useIsUploading } from "./useIsUploading";
 export { useProgress } from "./useProgress";
+
+// Headless Hook (v2.0 - Primary API)
+export { useFilesUI } from "./useFilesUI";
+export type { UseFilesUIOptions, UseFilesUIReturn, ServerAction } from "./useFilesUI";
diff --git a/src/hooks/useFilesUI.ts b/src/hooks/useFilesUI.ts
new file mode 100644
index 00000000..137e9592
--- /dev/null
+++ b/src/hooks/useFilesUI.ts
@@ -0,0 +1,819 @@
+import * as React from "react";
+import {
+  ExtFile,
+  ExtFileManager,
+  FileValidatorProps,
+  Localization,
+  Method,
+  ServerAction,
+  ServerResponse,
+  validateExtFileList,
+  ValidateFileResponse,
+} from "@files-ui/core";
+
+/**
+ * Options for useFilesUI hook
+ */
+export interface UseFilesUIOptions {
+  // Validation
+  /**
+   * Comma-separated list of allowed MIME types or file extensions
+   * @example "image/*,.pdf,video/mp4"
+   */
+  accept?: string;
+  
+  /**
+   * Maximum file size in bytes
+   * @example 5242880 (5MB)
+   */
+  maxFileSize?: number;
+  
+  /**
+   * Maximum number of files allowed
+   */
+  maxFiles?: number;
+  
+  /**
+   * Custom validation function
+   */
+  validator?: (f: File) => ValidateFileResponse;
+  
+  // Upload
+  /**
+   * Upload endpoint URL
+   */
+  url?: string;
+  
+  /**
+   * Function to derive URL per file
+   */
+  urlFromExtFile?: (f: ExtFile) => string;
+  
+  /**
+   * HTTP method for upload
+   * @default "POST"
+   */
+  method?: Method;
+  
+  /**
+   * Request headers
+   */
+  headers?: Record<string, string>;
+  
+  /**
+   * Form field name for the file
+   * @default "file"
+   */
+  uploadLabel?: string;
+  
+  /**
+   * Upload as raw blob instead of FormData
+   * @default false
+   */
+  asBlob?: boolean;
+  
+  /**
+   * Enable chunked upload
+   * @default false
+   */
+  chunked?: boolean;
+  
+  /**
+   * Chunk size in bytes for chunked uploads
+   * @default 1048576 (1MB)
+   */
+  chunkSize?: number;
+  
+  /**
+   * Maximum number of concurrent uploads
+   * @default 1
+   */
+  maxConcurrentUploads?: number;
+  
+  // Behavior
+  /**
+   * How to handle new files: add to existing or replace all
+   * @default "add"
+   */
+  behaviour?: "add" | "replace";
+  
+  /**
+   * Automatically remove invalid files after validation
+   * @default false
+   */
+  autoClean?: boolean;
+  
+  /**
+   * Remove invalid files before upload
+   * @default false
+   */
+  cleanOnUpload?: boolean;
+  
+  // Localization
+  /**
+   * Language code for localization
+   * @default "EN-en"
+   */
+  localization?: Localization;
+  
+  // Server Actions (NEW in v2.0)
+  /**
+   * Server Action for Next.js App Router
+   * If provided, takes precedence over `url`
+   * @example
+   * ```tsx
+   * "use server"
+   * async function uploadAction(formData: FormData) {
+   *   const file = formData.get("file");
+   *   // Process file...
+   *   return { success: true };
+   * }
+   * 
+   * const { uploadFiles } = useFilesUI({ action: uploadAction });
+   * ```
+   */
+  action?: ServerAction;
+  
+  // Callbacks
+  /**
+   * Called when files are added or changed
+   */
+  onChange?: (files: ExtFile[]) => void;
+  
+  /**
+   * Called when upload starts
+   */
+  onUploadStart?: (files: ExtFile[]) => void;
+  
+  /**
+   * Called when upload finishes
+   */
+  onUploadFinish?: (files: ExtFile[]) => void;
+  
+  /**
+   * Called when a file is deleted
+   */
+  onDelete?: (id: string | number) => void;
+  
+  /**
+   * Called when all files are cleaned/cleared
+   */
+  onClean?: (files: ExtFile[]) => void;
+  
+  // Config
+  /**
+   * Optional dropzone ID for managing multiple instances
+   * If not provided, one will be generated automatically
+   */
+  dropzoneId?: string | number;
+  
+  /**
+   * Initial files (controlled mode)
+   */
+  value?: ExtFile[];
+}
+
+/**
+ * Return type of useFilesUI hook
+ */
+export interface UseFilesUIReturn {
+  // State
+  /**
+   * Current list of files
+   */
+  files: ExtFile[];
+  
+  /**
+   * Number of valid files
+   */
+  numberOfValidFiles: number;
+  
+  /**
+   * Whether upload is in progress
+   */
+  isUploading: boolean;
+  
+  /**
+   * Whether files are being dragged over
+   */
+  isDragging: boolean;
+  
+  /**
+   * Dropzone ID for managing multiple instances
+   */
+  dropzoneId: string | number;
+  
+  // Actions
+  /**
+   * Add files to the list
+   */
+  addFiles: (fileList: FileList | File[]) => void;
+  
+  /**
+   * Remove a specific file by ID
+   */
+  removeFile: (id: string | number) => void;
+  
+  /**
+   * Update a file's properties
+   */
+  updateFile: (id: string | number, updates: Partial<ExtFile>) => void;
+  
+  /**
+   * Clear all files
+   */
+  clearFiles: () => void;
+  
+  /**
+   * Clear only invalid files
+   */
+  cleanFiles: () => void;
+  
+  // Upload
+  /**
+   * Upload all valid files
+   */
+  uploadFiles: () => Promise<ExtFile[]>;
+  
+  /**
+   * Abort ongoing upload
+   */
+  abortUpload: () => void;
+  
+  // Validation
+  /**
+   * Manually trigger validation
+   */
+  validateFiles: () => void;
+  
+  // UI Helpers (for drag-drop implementations)
+  /**
+   * Get drag-and-drop event handlers
+   */
+  getDragHandlers: () => {
+    onDragEnter: React.DragEventHandler<HTMLDivElement>;
+    onDragLeave: React.DragEventHandler<HTMLDivElement>;
+    onDragOver: React.DragEventHandler<HTMLDivElement>;
+    onDrop: React.DragEventHandler<HTMLDivElement>;
+  };
+  
+  /**
+   * Get input element props
+   */
+  getInputProps: () => {
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    accept?: string;
+    multiple: boolean;
+  };
+}
+
+export type { ServerAction };
+
+/**
+ * Headless hook for file upload management
+ * 
+ * Provides all the business logic for file validation, state management,
+ * and upload orchestration without any UI components.
+ * 
+ * @example
+ * ```tsx
+ * const { files, addFiles, uploadFiles, getDragHandlers } = useFilesUI({
+ *   accept: "image/*",
+ *   maxFileSize: 5 * 1024 * 1024,
+ *   url: "https://api.example.com/upload"
+ * });
+ * 
+ * return (
+ *   <div {...getDragHandlers()}>
+ *     {files.map(f => <div key={f.id}>{f.name}</div>)}
+ *   </div>
+ * );
+ * ```
+ */
+export const useFilesUI = (options: UseFilesUIOptions = {}): UseFilesUIReturn => {
+  const {
+    accept,
+    maxFileSize,
+    maxFiles,
+    validator,
+    url,
+    urlFromExtFile,
+    method,
+    headers,
+    uploadLabel = "file",
+    asBlob = false,
+    chunked = false,
+    chunkSize,
+    maxConcurrentUploads = 1,
+    behaviour = "add",
+    autoClean = false,
+    cleanOnUpload = false,
+    localization,
+    action,
+    onChange,
+    onUploadStart,
+    onUploadFinish,
+    onDelete,
+    onClean,
+    dropzoneId: providedDropzoneId,
+    value,
+  } = options;
+
+  // Generate or use provided dropzone ID
+  const [dropzoneId] = React.useState<string | number>(() => {
+    return providedDropzoneId || ExtFileManager.createFileListMap();
+  });
+
+  // Local file state
+  const [localFiles, setLocalFiles] = React.useState<ExtFile[]>(value || []);
+  
+  // Upload state
+  const [isUploading, setIsUploading] = React.useState<boolean>(false);
+  
+  // Drag state
+  const [isDragging, setIsDragging] = React.useState<boolean>(false);
+
+  // Determine if validation is needed
+  const needsValidation = React.useMemo(() => {
+    return Boolean(
+      (accept && accept.length > 0) ||
+      (maxFileSize && maxFileSize >= 0) ||
+      (maxFiles && maxFiles >= 0) ||
+      validator
+    );
+  }, [accept, maxFileSize, maxFiles, validator]);
+
+  // Count valid files
+  const numberOfValidFiles = React.useMemo(() => {
+    if (needsValidation) {
+      return localFiles.filter((f) => f.valid).length;
+    }
+    return localFiles.length;
+  }, [localFiles, needsValidation]);
+
+  // Sync with controlled value
+  React.useEffect(() => {
+    if (value !== undefined && !isUploading) {
+      setLocalFiles(value);
+    }
+  }, [value, isUploading]);
+
+  // Cleanup on unmount
+  React.useEffect(() => {
+    return () => {
+      ExtFileManager.removeFileListMap(dropzoneId);
+    };
+  }, [dropzoneId]);
+
+  /**
+   * Validate files
+   */
+  const validateFilesInternal = React.useCallback(
+    (files: ExtFile[]): ExtFile[] => {
+      if (!needsValidation) {
+        return files;
+      }
+
+      const remainingSlots = maxFiles
+        ? maxFiles - numberOfValidFiles
+        : Infinity;
+
+      const validatorProps: FileValidatorProps = {
+        maxFileSize,
+        accept,
+      };
+
+      return validateExtFileList(
+        files,
+        remainingSlots,
+        validatorProps,
+        validator,
+        maxFiles,
+        localization
+      );
+    },
+    [accept, maxFileSize, maxFiles, validator, localization, needsValidation, numberOfValidFiles]
+  );
+
+  /**
+   * Add files
+   */
+  const addFiles = React.useCallback(
+    (fileList: FileList | File[]) => {
+      const filesArray = Array.from(fileList);
+      
+      // Convert to ExtFile
+      let newExtFiles: ExtFile[] = filesArray.map((file) => ({
+        id: ExtFileManager.getNextId(),
+        file,
+        name: file.name,
+        type: file.type,
+        size: file.size,
+      }));
+
+      // Validate
+      newExtFiles = validateFilesInternal(newExtFiles);
+
+      // Auto-clean invalid files
+      if (autoClean) {
+        newExtFiles = newExtFiles.filter((f) => f.valid);
+      }
+
+      // Update state based on behaviour
+      setLocalFiles((prev) => {
+        const updated =
+          behaviour === "replace" ? newExtFiles : [...prev, ...newExtFiles];
+        
+        // Call onChange callback
+        onChange?.(updated);
+        
+        return updated;
+      });
+    },
+    [behaviour, autoClean, validateFilesInternal, onChange]
+  );
+
+  /**
+   * Remove file
+   */
+  const removeFile = React.useCallback(
+    (id: string | number) => {
+      setLocalFiles((prev) => {
+        const updated = prev.filter((f) => f.id !== id);
+        onChange?.(updated);
+        onDelete?.(id);
+        return updated;
+      });
+    },
+    [onChange, onDelete]
+  );
+
+  /**
+   * Update file
+   */
+  const updateFile = React.useCallback(
+    (id: string | number, updates: Partial<ExtFile>) => {
+      setLocalFiles((prev) => {
+        const updated = prev.map((f) =>
+          f.id === id ? { ...f, ...updates } : f
+        );
+        onChange?.(updated);
+        return updated;
+      });
+    },
+    [onChange]
+  );
+
+  /**
+   * Clear all files
+   */
+  const clearFiles = React.useCallback(() => {
+    setLocalFiles([]);
+    onChange?.([]);
+    onClean?.([]);
+  }, [onChange, onClean]);
+
+  /**
+   * Clean invalid files
+   */
+  const cleanFiles = React.useCallback(() => {
+    setLocalFiles((prev) => {
+      const updated = prev.filter((f) => f.valid);
+      onChange?.(updated);
+      onClean?.(prev.filter((f) => !f.valid));
+      return updated;
+    });
+  }, [onChange, onClean]);
+
+  /**
+   * Validate files manually
+   */
+  const validateFiles = React.useCallback(() => {
+    setLocalFiles((prev) => {
+      const validated = validateFilesInternal(prev);
+      onChange?.(validated);
+      return validated;
+    });
+  }, [validateFilesInternal, onChange]);
+
+  /**
+   * Upload files - supports Server Actions and XHR/fetch
+   */
+  const uploadFiles = React.useCallback(async (): Promise<ExtFile[]> => {
+    if (isUploading || localFiles.length === 0) {
+      return localFiles;
+    }
+
+    setIsUploading(true);
+
+    // Filter uploadable files (valid or no validation configured, and not already uploaded)
+    const uploadableFiles = localFiles.filter(
+      (f) => (f.valid !== false) && !f.uploadStatus
+    );
+
+    if (uploadableFiles.length === 0) {
+      setIsUploading(false);
+      return localFiles;
+    }
+
+    onUploadStart?.(uploadableFiles);
+
+    let uploadedFiles: ExtFile[] = [];
+
+    try {
+      // Route 1: Server Action (Next.js App Router)
+      if (action) {
+        // Upload each file via Server Action
+        const serverActionResults: ExtFile[] = [];
+
+        for (const file of uploadableFiles) {
+          // Update to uploading status
+          setLocalFiles((prev) =>
+            prev.map((f) =>
+              f.id === file.id ? { ...f, uploadStatus: "uploading" } : f
+            )
+          );
+
+          try {
+            if (!file.file) {
+              throw new Error("File object is missing");
+            }
+
+            const formData = new FormData();
+            formData.append("file", file.file);
+            
+            // Add extra data if present
+            if (file.extraData) {
+              Object.entries(file.extraData).forEach(([key, value]) => {
+                formData.append(key, String(value));
+              });
+            }
+
+            const response = await action(formData);
+
+            const uploadedFile: ExtFile = {
+              ...file,
+              uploadStatus: response.success ? "success" : "error",
+              uploadMessage: response.message || (response.success ? "Upload successful" : "Upload failed"),
+              serverResponse: response,
+            };
+
+            serverActionResults.push(uploadedFile);
+
+            // Update file in state
+            setLocalFiles((prev) =>
+              prev.map((f) => (f.id === file.id ? uploadedFile : f))
+            );
+          } catch (error) {
+            const uploadedFile: ExtFile = {
+              ...file,
+              uploadStatus: "error",
+              uploadMessage: error instanceof Error ? error.message : "Upload failed",
+            };
+
+            serverActionResults.push(uploadedFile);
+
+            setLocalFiles((prev) =>
+              prev.map((f) => (f.id === file.id ? uploadedFile : f))
+            );
+          }
+        }
+
+        uploadedFiles = serverActionResults;
+      }
+      // Route 2: Traditional XHR/fetch upload
+      else if (url || urlFromExtFile) {
+        const { uploadSingleExtFileWithStrategy, uploadExtFilesWithStrategy } =
+          await import("../utils/uploadStrategy");
+
+        // Set all files to preparing status
+        let updatedFiles: ExtFile[] = uploadableFiles.map((f) => ({
+          ...f,
+          uploadStatus: "preparing" as const,
+        }));
+
+        setLocalFiles((prev) =>
+          prev.map((f) => {
+            const updated = updatedFiles.find((u) => u.id === f.id);
+            return updated || f;
+          })
+        );
+
+        // Concurrent upload strategy
+        if ((maxConcurrentUploads || 1) > 1) {
+          updatedFiles = updatedFiles.map((f) => ({
+            ...f,
+            uploadStatus: "uploading" as const,
+          })) as ExtFile[];
+
+          setLocalFiles((prev) =>
+            prev.map((f) => {
+              const updated = updatedFiles.find((u) => u.id === f.id);
+              return updated || f;
+            })
+          );
+
+          const results = await uploadExtFilesWithStrategy(
+            updatedFiles,
+            {
+              url,
+              urlFromExtFile,
+              method,
+              headers,
+              uploadLabel,
+              asBlob,
+              chunked,
+              chunkSize,
+              maxConcurrentUploads,
+            },
+            (completedCount, totalCount, latestResult) => {
+              setLocalFiles((prev) =>
+                prev.map((f) =>
+                  f.id === latestResult.id ? latestResult : f
+                )
+              );
+            }
+          );
+
+          uploadedFiles = results;
+
+          setLocalFiles((prev) =>
+            prev.map((f) => {
+              const uploaded = results.find((r) => r.id === f.id);
+              return uploaded || f;
+            })
+          );
+        }
+        // Sequential upload
+        else {
+          const sequentialResults: ExtFile[] = [];
+
+          for (const file of updatedFiles) {
+            // Update to uploading
+            const uploadingFile = { ...file, uploadStatus: "uploading" as const };
+            setLocalFiles((prev) =>
+              prev.map((f) => (f.id === file.id ? uploadingFile : f))
+            );
+
+            const result = await uploadSingleExtFileWithStrategy(uploadingFile, {
+              url,
+              urlFromExtFile,
+              method,
+              headers,
+              uploadLabel,
+              asBlob,
+              chunked,
+              chunkSize,
+            });
+
+            sequentialResults.push(result);
+
+            setLocalFiles((prev) =>
+              prev.map((f) => (f.id === file.id ? result : f))
+            );
+          }
+
+          uploadedFiles = sequentialResults;
+        }
+      }
+      // No upload configuration
+      else {
+        throw new Error("No upload configuration provided (action, url, or urlFromExtFile)");
+      }
+    } catch (error) {
+      console.error("Upload error:", error);
+      
+      // Mark all files as error
+      const errorFiles = uploadableFiles.map((f) => ({
+        ...f,
+        uploadStatus: "error" as const,
+        uploadMessage: error instanceof Error ? error.message : "Upload failed",
+      }));
+
+      uploadedFiles = errorFiles;
+
+      setLocalFiles((prev) =>
+        prev.map((f) => {
+          const errorFile = errorFiles.find((ef) => ef.id === f.id);
+          return errorFile || f;
+        })
+      );
+    } finally {
+      setIsUploading(false);
+      onUploadFinish?.(uploadedFiles);
+    }
+
+    return uploadedFiles;
+  }, [
+    isUploading,
+    localFiles,
+    action,
+    url,
+    urlFromExtFile,
+    method,
+    headers,
+    uploadLabel,
+    asBlob,
+    chunked,
+    chunkSize,
+    maxConcurrentUploads,
+    onUploadStart,
+    onUploadFinish,
+  ]);
+
+  /**
+   * Abort upload
+   */
+  const abortUpload = React.useCallback(() => {
+    setIsUploading(false);
+    
+    // Mark all uploading/preparing files as aborted
+    setLocalFiles((prev) =>
+      prev.map((f) =>
+        f.uploadStatus === "uploading" || f.uploadStatus === "preparing"
+          ? {
+              ...f,
+              uploadStatus: "aborted" as const,
+              uploadMessage: "Upload aborted by user",
+            }
+          : f
+      )
+    );
+  }, []);
+
+  /**
+   * Drag handlers
+   */
+  const getDragHandlers = React.useCallback(() => {
+    return {
+      onDragEnter: (e: React.DragEvent<HTMLDivElement>) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(true);
+      },
+      onDragLeave: (e: React.DragEvent<HTMLDivElement>) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+      },
+      onDragOver: (e: React.DragEvent<HTMLDivElement>) => {
+        e.preventDefault();
+        e.stopPropagation();
+        e.dataTransfer.dropEffect = "link";
+      },
+      onDrop: (e: React.DragEvent<HTMLDivElement>) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        
+        const { files } = e.dataTransfer;
+        if (files && files.length > 0) {
+          addFiles(files);
+        }
+      },
+    };
+  }, [addFiles]);
+
+  /**
+   * Input props
+   */
+  const getInputProps = React.useCallback(() => {
+    return {
+      onChange: (e: React.ChangeEvent<HTMLInputElement>) => {
+        const { files } = e.target;
+        if (files && files.length > 0) {
+          addFiles(files);
+        }
+      },
+      accept,
+      multiple: maxFiles !== 1,
+    };
+  }, [addFiles, accept, maxFiles]);
+
+  return {
+    // State
+    files: localFiles,
+    numberOfValidFiles,
+    isUploading,
+    isDragging,
+    dropzoneId,
+    
+    // Actions
+    addFiles,
+    removeFile,
+    updateFile,
+    clearFiles,
+    cleanFiles,
+    
+    // Upload
+    uploadFiles,
+    abortUpload,
+    
+    // Validation
+    validateFiles,
+    
+    // UI Helpers
+    getDragHandlers,
+    getInputProps,
+  };
+};
diff --git a/src/icons/IconStyles.css b/src/icons/IconStyles.css
new file mode 100644
index 00000000..bf0a0521
--- /dev/null
+++ b/src/icons/IconStyles.css
@@ -0,0 +1,23 @@
+.files-ui-file-icon {
+  font-size: 0.7rem;
+  min-width: 19px;
+  min-height: 19px;
+  margin: 0;
+  padding: 2px 2px;
+  border-radius: 50%;
+  background-color: rgba(32, 33, 36, 0.65);
+  word-break: break-word;
+  box-sizing: content-box;
+}
+
+.files-ui-file-icon:hover {
+  background-color: rgba(32, 33, 36, 0.85);
+}
+
+.files-ui-file-icon.dark-mode {
+  background-color: rgba(154, 160, 166, 0.65);
+}
+
+.files-ui-file-icon.dark-mode:hover {
+  background-color: rgba(154, 160, 166, 0.85);
+}
\ No newline at end of file
diff --git a/src/icons/IconStyles.scss b/src/icons/IconStyles.scss
deleted file mode 100644
index 03d0a0d9..00000000
--- a/src/icons/IconStyles.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-.files-ui-file-icon {
-  font-size: 0.7rem;
-  min-width: 19px;
-  min-height: 19px;
-  margin: 0;
-  padding: 2px 2px;
-  border-radius: 50%;
-  background-color: rgba(32, 33, 36, 0.65);
-  word-break: break-word;
-  box-sizing: content-box;
-  &:hover {
-    background-color: rgba(32, 33, 36, 0.85);
-  }
-  &.dark-mode {
-    background-color: rgba(154, 160, 166, 0.65);
-    &:hover {
-      background-color: rgba(154, 160, 166, 0.85);
-    }
-  }
-}
diff --git a/src/icons/UploadingProcess/UploadingProcess.scss b/src/icons/UploadingProcess/UploadingProcess.css
similarity index 99%
rename from src/icons/UploadingProcess/UploadingProcess.scss
rename to src/icons/UploadingProcess/UploadingProcess.css
index 7ec1e8e9..02b44a12 100644
--- a/src/icons/UploadingProcess/UploadingProcess.scss
+++ b/src/icons/UploadingProcess/UploadingProcess.css
@@ -7,6 +7,7 @@
     transform: rotate(360deg);
   }
 }
+
 .filesui-rotate {
   cursor: default;
 }
@@ -15,4 +16,4 @@
   .filesui-rotate {
     animation: filesui-rotate-spin infinite 2s linear;
   }
-}
+}
\ No newline at end of file
diff --git a/src/icons/UploadingProcess/UploadingProcess.tsx b/src/icons/UploadingProcess/UploadingProcess.tsx
index 51534c0f..3e0bcf09 100644
--- a/src/icons/UploadingProcess/UploadingProcess.tsx
+++ b/src/icons/UploadingProcess/UploadingProcess.tsx
@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 import { parseSize } from "../utils/utils";
 import { UploadingProcessProps } from "./UploadingProcessProps";
-import "./UploadingProcess.scss";
+import "./UploadingProcess.css";
 const UploadingProcess: FC<UploadingProcessProps> = (
   props: UploadingProcessProps
 ) => {
diff --git a/src/index.ts b/src/index.ts
index 746ee0e4..350268fc 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,20 +1,35 @@
 export { default as Dropzone } from "./Dropzone/components/dropzone/Dropzone";
 export * from "./Dropzone/components/dropzone/Dropzone";
+export { default as DropzoneClient } from "./Dropzone/components/dropzone/DropzoneClient";
+export { default as DropzoneContainer } from "./Dropzone/components/dropzone/DropzoneContainer";
 
 export { default as FileInputButton } from "./FileInputButton/FileInputButton";
 export * from "./FileInputButton/FileInputButton";
+export { default as FileInputButtonClient } from "./FileInputButton/FileInputButtonClient";
+export { default as FileInputButtonContainer } from "./FileInputButton/FileInputButtonContainer";
 
 export { default as Avatar } from "./Avatar/Avatar";
 export * from "./Avatar/Avatar";
+export { default as AvatarClient } from "./Avatar/AvatarClient";
+export { default as AvatarContainer } from "./Avatar/AvatarContainer";
+export { default as AvatarSkeleton } from "./Avatar/AvatarSkeleton";
 
 export { default as FileCard } from "./FileCard/FileCard";
 export * from "./FileCard/FileCard";
+export { default as FileCardClient } from "./FileCard/FileCardClient";
+export { default as FileCardContainer } from "./FileCard/FileCardContainer";
+export { default as FileCardSkeleton } from "./FileCard/components/FileCardSkeleton";
 
 export { default as FileMosaic } from "./FileMosaic/components/file-mosaic/FileMosaic";
 export * from "./FileMosaic/components/file-mosaic/FileMosaic";
+export { default as FileMosaicClient } from "./FileMosaic/components/file-mosaic/FileMosaicClient";
+export { default as FileMosaicContainer } from "./FileMosaic/components/file-mosaic/FileMosaicContainer";
+export { default as FileMosaicSkeleton } from "./FileMosaic/components/FileMosaicSkeleton";
 
 export { default as FullScreen } from "./FullScreen/FullScreen";
 export * from "./FullScreen/FullScreen";
+export { default as FullScreenClient } from "./FullScreen/FullScreenClient";
+export { default as FullScreenContainer } from "./FullScreen/FullScreenContainer";
 
 export { default as ImagePreview } from "./ImagePreview/ImagePreview";
 export * from "./ImagePreview/ImagePreview";
@@ -22,6 +37,9 @@ export * from "./ImagePreview/ImagePreview";
 export { default as VideoPreview } from "./VideoPreview/VideoPreview";
 export * from "./VideoPreview/VideoPreview";
 
+export { default as DropzoneSkeleton } from "./Dropzone/components/DropzoneSkeleton";
+export { default as FileInputButtonSkeleton } from "./FileInputButton/FileInputButtonSkeleton";
+
 export { default as MaterialButton } from "./MaterialButton/MaterialButton";
 export * from "./MaterialButton/MaterialButton";
 
@@ -35,8 +53,13 @@ export type { FileCardProps } from "./FileCard/FileCardProps";
 
 export type { AvatarProps } from "./Avatar/AvatarProps";
 
+// Hooks
 export { useFakeProgress } from "./hooks";
 
+// v2.0 Headless Hook (Primary API)
+export { useFilesUI } from "./hooks";
+export type { UseFilesUIOptions, UseFilesUIReturn, ServerAction } from "./hooks";
+
 export {
     createListOfMultiTypeFile,
     uploadFile,
diff --git a/src/loader/DefaultLoader/DefaultLoader.css b/src/loader/DefaultLoader/DefaultLoader.css
new file mode 100644
index 00000000..c89b5be7
--- /dev/null
+++ b/src/loader/DefaultLoader/DefaultLoader.css
@@ -0,0 +1,12 @@
+.lds-colorbar {
+  /* border: 1px crimson solid; */
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 4px;
+}
+
+.lds-colorbar .files-ui-text-default-loader {
+  font-size: 1.5rem;
+  font-weight: 400;
+  text-anchor: middle;
+  /* font-size: 1em; */
+}
\ No newline at end of file
diff --git a/src/loader/DefaultLoader/DefaultLoader.scss b/src/loader/DefaultLoader/DefaultLoader.scss
deleted file mode 100644
index 14db2b6f..00000000
--- a/src/loader/DefaultLoader/DefaultLoader.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.lds-colorbar {
- // border: 1px crimson solid;
-  background-color: rgba(255, 255, 255, 0.8);
-  border-radius: 4px;
-  .files-ui-text-default-loader {
-    font-size: 1.5rem;
-    font-weight: 400;
-    text-anchor: middle;
-   //font-size: 1em;
-  }
-}
diff --git a/src/loader/DefaultLoader/DefaultLoader.tsx b/src/loader/DefaultLoader/DefaultLoader.tsx
index cb0ee802..8f77bc8e 100644
--- a/src/loader/DefaultLoader/DefaultLoader.tsx
+++ b/src/loader/DefaultLoader/DefaultLoader.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { completeAsureColor } from "@files-ui/core"
-import "./DefaultLoader.scss";
+import "./DefaultLoader.css";
 interface DefaultLoaderNeoProps {
   color?: string;
   label?: string;
diff --git a/src/loader/DynamicLoader/DynamicLoader.scss b/src/loader/DynamicLoader/DynamicLoader.css
similarity index 100%
rename from src/loader/DynamicLoader/DynamicLoader.scss
rename to src/loader/DynamicLoader/DynamicLoader.css
diff --git a/src/loader/DynamicLoader/DynamicLoader.tsx b/src/loader/DynamicLoader/DynamicLoader.tsx
index 3f15d860..5c3b3c2d 100644
--- a/src/loader/DynamicLoader/DynamicLoader.tsx
+++ b/src/loader/DynamicLoader/DynamicLoader.tsx
@@ -3,7 +3,7 @@ import { Clear } from "../../icons";
 import { parseSize } from "../../icons/utils/utils";
 import LoaderContainer from "../LoaderContainer/LoaderContainer";
 import { DynamicLoaderProps } from "./DynamicLoaderProps";
-import "./DynamicLoader.scss";
+import "./DynamicLoader.css";
 const DynamicLoader: React.FC<DynamicLoaderProps> = (
   props: DynamicLoaderProps,
 ) => {
diff --git a/src/loader/LoaderContainer/LoaderContainer.scss b/src/loader/LoaderContainer/LoaderContainer.css
similarity index 59%
rename from src/loader/LoaderContainer/LoaderContainer.scss
rename to src/loader/LoaderContainer/LoaderContainer.css
index 92d06bec..71d07085 100644
--- a/src/loader/LoaderContainer/LoaderContainer.scss
+++ b/src/loader/LoaderContainer/LoaderContainer.css
@@ -6,13 +6,12 @@
   justify-content: center;
   overflow: hidden;
   position: relative;
+}
 
-  &.clickable {
-    cursor: pointer;
-  }
-
-  &:hover {
-    background-color: rgba(0, 0, 0, 0.61);
-  }
-
+.files-ui-loader-container.clickable {
+  cursor: pointer;
 }
+
+.files-ui-loader-container:hover {
+  background-color: rgba(0, 0, 0, 0.61);
+}
\ No newline at end of file
diff --git a/src/loader/LoaderContainer/LoaderContainer.tsx b/src/loader/LoaderContainer/LoaderContainer.tsx
index ad14be96..80b4aeaa 100644
--- a/src/loader/LoaderContainer/LoaderContainer.tsx
+++ b/src/loader/LoaderContainer/LoaderContainer.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { LoaderContainerProps } from "./LoaderContainerProps";
-import "./LoaderContainer.scss";
+import "./LoaderContainer.css";
 import { parseSize } from "../../icons/utils/utils";
 const LoaderContainer: React.FC<LoaderContainerProps> = (
   props: LoaderContainerProps
diff --git a/src/skeleton/FuiSkeleton.css b/src/skeleton/FuiSkeleton.css
new file mode 100644
index 00000000..918f6f1f
--- /dev/null
+++ b/src/skeleton/FuiSkeleton.css
@@ -0,0 +1,107 @@
+/* DUI SKELETON based on MUI SKELETON */
+.fui-mui-skeleton {
+  background-color: rgba(0, 0, 0, 0.11);
+  border-radius: 6px;
+}
+
+.fui-mui-skeleton.circular {
+  border-radius: 50%;
+}
+
+.fui-mui-skeleton.wave {
+  display: block;
+  height: auto;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  transform-origin: 0px 55% 0px;
+  position: relative;
+  overflow: hidden;
+  mask-image: -webkit-radial-gradient(white, black);
+}
+
+.fui-mui-skeleton.wave::before {
+  content: " ";
+}
+
+.fui-mui-skeleton.wave::after {
+  animation: 1.6s linear 0.5s infinite normal none running fui-skeleton-wave-animation;
+  background: rgba(0, 0, 0, 0) linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent) repeat scroll 0% 0%;
+  content: "";
+  position: absolute;
+  transform: translateX(-100%);
+  inset: 0px;
+}
+
+@-webkit-keyframes fui-skeleton-wave-animation {
+  0% {
+    -webkit-transform: translateX(-100%);
+    -moz-transform: translateX(-100%);
+    -ms-transform: translateX(-100%);
+    transform: translateX(-100%);
+  }
+  50% {
+    -webkit-transform: translateX(100%);
+    -moz-transform: translateX(100%);
+    -ms-transform: translateX(100%);
+    transform: translateX(100%);
+  }
+  100% {
+    -webkit-transform: translateX(100%);
+    -moz-transform: translateX(100%);
+    -ms-transform: translateX(100%);
+    transform: translateX(100%);
+  }
+}
+
+@keyframes fui-skeleton-wave-animation {
+  0% {
+    -webkit-transform: translateX(-100%);
+    -moz-transform: translateX(-100%);
+    -ms-transform: translateX(-100%);
+    transform: translateX(-100%);
+  }
+  50% {
+    -webkit-transform: translateX(100%);
+    -moz-transform: translateX(100%);
+    -ms-transform: translateX(100%);
+    transform: translateX(100%);
+  }
+  100% {
+    -webkit-transform: translateX(100%);
+    -moz-transform: translateX(100%);
+    -ms-transform: translateX(100%);
+    transform: translateX(100%);
+  }
+}
+
+.fui-mui-skeleton.pulse {
+  animation: 1.5s ease-in-out 0.5s infinite normal none running fui-skeleton-pulse-animation;
+}
+
+.fui-mui-skeleton.pulse::before {
+  content: " ";
+}
+
+@-webkit-keyframes fui-skeleton-pulse-animation {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fui-skeleton-pulse-animation {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
\ No newline at end of file
diff --git a/src/skeleton/FuiSkeleton.scss b/src/skeleton/FuiSkeleton.scss
deleted file mode 100644
index 804eda0c..00000000
--- a/src/skeleton/FuiSkeleton.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-///// DUI SKELETON based on MUI SKELETON
-.fui-mui-skeleton {
-  background-color: rgba(0, 0, 0, 0.11);
-  border-radius: 6px;
-  &.circular {
-    border-radius: 50%;
-  }
-  &.wave {
-    display: block;
-    height: auto;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    transform-origin: 0px 55% 0px;
-    position: relative;
-    overflow: hidden;
-    mask-image: -webkit-radial-gradient(white, black);
-    &::before {
-      content: " ";
-    }
-    &::after {
-      animation: 1.6s linear 0.5s infinite normal none running
-        fui-skeleton-wave-animation;
-      background: rgba(0, 0, 0, 0)
-        linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent)
-        repeat scroll 0% 0%;
-      content: "";
-      position: absolute;
-      transform: translateX(-100%);
-      inset: 0px;
-    }
-    @-webkit-keyframes fui-skeleton-wave-animation {
-      0% {
-        -webkit-transform: translateX(-100%);
-        -moz-transform: translateX(-100%);
-        -ms-transform: translateX(-100%);
-        transform: translateX(-100%);
-      }
-      50% {
-        -webkit-transform: translateX(100%);
-        -moz-transform: translateX(100%);
-        -ms-transform: translateX(100%);
-        transform: translateX(100%);
-      }
-      100% {
-        -webkit-transform: translateX(100%);
-        -moz-transform: translateX(100%);
-        -ms-transform: translateX(100%);
-        transform: translateX(100%);
-      }
-    }
-    @keyframes fui-skeleton-wave-animation {
-      0% {
-        -webkit-transform: translateX(-100%);
-        -moz-transform: translateX(-100%);
-        -ms-transform: translateX(-100%);
-        transform: translateX(-100%);
-      }
-      50% {
-        -webkit-transform: translateX(100%);
-        -moz-transform: translateX(100%);
-        -ms-transform: translateX(100%);
-        transform: translateX(100%);
-      }
-      100% {
-        -webkit-transform: translateX(100%);
-        -moz-transform: translateX(100%);
-        -ms-transform: translateX(100%);
-        transform: translateX(100%);
-      }
-    }
-  }
-  &.pulse {
-    &::before {
-      content: " ";
-    }
-    animation: 1.5s ease-in-out 0.5s infinite normal none running
-      fui-skeleton-pulse-animation;
-    @-webkit-keyframes fui-skeleton-pulse-animation {
-      0% {
-        opacity: 1;
-      }
-      50% {
-        opacity: 0.4;
-      }
-      100% {
-        opacity: 1;
-      }
-    }
-
-    @keyframes fui-skeleton-pulse-animation {
-      0% {
-        opacity: 1;
-      }
-      50% {
-        opacity: 0.4;
-      }
-      100% {
-        opacity: 1;
-      }
-    }
-  }
-}
diff --git a/src/skeleton/FuiSkeleton.tsx b/src/skeleton/FuiSkeleton.tsx
index c1c241a2..84a99bf0 100644
--- a/src/skeleton/FuiSkeleton.tsx
+++ b/src/skeleton/FuiSkeleton.tsx
@@ -1,7 +1,7 @@
 
 import * as React from "react";
 import { FuiSkeletonDefaultProps, FuiSkeletonProps } from "./FuiSkeletonProps";
-import "./FuiSkeleton.scss";
+import "./FuiSkeleton.css";
 import { mergeProps } from "../overridable";
 /**
  * Fui Skeleton component inspired on Mui Skeleton component
diff --git a/src/tooltip/Tooltip.css b/src/tooltip/Tooltip.css
new file mode 100644
index 00000000..a0f0e885
--- /dev/null
+++ b/src/tooltip/Tooltip.css
@@ -0,0 +1,126 @@
+.files-ui-tooltip {
+  cursor: default;
+  position: relative;
+  /* display: inline-block; */
+  /* border-bottom: 1px dotted black; */
+}
+
+.files-ui-tooltip:hover {
+  z-index: 2;
+}
+
+.files-ui-tooltip:hover .files-ui-tooltiptext {
+  visibility: visible;
+  opacity: 1;
+  z-index: 2;
+}
+
+.files-ui-tooltip.card:hover {
+  z-index: 2;
+}
+
+.files-ui-tooltip.card:hover .files-ui-tooltiptext {
+  visibility: visible;
+  opacity: 1;
+  z-index: 2;
+}
+
+.files-ui-tooltip.card .files-ui-tooltiptext {
+  box-sizing: border-box;
+  font-family: var(--files-ui-font-family, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+  font-size: 0.8rem;
+  font-weight: 400;
+  visibility: hidden;
+  width: 200px;
+  /* background-color: green; */
+  color: #fff;
+  text-align: center;
+  border-radius: 6px;
+  padding: 2px 2px;
+  position: absolute;
+  z-index: 2;
+  /* left: calc(50% - 100px); */
+  left: 0;
+  margin-top: 5px;
+  /* top: calc(100% + 5px); */
+  top: 100%;
+  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
+  opacity: 0;
+  transition: opacity 1s;
+}
+
+.files-ui-tooltip.card .files-ui-tooltiptext.not-valid-error {
+  background: linear-gradient(to top, #c62828, #d32f2f);
+}
+
+.files-ui-tooltip.card .files-ui-tooltiptext.not-valid-error::after {
+  border-color: transparent transparent #d32f2f transparent;
+}
+
+.files-ui-tooltip.card .files-ui-tooltiptext.success {
+  /* background-color: green; */
+  background: linear-gradient(to top, #1b5e20, #2e7d32);
+}
+
+.files-ui-tooltip.card .files-ui-tooltiptext.success::after {
+  border-color: transparent transparent #2e7d32 transparent;
+}
+
+.files-ui-tooltip.card .files-ui-tooltiptext::after {
+  content: "";
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  /* border-color: transparent transparent green transparent; */
+}
+
+.files-ui-tooltip .files-ui-tooltiptext {
+  box-sizing: border-box;
+  font-family: var(--files-ui-font-family, "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+  font-size: 0.8rem;
+  font-weight: 400;
+  visibility: hidden;
+  width: 132px;
+  /* background-color: green; */
+  color: #fff;
+  text-align: center;
+  border-radius: 6px;
+  padding: 2px 2px;
+  position: absolute;
+  z-index: 2;
+  left: 0;
+  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
+  opacity: 0;
+  transition: opacity 1s;
+}
+
+.files-ui-tooltip .files-ui-tooltiptext.not-valid-error {
+  background: linear-gradient(to top, #c62828, #d32f2f);
+}
+
+.files-ui-tooltip .files-ui-tooltiptext.not-valid-error::after {
+  border-color: transparent transparent #d32f2f transparent;
+}
+
+.files-ui-tooltip .files-ui-tooltiptext.success {
+  /* background-color: green; */
+  background: linear-gradient(to top, #1b5e20, #2e7d32);
+}
+
+.files-ui-tooltip .files-ui-tooltiptext.success::after {
+  border-color: transparent transparent #2e7d32 transparent;
+}
+
+.files-ui-tooltip .files-ui-tooltiptext::after {
+  content: "";
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  /* border-color: transparent transparent green transparent; */
+}
\ No newline at end of file
diff --git a/src/tooltip/Tooltip.scss b/src/tooltip/Tooltip.scss
deleted file mode 100644
index 1e186717..00000000
--- a/src/tooltip/Tooltip.scss
+++ /dev/null
@@ -1,121 +0,0 @@
-////////////////@at-root
-.files-ui-tooltip {
-  cursor: default;
-  position: relative;
-  //display: inline-block;
-  // border-bottom: 1px dotted black;
-  &:hover {
-    z-index: 2;
-    .files-ui-tooltiptext {
-      visibility: visible;
-      opacity: 1;
-      z-index: 2;
-    }
-  }
-  &.card {
-    &:hover {
-      z-index: 2;
-      .files-ui-tooltiptext {
-        visibility: visible;
-        opacity: 1;
-        z-index: 2;
-      }
-    }
-    .files-ui-tooltiptext {
-      box-sizing: border-box;
-      font-family: "Poppins", sans-serif;
-
-      font-size: 0.8rem;
-      font-weight: 400;
-      visibility: hidden;
-      width: 200px;
-      // background-color: green;
-      color: #fff;
-      text-align: center;
-      border-radius: 6px;
-      padding: 2px 2px;
-      position: absolute;
-      z-index: 2;
-      left: calc(50% - 100px);
-      left: 0;
-      margin-top: 5px;
-      //top: calc(100% + 5px);
-      top: 100%;
-      // Fade in tooltip - takes 1 second to go from 0% to 100% opac:
-      opacity: 0;
-      transition: opacity 1s;
-
-      &.not-valid-error {
-        background: linear-gradient(to top, #c62828, #d32f2f);
-        &::after {
-          border-color: transparent transparent #d32f2f transparent;
-        }
-      }
-      &.success {
-        //background-color: green;
-        background: linear-gradient(to top, #1b5e20, #2e7d32);
-        &::after {
-          border-color: transparent transparent #2e7d32 transparent;
-        }
-      }
-
-      &::after {
-        content: "";
-        position: absolute;
-        bottom: 100%;
-        left: 50%;
-        margin-left: -5px;
-        border-width: 5px;
-        border-style: solid;
-        //border-color: transparent transparent green transparent;
-      }
-    }
-  }
-
-  .files-ui-tooltiptext {
-    box-sizing: border-box;
-    font-family: "Poppins", sans-serif;
-
-    font-size: 0.8rem;
-    font-weight: 400;
-    visibility: hidden;
-    width: 132px;
-    // background-color: green;
-    color: #fff;
-    text-align: center;
-    border-radius: 6px;
-    padding: 2px 2px;
-    position: absolute;
-    z-index: 2;
-    left: 0;
-
-    // Fade in tooltip - takes 1 second to go from 0% to 100% opac:
-    opacity: 0;
-    transition: opacity 1s;
-
-    &.not-valid-error {
-      background: linear-gradient(to top, #c62828, #d32f2f);
-      &::after {
-        border-color: transparent transparent #d32f2f transparent;
-      }
-    }
-    &.success {
-      //background-color: green;
-      background: linear-gradient(to top, #1b5e20, #2e7d32);
-      &::after {
-        border-color: transparent transparent #2e7d32 transparent;
-      }
-    }
-
-    &::after {
-      content: "";
-      position: absolute;
-      bottom: 100%;
-      left: 50%;
-      margin-left: -5px;
-      border-width: 5px;
-      border-style: solid;
-      //border-color: transparent transparent green transparent;
-    }
-  }
-}
diff --git a/src/tooltip/Tooltip.tsx b/src/tooltip/Tooltip.tsx
index 6e16a048..645c1c22 100644
--- a/src/tooltip/Tooltip.tsx
+++ b/src/tooltip/Tooltip.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import { TooltipProps } from "./TooltipProps";
-import "./Tooltip.scss";
+import "./Tooltip.css";
 import { UPLOADSTATUS } from "@files-ui/core"
 const Tooltip: React.FC<TooltipProps> = (props: TooltipProps) => {
   const {
diff --git a/src/utils/uploadStrategy.ts b/src/utils/uploadStrategy.ts
index 19a5d9f6..485c32b6 100644
--- a/src/utils/uploadStrategy.ts
+++ b/src/utils/uploadStrategy.ts
@@ -1,12 +1,18 @@
 import {
   ExtFile,
   Method,
+  ServerAction,
   uploadExtFile,
   uploadExtFileChunked,
   uploadExtFilesConcurrent,
+  uploadExtFilesViaAction,
 } from "@files-ui/core";
 
 export type UploadStrategyOptions = {
+  // Server Actions (takes precedence over url)
+  action?: ServerAction;
+  
+  // XHR/Fetch options
   url?: string;
   urlFromExtFile?: (f: ExtFile) => string;
   method?: Method;
@@ -78,6 +84,7 @@ export const uploadExtFilesWithStrategy = async (
   if (extFiles.length === 0) return [];
 
   const {
+    action,
     maxConcurrentUploads = 1,
     chunked = false,
     url,
@@ -88,6 +95,17 @@ export const uploadExtFilesWithStrategy = async (
     asBlob,
   } = options;
 
+  // Priority 1: Server Actions (Next.js App Router)
+  if (action) {
+    return uploadExtFilesViaAction(
+      extFiles,
+      action,
+      uploadLabel,
+      maxConcurrentUploads,
+      onFileComplete
+    );
+  }
+
   if (!chunked && maxConcurrentUploads > 1) {
     return uploadExtFilesConcurrent(
       extFiles,
diff --git a/tests/Dropone.test.tsx b/tests/Dropzone_prev.test.tsx
similarity index 100%
rename from tests/Dropone.test.tsx
rename to tests/Dropzone_prev.test.tsx
diff --git a/tests/SizeVariants.test.tsx b/tests/SizeVariants.test.tsx
new file mode 100644
index 00000000..1cd77678
--- /dev/null
+++ b/tests/SizeVariants.test.tsx
@@ -0,0 +1,74 @@
+import "@testing-library/jest-dom";
+import React from "react";
+import { FileMosaic, FileCard } from "../src";
+import { render } from "@testing-library/react";
+
+describe("Size Variants", () => {
+  const baseProps = { id: "test-1", name: "test.pdf", size: 1024, type: "application/pdf" };
+
+  describe("FileMosaic", () => {
+    it("renders without variant (defaults to medium)", () => {
+      const { container } = render(<FileMosaic {...baseProps} />);
+      const el = container.querySelector(".files-ui-file-mosaic-main-container");
+      expect(el).toBeInTheDocument();
+      expect(el).not.toHaveClass("fui-size-xs");
+      expect(el).not.toHaveClass("fui-size-small");
+      expect(el).not.toHaveClass("fui-size-large");
+    });
+
+    it("applies fui-size-xs class when variant='xs'", () => {
+      const { container } = render(<FileMosaic {...baseProps} variant="xs" />);
+      const el = container.querySelector(".files-ui-file-mosaic-main-container");
+      expect(el).toHaveClass("fui-size-xs");
+    });
+
+    it("applies fui-size-small class when variant='small'", () => {
+      const { container } = render(<FileMosaic {...baseProps} variant="small" />);
+      const el = container.querySelector(".files-ui-file-mosaic-main-container");
+      expect(el).toHaveClass("fui-size-small");
+    });
+
+    it("does not add size class when variant='medium'", () => {
+      const { container } = render(<FileMosaic {...baseProps} variant="medium" />);
+      const el = container.querySelector(".files-ui-file-mosaic-main-container");
+      expect(el).not.toHaveClass("fui-size-xs");
+      expect(el).not.toHaveClass("fui-size-small");
+      expect(el).not.toHaveClass("fui-size-large");
+    });
+
+    it("applies fui-size-large class when variant='large'", () => {
+      const { container } = render(<FileMosaic {...baseProps} variant="large" />);
+      const el = container.querySelector(".files-ui-file-mosaic-main-container");
+      expect(el).toHaveClass("fui-size-large");
+    });
+  });
+
+  describe("FileCard", () => {
+    it("renders without variant (defaults to medium)", () => {
+      const { container } = render(<FileCard {...baseProps} />);
+      const el = container.querySelector(".files-ui-file-card-main-container");
+      expect(el).toBeInTheDocument();
+      expect(el).not.toHaveClass("fui-size-xs");
+      expect(el).not.toHaveClass("fui-size-small");
+      expect(el).not.toHaveClass("fui-size-large");
+    });
+
+    it("applies fui-size-xs class when variant='xs'", () => {
+      const { container } = render(<FileCard {...baseProps} variant="xs" />);
+      const el = container.querySelector(".files-ui-file-card-main-container");
+      expect(el).toHaveClass("fui-size-xs");
+    });
+
+    it("applies fui-size-small class when variant='small'", () => {
+      const { container } = render(<FileCard {...baseProps} variant="small" />);
+      const el = container.querySelector(".files-ui-file-card-main-container");
+      expect(el).toHaveClass("fui-size-small");
+    });
+
+    it("applies fui-size-large class when variant='large'", () => {
+      const { container } = render(<FileCard {...baseProps} variant="large" />);
+      const el = container.querySelector(".files-ui-file-card-main-container");
+      expect(el).toHaveClass("fui-size-large");
+    });
+  });
+});
diff --git a/tests/useFilesUI.test.ts b/tests/useFilesUI.test.ts
new file mode 100644
index 00000000..ccbe9642
--- /dev/null
+++ b/tests/useFilesUI.test.ts
@@ -0,0 +1,502 @@
+import { renderHook, act, waitFor } from "@testing-library/react";
+import { useFilesUI, UseFilesUIOptions } from "../src/hooks/useFilesUI";
+import { ExtFile, ServerResponse } from "@files-ui/core";
+
+// Mock @files-ui/core
+jest.mock("@files-ui/core", () => ({
+  ...jest.requireActual("@files-ui/core"),
+  ExtFileManager: {
+    createFileListMap: jest.fn(() => 1),
+    removeFileListMap: jest.fn(),
+    getNextId: jest.fn(() => Date.now()),
+  },
+}));
+
+describe("useFilesUI Hook", () => {
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe("Initialization", () => {
+    it("should initialize with empty files", () => {
+      const { result } = renderHook(() => useFilesUI());
+
+      expect(result.current.files).toEqual([]);
+      expect(result.current.numberOfValidFiles).toBe(0);
+      expect(result.current.isUploading).toBe(false);
+      expect(result.current.isDragging).toBe(false);
+    });
+
+    it("should initialize with provided value", () => {
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "test.pdf", size: 1024, valid: true },
+      ];
+
+      const { result } = renderHook(() =>
+        useFilesUI({ value: initialFiles })
+      );
+
+      expect(result.current.files).toEqual(initialFiles);
+      expect(result.current.numberOfValidFiles).toBe(1);
+    });
+
+    it("should generate dropzone ID if not provided", () => {
+      const { ExtFileManager } = require("@files-ui/core");
+      
+      renderHook(() => useFilesUI());
+
+      expect(ExtFileManager.createFileListMap).toHaveBeenCalled();
+    });
+
+    it("should use provided dropzone ID", () => {
+      const { ExtFileManager } = require("@files-ui/core");
+      
+      renderHook(() => useFilesUI({ dropzoneId: "custom-id" }));
+
+      expect(ExtFileManager.createFileListMap).not.toHaveBeenCalled();
+    });
+  });
+
+  describe("File Addition", () => {
+    it("should add files from FileList", () => {
+      const { result } = renderHook(() => useFilesUI());
+
+      const file = new File(["content"], "test.txt", { type: "text/plain" });
+      const fileList = [file];
+
+      act(() => {
+        result.current.addFiles(fileList as any);
+      });
+
+      expect(result.current.files).toHaveLength(1);
+      expect(result.current.files[0].name).toBe("test.txt");
+    });
+
+    it("should replace files when behaviour is 'replace'", () => {
+      const { result } = renderHook(() =>
+        useFilesUI({ behaviour: "replace" })
+      );
+
+      const file1 = new File(["content1"], "test1.txt", { type: "text/plain" });
+      const file2 = new File(["content2"], "test2.txt", { type: "text/plain" });
+
+      act(() => {
+        result.current.addFiles([file1] as any);
+      });
+      expect(result.current.files).toHaveLength(1);
+
+      act(() => {
+        result.current.addFiles([file2] as any);
+      });
+      expect(result.current.files).toHaveLength(1);
+      expect(result.current.files[0].name).toBe("test2.txt");
+    });
+
+    it("should add files when behaviour is 'add'", () => {
+      const { result } = renderHook(() => useFilesUI({ behaviour: "add" }));
+
+      const file1 = new File(["content1"], "test1.txt", { type: "text/plain" });
+      const file2 = new File(["content2"], "test2.txt", { type: "text/plain" });
+
+      act(() => {
+        result.current.addFiles([file1] as any);
+      });
+      expect(result.current.files).toHaveLength(1);
+
+      act(() => {
+        result.current.addFiles([file2] as any);
+      });
+      expect(result.current.files).toHaveLength(2);
+    });
+
+    it("should call onChange callback when files are added", () => {
+      const onChange = jest.fn();
+      const { result } = renderHook(() => useFilesUI({ onChange }));
+
+      const file = new File(["content"], "test.txt", { type: "text/plain" });
+
+      act(() => {
+        result.current.addFiles([file] as any);
+      });
+
+      expect(onChange).toHaveBeenCalledTimes(1);
+      expect(onChange).toHaveBeenCalledWith(expect.arrayContaining([
+        expect.objectContaining({ name: "test.txt" }),
+      ]));
+    });
+  });
+
+  describe("File Removal", () => {
+    it("should remove file by id", () => {
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "test1.pdf", size: 1024 },
+        { id: 2, name: "test2.pdf", size: 2048 },
+      ];
+
+      const { result } = renderHook(() =>
+        useFilesUI({ value: initialFiles })
+      );
+
+      act(() => {
+        result.current.removeFile(1);
+      });
+
+      expect(result.current.files).toHaveLength(1);
+      expect(result.current.files[0].id).toBe(2);
+    });
+
+    it("should call onDelete callback", () => {
+      const onDelete = jest.fn();
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "test.pdf", size: 1024 },
+      ];
+
+      const { result } = renderHook(() =>
+        useFilesUI({ value: initialFiles, onDelete })
+      );
+
+      act(() => {
+        result.current.removeFile(1);
+      });
+
+      expect(onDelete).toHaveBeenCalledWith(1);
+    });
+  });
+
+  describe("File Update", () => {
+    it("should update file properties", () => {
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "test.pdf", size: 1024, valid: true },
+      ];
+
+      const { result } = renderHook(() =>
+        useFilesUI({ value: initialFiles })
+      );
+
+      act(() => {
+        result.current.updateFile(1, { uploadStatus: "uploading", progress: 50 });
+      });
+
+      expect(result.current.files[0].uploadStatus).toBe("uploading");
+      expect(result.current.files[0].progress).toBe(50);
+    });
+  });
+
+  describe("File Clearing", () => {
+    it("should clear all files", () => {
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "test1.pdf", size: 1024 },
+        { id: 2, name: "test2.pdf", size: 2048 },
+      ];
+
+      const { result } = renderHook(() =>
+        useFilesUI({ value: initialFiles })
+      );
+
+      act(() => {
+        result.current.clearFiles();
+      });
+
+      expect(result.current.files).toHaveLength(0);
+    });
+
+    it("should call onClean callback when clearing files", () => {
+      const onClean = jest.fn();
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "test.pdf", size: 1024 },
+      ];
+
+      const { result } = renderHook(() =>
+        useFilesUI({ value: initialFiles, onClean })
+      );
+
+      act(() => {
+        result.current.clearFiles();
+      });
+
+      expect(onClean).toHaveBeenCalledWith([]);
+    });
+
+    it("should clean only invalid files", () => {
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "valid.pdf", size: 1024, valid: true },
+        { id: 2, name: "invalid.pdf", size: 2048, valid: false },
+      ];
+
+      const { result } = renderHook(() =>
+        useFilesUI({ value: initialFiles })
+      );
+
+      act(() => {
+        result.current.cleanFiles();
+      });
+
+      expect(result.current.files).toHaveLength(1);
+      expect(result.current.files[0].id).toBe(1);
+    });
+  });
+
+  describe("Validation", () => {
+    it("should determine validation is needed", () => {
+      const { result: result1 } = renderHook(() =>
+        useFilesUI({ accept: "image/*" })
+      );
+      expect(result1.current.numberOfValidFiles).toBeDefined();
+
+      const { result: result2 } = renderHook(() =>
+        useFilesUI({ maxFileSize: 1024 })
+      );
+      expect(result2.current.numberOfValidFiles).toBeDefined();
+
+      const { result: result3 } = renderHook(() =>
+        useFilesUI({ maxFiles: 5 })
+      );
+      expect(result3.current.numberOfValidFiles).toBeDefined();
+    });
+
+    it("should count valid files correctly", () => {
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "valid1.pdf", size: 1024, valid: true },
+        { id: 2, name: "valid2.pdf", size: 2048, valid: true },
+        { id: 3, name: "invalid.pdf", size: 3072, valid: false },
+      ];
+
+      const { result } = renderHook(() =>
+        useFilesUI({ value: initialFiles, maxFileSize: 5000 })
+      );
+
+      expect(result.current.numberOfValidFiles).toBe(2);
+    });
+
+    it("should auto-clean invalid files when autoClean is true", () => {
+      const { result } = renderHook(() =>
+        useFilesUI({ autoClean: true, maxFileSize: 100 })
+      );
+
+      const largeFile = new File(["x".repeat(200)], "large.txt", {
+        type: "text/plain",
+      });
+
+      act(() => {
+        result.current.addFiles([largeFile] as any);
+      });
+
+      // File should be filtered out due to autoClean
+      // Note: This depends on validateExtFileList implementation
+      expect(result.current.files.length).toBeLessThanOrEqual(1);
+    });
+  });
+
+  describe("Drag Handlers", () => {
+    it("should provide drag handlers", () => {
+      const { result } = renderHook(() => useFilesUI());
+
+      const handlers = result.current.getDragHandlers();
+
+      expect(handlers).toHaveProperty("onDragEnter");
+      expect(handlers).toHaveProperty("onDragLeave");
+      expect(handlers).toHaveProperty("onDragOver");
+      expect(handlers).toHaveProperty("onDrop");
+    });
+
+    it("should set isDragging on drag enter", () => {
+      const { result } = renderHook(() => useFilesUI());
+      const handlers = result.current.getDragHandlers();
+
+      const mockEvent = {
+        preventDefault: jest.fn(),
+        stopPropagation: jest.fn(),
+      } as any;
+
+      act(() => {
+        handlers.onDragEnter(mockEvent);
+      });
+
+      expect(result.current.isDragging).toBe(true);
+    });
+
+    it("should unset isDragging on drag leave", () => {
+      const { result } = renderHook(() => useFilesUI());
+      const handlers = result.current.getDragHandlers();
+
+      const mockEvent = {
+        preventDefault: jest.fn(),
+        stopPropagation: jest.fn(),
+      } as any;
+
+      act(() => {
+        handlers.onDragEnter(mockEvent);
+      });
+      expect(result.current.isDragging).toBe(true);
+
+      act(() => {
+        handlers.onDragLeave(mockEvent);
+      });
+      expect(result.current.isDragging).toBe(false);
+    });
+
+    it("should handle drop with files", () => {
+      const { result } = renderHook(() => useFilesUI());
+      const handlers = result.current.getDragHandlers();
+
+      const file = new File(["content"], "test.txt", { type: "text/plain" });
+      const mockEvent = {
+        preventDefault: jest.fn(),
+        stopPropagation: jest.fn(),
+        dataTransfer: {
+          files: [file],
+        },
+      } as any;
+
+      act(() => {
+        handlers.onDrop(mockEvent);
+      });
+
+      expect(result.current.isDragging).toBe(false);
+      expect(result.current.files).toHaveLength(1);
+    });
+  });
+
+  describe("Input Props", () => {
+    it("should provide input props", () => {
+      const { result } = renderHook(() =>
+        useFilesUI({ accept: "image/*", maxFiles: 5 })
+      );
+
+      const inputProps = result.current.getInputProps();
+
+      expect(inputProps).toHaveProperty("onChange");
+      expect(inputProps.accept).toBe("image/*");
+      expect(inputProps.multiple).toBe(true);
+    });
+
+    it("should set multiple to false when maxFiles is 1", () => {
+      const { result } = renderHook(() => useFilesUI({ maxFiles: 1 }));
+
+      const inputProps = result.current.getInputProps();
+
+      expect(inputProps.multiple).toBe(false);
+    });
+
+    it("should handle input change", () => {
+      const { result } = renderHook(() => useFilesUI());
+      const inputProps = result.current.getInputProps();
+
+      const file = new File(["content"], "test.txt", { type: "text/plain" });
+      const mockEvent = {
+        target: {
+          files: [file],
+        },
+      } as any;
+
+      act(() => {
+        inputProps.onChange(mockEvent);
+      });
+
+      expect(result.current.files).toHaveLength(1);
+    });
+  });
+
+  describe("Upload", () => {
+    it("should call uploadFiles method", async () => {
+      const { result } = renderHook(() => useFilesUI());
+
+      await act(async () => {
+        const uploadedFiles = await result.current.uploadFiles();
+        expect(uploadedFiles).toBeDefined();
+      });
+
+      // After upload completes, isUploading should be false
+      expect(result.current.isUploading).toBe(false);
+    });
+
+    it("should call onUploadStart and onUploadFinish", async () => {
+      const onUploadStart = jest.fn();
+      const onUploadFinish = jest.fn();
+      const mockAction = jest.fn().mockResolvedValue({ success: true, message: "Uploaded" });
+
+      const { result } = renderHook(() =>
+        useFilesUI({ 
+          onUploadStart, 
+          onUploadFinish,
+          action: mockAction 
+        })
+      );
+
+      // Add a file first
+      await act(async () => {
+        const file = new File(["test"], "test.txt", { type: "text/plain" });
+        result.current.addFiles([file]);
+      });
+
+      // Upload the file
+      await act(async () => {
+        await result.current.uploadFiles();
+      });
+
+      expect(onUploadStart).toHaveBeenCalled();
+      expect(onUploadFinish).toHaveBeenCalled();
+      expect(mockAction).toHaveBeenCalled();
+    });
+  });
+
+  describe("Controlled Mode", () => {
+    it("should sync with controlled value", () => {
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "test1.pdf", size: 1024 },
+      ];
+
+      const { result, rerender } = renderHook(
+        ({ value }: { value?: ExtFile[] }) => useFilesUI({ value }),
+        { initialProps: { value: initialFiles } }
+      );
+
+      expect(result.current.files).toHaveLength(1);
+
+      const updatedFiles: ExtFile[] = [
+        { id: 1, name: "test1.pdf", size: 1024 },
+        { id: 2, name: "test2.pdf", size: 2048 },
+      ];
+
+      rerender({ value: updatedFiles });
+
+      expect(result.current.files).toHaveLength(2);
+    });
+
+    it("should use controlled value when not uploading", () => {
+      const initialFiles: ExtFile[] = [
+        { id: 1, name: "test1.pdf", size: 1024 },
+      ];
+
+      const { result, rerender } = renderHook(
+        ({ value }: { value?: ExtFile[] }) => useFilesUI({ value }),
+        { initialProps: { value: initialFiles } }
+      );
+
+      expect(result.current.files).toHaveLength(1);
+
+      // Update controlled value
+      const updatedFiles: ExtFile[] = [
+        { id: 1, name: "test1.pdf", size: 1024 },
+        { id: 2, name: "test2.pdf", size: 2048 },
+      ];
+
+      rerender({ value: updatedFiles });
+
+      // Should sync to new value when not uploading
+      expect(result.current.files).toHaveLength(2);
+      expect(result.current.files[1].id).toBe(2);
+    });
+  });
+
+  describe("Cleanup", () => {
+    it("should cleanup on unmount", () => {
+      const { ExtFileManager } = require("@files-ui/core");
+      const { unmount } = renderHook(() => useFilesUI());
+
+      unmount();
+
+      expect(ExtFileManager.removeFileListMap).toHaveBeenCalled();
+    });
+  });
+});
diff --git a/tsconfig.json b/tsconfig.json
index a341012e..b07a4c02 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,20 +1,20 @@
 {
   "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "jsx": "react-jsx",
+    "allowJs": true,
     "declaration": true,
-    "declarationDir": "./build",
+    "declarationDir": "build",
+    "outDir": "./build",
     "rootDir": "./src",
+    "module": "esnext",
+    "target": "es2015",
+    "lib": ["es2015", "dom", "es2016", "es2017"],
+    "sourceMap": true,
+    "jsx": "react",
     "moduleResolution": "bundler",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "outDir": "build",
-    "types": ["jest", "node"]
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true
   },
-  "include": ["src/**/*", "src/declarations.d.ts"],
-  "exclude": ["node_modules", "build", "tests", "**/*.test.ts", "**/*.test.tsx"]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "build"],
+  "baseUrl": "./"
 }
\ No newline at end of file