diff --git a/.github/workflows/nextjs.yml b/.github/workflows/nextjs.yml
index ed74736..fc02714 100644
--- a/.github/workflows/nextjs.yml
+++ b/.github/workflows/nextjs.yml
@@ -8,6 +8,9 @@ on:
   # Runs on pushes targeting the default branch
   push:
     branches: ["main"]
+    paths-ignore:
+      - '**/*.md'
+
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
diff --git a/README.md b/README.md
index e3a9bf4..7010e53 100644
--- a/README.md
+++ b/README.md
@@ -1,114 +1,126 @@
-# FSM Visualizer
+# 🌟 **FSM Visualizer** 🌟
 
-Welcome to **FSM Visualizer**, a versatile tool for creating and visualizing finite state machines (FSMs). Whether you're designing complex parsers or simple state diagrams, this tool is built to enhance your workflow with ease and efficiency.
+Welcome to **FSM Visualizer**, your ultimate tool for crafting and visualizing finite state machines (FSMs). Whether you're designing a simple state diagram or tackling complex workflows, **FSM Visualizer** empowers you with intuitive and efficient tools. 🚀
 
 ---
 
-## 🎯 Features
+## 🎯 **Features at a Glance**
 
-- **No Registration Required**: Get started instantly—no signups or logins needed.
-- **Flexible Customization**: Add detailed text to states and transitions for clarity.
-- **Interactive Design**: Drag and drop states, connect transitions, and edit effortlessly.
-- **Practical for Developers**: Built with ReactFlow, ensuring performance and scalability.
+- **🚪 No Signups Needed**: Start building instantly—no barriers or distractions.
+- **✨ Fully Customizable**: Add detailed labels to states and transitions to bring clarity to your diagrams.
+- **⚡ Interactive Interface**: Create, edit, and connect states seamlessly with drag-and-drop functionality.
+- **🛠 Built from Scratch**: Powered by a custom implementation designed for maximum flexibility and performance.
+- **🔧 Tools Section**: Transform **BNF grammar into FSM** representations in **LR(1) parser form**, making it perfect for advanced grammar analysis and parsing tasks.
 
 ---
 
-## 🚀 Live Demo
+## 🌐 **Live Demo**
 
-Try the tool live here: [Live Tool Link](https://alhassanalbadri.github.io/fsm-visualizer/)
+Explore the magic now: 👉 [**FSM Visualizer Live**](https://alhassanalbadri.github.io/fsm-visualizer/) 🎉
 
 ---
 
-## 🛠 Installation & Setup
+## 🛠 **Getting Started**
 
-Follow these steps to run the project locally:
+Ready to run **FSM Visualizer** locally? Just follow these simple steps:
 
 1. **Clone the Repository**:
-	```bash
-	git clone https://github.com/yourusername/FSM-Visualizer.git
-	cd FSM-Visualizer
-	```
-
+   ```bash
+   git clone https://github.com/alhassanalbadri/fsm-visualizer.git
+   cd FSM-Visualizer
+   ```
 2. **Install Dependencies**:
-	```bash
-	npm install
-	```
+   ```bash
+   npm install
+   ```
+3. **Start the Development Server**:
+   ```bash
+   npm run dev
+   ```
+4. Open your browser and navigate to `http://localhost:3000`. 🎉
+
+---
 
-3. **Run the Development Server**:
-	```bash
-	npm run dev
-	```
+## 📂 **Project Structure**
 
-4. Open your browser and navigate to `http://localhost:3000`.
+Here's an overview of the key components:
+
+- **🎨 Components**:
+  - `CustomNode`: The visual representation of FSM states with editable labels.
+  - `CustomEdge`: Flexible transitions connecting the states.
+  - `FSMHandler`: The core logic for managing states and transitions.
+  - `Sidebar`: The sidebar for adding new states, and accessing our builtin tools.
+- **🔧 State Management**:
+  - Built from scratch to ensure efficient and intuitive interaction.
+  - Handles all nodes, edges, and user interactions dynamically.
 
 ---
 
-## 📂 Project Structure
+## 🤔 **How to Use**
 
-- **Components**:
-  - `CustomNode`: Customizable nodes for FSM states.
-  - `CustomEdge`: Custom edges for transitions between states.
-  - `Sidebar`: UI for adding and managing states and transitions.
-- **State Management**:
-  - Managed using ReactFlow's `useNodesState` and `useEdgesState`.
+1. **🎨 Add States**: Drag and drop new states from the sidebar onto the canvas.
+2. **🔗 Connect Transitions**: Click and drag from one state to another.
+3. **🖊 Edit Labels**: Double-click on states or transitions to update their labels.
+4. **📷 Save Your Work**: Export your FSM as JSON, PNG, or SVG to share or reuse.
+5. **🔧 Tools Section**: Use the **BNF grammar to FSM** tool to visualize LR(1) parser states from your grammar inputs.
 
 ---
 
-## 🤔 How to Use
+## 🗺 **Development Roadmap**
 
-1. **Add States**: Drag and drop new states from the sidebar onto the canvas.
-2. **Connect Transitions**: Drag from one state to another to create transitions.
-3. **Edit Labels**: Click on states or transitions to edit their labels.
-4. **Save Your Work**: Take screenshots or copy the FSM structure for your needs.
+### 🔹 Stage 1: Core Features
+- [x] Custom-built state and edge management
+- [x] JSON import/export functionality
+- [x] PNG/SVG export support
+- [ ] Multiple node types (e.g., start/end states)
 
----
+### 🔹 Stage 2: Grammar Integration
+- [x] **BNF grammar to FSM** in LR(1) parser form
+- [x] Visualization of LR(1) parser states
 
-## 🗺 Development Roadmap
+### 🔹 Stage 3: Styling & Customization
+- [ ] Customizable colors for states and edges
+- [ ] Enhanced edge styles and animations
+- [ ] Customizable end markers for transitions
 
-### Stage 1: Basic Functionality
-- [x] Implement basic pathfinding algorithm for FSMs
-- [x] Add JSON import/export functionality
-- [x] Add PNG/SVG export functionality
-- [x] Implement clearing the canvas
-- [ ] Add support for multiple node types (e.g., start/end states).
+### 🔹 Stage 4: Collaboration
+- [ ] User account creation and authentication
+- [ ] Shared FSM editing and real-time collaboration
+- [ ] Personal dashboards for managing FSMs
 
-### Stage 2: LR(1) Grammar Integration
-- [ ] Implement LR(1) grammar parsing
-- [ ] Visualize LR(1) parser states and transitions
-- [ ] Add support for grammar rule editing
+### 🔹 Stage 5: Advanced Features
+- [ ] Support for diverse FSM types
+- [ ] Undo/redo functionality
+- [ ] Composite nodes for advanced workflows
 
-### Stage 3: Customization & Styling
-- [ ] Allow custom colors for states
-... and more?
+---
 
-### Stage 4: User Accounts and Basic Collaboration
-- [ ] Implement user account creation and authentication
-- [ ] Add basic collaboration features (e.g., sharing FSMs)
-- [ ] Implement user-specific FSM storage
+## ⚠️ **Known Issues**
 
-### Stage 5: Advanced Collaboration & Extensibility
-- [ ] Add support for different FSM types
-- [ ] Implement undo/redo functionality
-... and more!
+### Current Issues
+- **PNG/SVG Export Flicker**: A flicker occurs during canvas rendering (Low priority).
+- **Oversized Node Boxes**: Some nodes initially have unnecessary padding (Low priority).
 
 ---
 
-## 🛡 License
+## 🛡 **License**
 
-This project is licensed under the [MIT License](LICENSE).
+This project is open-source and available under the [MIT License](LICENSE). 📝
 
 ---
 
-## 🤝 Contributing
+## 🤝 **Contributing**
 
-Contributions are welcome! If you have ideas for improvements or find bugs, please open an issue or submit a pull request.
+Let’s make **FSM Visualizer** even better! 💡  
+If you have ideas or find bugs, feel free to open an issue or submit a pull request. Contributions are always welcome! 🙌
 
 ---
 
-## 📫 Feedback & Support
+## 📢 **Feedback & Support**
 
-If you try out **FSM Visualizer**, let me know your thoughts! I'm always open to feedback and suggestions for improvement.
+Tried **FSM Visualizer**? Share your thoughts or suggestions!  
+Your feedback helps us grow and improve. 💬
 
 ---
 
-Happy visualizing! 🎉
+🎉 **Happy Visualizing!** 🎉  
\ No newline at end of file
diff --git a/app/globals.css b/app/globals.css
index 4ef8810..c2d4fa2 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -78,3 +78,17 @@ body {
 		@apply bg-background text-foreground;
 	}
 }
+
+
+.canvas-background {
+	background-color: #f3f4f6;
+	/* Light gray background */
+	background-image:
+		linear-gradient(to right, #d1d5db 1px, transparent 1px),
+		linear-gradient(to bottom, #d1d5db 1px, transparent 1px);
+	/* Grid size */
+	background-size: 20px 20px;
+	/* Dark gray border */
+	border: 0.5px solid #9ca3af;
+	position: relative;
+}
\ No newline at end of file
diff --git a/app/utils/calculatePortPosition.ts b/app/utils/calculatePortPosition.ts
new file mode 100644
index 0000000..61f46d0
--- /dev/null
+++ b/app/utils/calculatePortPosition.ts
@@ -0,0 +1,24 @@
+// calculatePortPosition.ts
+interface NodePosition {
+	x: number;
+	y: number;
+	width: number;
+	height: number;
+  }
+  
+  export const calculatePortPosition = (node: NodePosition, isSource: boolean) => {
+	if (isSource) {
+	  // Output port at bottom-center
+	  return {
+		x: node.x + node.width / 2,
+		y: node.y + node.height,
+	  };
+	} else {
+	  // Input port at top-center
+	  return {
+		x: node.x + node.width / 2,
+		y: node.y,
+	  };
+	}
+  };
+  
\ No newline at end of file
diff --git a/app/utils/useResizeObserver.ts b/app/utils/useResizeObserver.ts
new file mode 100644
index 0000000..ff9669e
--- /dev/null
+++ b/app/utils/useResizeObserver.ts
@@ -0,0 +1,27 @@
+// useResizeObserver.ts
+import { useEffect, RefObject } from "react";
+
+const useResizeObserver = (
+	ref: RefObject<HTMLElement>,
+	callback: (width: number, height: number) => void,
+	options?: ResizeObserverOptions
+) => {
+	useEffect(() => {
+		if (!ref.current) return;
+
+		const observer = new ResizeObserver((entries) => {
+			for (const entry of entries) {
+				const { width, height } = entry.contentRect;
+				callback(width, height);
+			}
+		});
+
+		observer.observe(ref.current, options);
+
+		return () => {
+			observer.disconnect();
+		};
+	}, [ref, callback, options]);
+};
+
+export default useResizeObserver;
diff --git a/components/CustomEdge.tsx b/components/CustomEdge.tsx
index 1d4b550..4db0be4 100644
--- a/components/CustomEdge.tsx
+++ b/components/CustomEdge.tsx
@@ -1,110 +1,328 @@
 "use client";
 
-import React, { useState, useCallback } from 'react';
-import { EdgeProps, EdgeLabelRenderer, getBezierPath } from '@xyflow/react';
-
-export default function CustomEdge({
-	id,
-	source,
-	target,
-	sourceX,
-	sourceY,
-	targetX,
-	targetY,
-	sourcePosition,
-	targetPosition,
-	style = {},
-	markerEnd,
-}: EdgeProps) {
+import React, {
+	useState,
+	useCallback,
+	useEffect,
+	useRef,
+	useLayoutEffect,
+} from "react";
+
+interface Edge {
+	id: string;
+	source: string;
+	target: string;
+	sourceX: number;
+	sourceY: number;
+	targetX: number;
+	targetY: number;
+	type: string;
+	data: {
+		label: string;
+		onLabelChange: (id: string, newLabel: string) => void;
+	};
+}
+
+interface CustomEdgeProps {
+	edge?: Edge;
+	path?: {
+		sourceX: number;
+		sourceY: number;
+		targetX: number;
+		targetY: number;
+	};
+	nodes?: Node[];
+}
+
+interface Node {
+	id: string;
+	type: string;
+	position: { x: number; y: number };
+	data: { label: string; conflictType?: string; conflictToken?: string };
+	width: number;
+	height: number;
+}
+
+const CustomEdge: React.FC<CustomEdgeProps> = ({ edge, path, nodes }) => {
 	const [isEditing, setIsEditing] = useState(false);
-	const [label, setLabel] = useState('');
-
-	const isSelfLoop = source === target;
-
-	let edgePath, labelX, labelY;
-	if (isSelfLoop) {
-		const radiusX = 80;
-		const radiusY = 50;
-		
-		edgePath = `M ${sourceX} ${sourceY} A ${radiusX} ${radiusY} 0 1 1 ${targetX} ${targetY}`;
-		
-		labelX = sourceX - radiusX - 75;
-		labelY = sourceY + radiusY - 80;
-		
-	} else {
-		[edgePath, labelX, labelY] = getBezierPath({
-			sourceX,
-			sourceY,
-			sourcePosition,
-			targetX,
-			targetY,
-			targetPosition,
-		});
-	}
+	const label = edge?.data?.label || "";
 
-	const handleLabelClick = useCallback((event: React.MouseEvent | React.KeyboardEvent) => {
-		event.stopPropagation();
-		setIsEditing(true);
-	}, []);
+	const textRef = useRef<SVGTextElement>(null);
+	const textareaRef = useRef<HTMLTextAreaElement>(null);
+	const [labelDimensions, setLabelDimensions] = useState<{ width: number; height: number }>({
+		width: 0,
+		height: 0,
+	});
+
+	const LABEL_PADDING = 8;
+	const labelWidthRef = useRef<number>(0);
+
+	useEffect(() => {
+		const markerId = "arrowhead-marker";
+		if (!document.getElementById(markerId)) {
+			const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+			const marker = document.createElementNS("http://www.w3.org/2000/svg", "marker");
+			marker.setAttribute("id", markerId);
+			marker.setAttribute("markerWidth", "6");
+			marker.setAttribute("markerHeight", "6");
+			marker.setAttribute("viewBox", "0 0 6 6");
+			marker.setAttribute("refX", "5");
+			marker.setAttribute("refY", "3");
+			marker.setAttribute("orient", "auto");
+			marker.setAttribute("markerUnits", "strokeWidth");
+
+			const pathElement = document.createElementNS(
+				"http://www.w3.org/2000/svg",
+				"path"
+			);
+			pathElement.setAttribute("d", "M0,0 L6,3 L0,6 Z"); // Triangle shape
+			pathElement.setAttribute("fill", "#b1b1b7");
+			pathElement.setAttribute("stroke", "none");
 
-	const handleLabelChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
-		setLabel(event.target.value);
+			marker.appendChild(pathElement);
+			defs.appendChild(marker);
+
+			let svg = document.querySelector("svg");
+			if (!svg) {
+				svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+				svg.setAttribute("style", "position:absolute; width:0; height:0;");
+				document.body.appendChild(svg);
+			}
+			svg.appendChild(defs);
+		}
 	}, []);
 
+	useLayoutEffect(() => {
+		if (textRef.current && !isEditing) {
+			const bbox = textRef.current.getBBox();
+			labelWidthRef.current = bbox.width;
+			setLabelDimensions({ width: bbox.width, height: bbox.height });
+		}
+	}, [label, isEditing]);
+
+	useLayoutEffect(() => {
+		if (isEditing && textareaRef.current) {
+			const textarea = textareaRef.current;
+			textarea.style.height = "auto";
+			textarea.style.height = `${textarea.scrollHeight}px`;
+
+			setLabelDimensions(() => ({
+				width: labelWidthRef.current,
+				height: textarea.scrollHeight,
+			}));
+		}
+	}, [isEditing, label]);
+
+	const handleLabelClick = useCallback(
+		(event: React.MouseEvent | React.KeyboardEvent) => {
+			event.stopPropagation();
+			setIsEditing(true);
+		},
+		[]
+	);
+
+	const handleLabelChange = useCallback(
+		(event: React.ChangeEvent<HTMLTextAreaElement>) => {
+			const newLabel = event.target.value;
+			if (edge?.data?.onLabelChange) {
+				edge.data.onLabelChange(edge.id, newLabel);
+			}
+		},
+		[edge]
+	);
+
 	const handleBlur = useCallback(() => {
 		setIsEditing(false);
 	}, []);
 
+	const handleKeyDown = useCallback(
+		(event: React.KeyboardEvent<HTMLTextAreaElement>) => {
+			if (event.key === "Enter" && !event.shiftKey) {
+				event.preventDefault();
+				setIsEditing(false);
+			}
+		},
+		[]
+	);
+
+	let sourceX, sourceY, targetX, targetY;
+
+	if (edge && nodes) {
+		const sourceNode = nodes.find((n) => n.id === edge.source);
+		const targetNode = nodes.find((n) => n.id === edge.target);
+		if (!sourceNode || !targetNode) return null;
+
+		// Source port (bottom-center)
+		sourceX = sourceNode.position.x + sourceNode.width / 2;
+		sourceY = sourceNode.position.y + sourceNode.height;
+
+		// Target port (top-center)
+		targetX = targetNode.position.x + targetNode.width / 2;
+		targetY = targetNode.position.y;
+	} else if (path) {
+		sourceX = path.sourceX;
+		sourceY = path.sourceY;
+		targetX = path.targetX;
+		targetY = path.targetY;
+	} else {
+		return null;
+	}
+
+	const isSelfConnection = edge ? edge.source === edge.target : false;
+	const calculatePathData = () => {
+		if (isSelfConnection && edge) {
+			const node = nodes?.find((n) => n.id === edge.source);
+			if (!node) return { pathData: "", labelX: 0, labelY: 0 };
+
+			// Dynamically calculate radii based on node dimensions with scaling factors
+			const RADIUS_SCALE_X = 0.4; // Horizontal scaling factor
+			const RADIUS_SCALE_Y = 0.9; // Vertical scaling factor
+			const PADDING = 15; // Extra padding for aesthetics
+
+			const radiusX = node.width * RADIUS_SCALE_X + PADDING;
+			const radiusY = node.height * RADIUS_SCALE_Y + PADDING;
+
+
+			const pathData = `
+				M ${sourceX} ${sourceY}
+				A ${radiusX} ${radiusY} 0 1 1 ${targetX} ${targetY}`;
+
+			// Position the label above the loop, offset by radii
+			const labelX = sourceX - radiusX - 10; // Adjust for visual centering
+			const labelY = sourceY - radiusY - 20;
+
+			return { pathData, labelX, labelY };
+		} else {
+			// Normal edge handling with Bezier curve
+			const deltaY = targetY - sourceY;
+			const controlPointOffset = Math.min(100, Math.abs(deltaY) / 2);
+
+			const controlX1 = sourceX;
+			const controlY1 = sourceY + controlPointOffset;
+
+			const controlX2 = targetX;
+			const controlY2 = targetY - controlPointOffset;
+
+			const pathData = `M ${sourceX} ${sourceY} C ${controlX1} ${controlY1}, ${controlX2} ${controlY2}, ${targetX} ${targetY}`;
+
+			// Label position: midpoint of the curve
+			const labelX = (sourceX + targetX) / 2;
+			const labelY = (sourceY + targetY) / 2 - 20;
+
+			return { pathData, labelX, labelY };
+		}
+	};
+
+	const { pathData, labelX, labelY } = calculatePathData();
+
+	const svgStyle: React.CSSProperties = {
+		position: "absolute",
+		left: 0,
+		top: 0,
+		width: "100%",
+		height: "100%",
+		pointerEvents: "none",
+		zIndex: isSelfConnection ? 2 : 1, // Higher z-index for self-connections
+	};
+
 	return (
-		<>
-			<path
-				id={`${id}-invisible`}
-				style={style}
-				className="react-flow__edge-path invisible-edge"
-				d={edgePath}
-				markerEnd={markerEnd}
-			/>
+		<svg style={svgStyle} xmlns="http://www.w3.org/2000/svg" className="edge-container">
+			{/* Edge Path */}
 			<path
-				id={id}
-				style={{ ...style, strokeWidth: 2 }}
-				className="react-flow__edge-path visible-edge"
-				d={edgePath}
-				markerEnd={markerEnd}
+				d={pathData}
+				stroke="#b1b1b7"
+				strokeWidth={2}
+				fill="none"
+				markerEnd="url(#arrowhead-marker)"
+				strokeLinecap="round"
+				strokeLinejoin="round"
 			/>
-			<EdgeLabelRenderer>
-				<div
-					style={{
-						position: 'absolute',
-						transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
-						fontSize: 12,
-						pointerEvents: 'all',
+
+			{/* Edge Label */}
+			{label && (
+				<g
+					style={{ pointerEvents: "auto" }}
+					transform={`translate(${labelX}, ${labelY})`}
+					onClick={handleLabelClick}
+					onKeyDown={(e) => {
+						if (e.key === "Enter") handleLabelClick(e);
 					}}
-					className="nodrag nopan"
+					role="button"
+					tabIndex={0}
 				>
-					{isEditing ? (
-						<input
-							value={label}
-							onChange={handleLabelChange}
-							onBlur={handleBlur}
-							className="px-2 py-1 bg-white border rounded shadow-sm"
-							placeholder="Transition label"
-							autoFocus
-						/>
-					) : (
-						<div
-							className="px-2 py-1 bg-white border rounded shadow-sm cursor-pointer"
-							onClick={handleLabelClick}
-							role="button"
-							tabIndex={0}
-							onKeyDown={(e) => {
-								if (e.key === 'Enter') handleLabelClick(e as unknown as React.MouseEvent);
+					{/* Background Rectangle */}
+					<rect
+						x={-labelDimensions.width / 2 - LABEL_PADDING}
+						y={-labelDimensions.height / 2 - LABEL_PADDING}
+						width={labelDimensions.width + LABEL_PADDING * 2}
+						height={labelDimensions.height + LABEL_PADDING * 2}
+						fill="rgba(255, 255, 255, 0.9)"
+						rx="6"
+						ry="6"
+						stroke="#b1b1b7"
+						strokeWidth="1"
+					/>
+					{/* Label Content */}
+					{!isEditing && (
+						<text
+							ref={textRef}
+							textAnchor="middle"
+							alignmentBaseline="middle"
+							style={{
+								fontSize: "14px",
+								fontFamily: "Arial, sans-serif",
+								fontWeight: "600",
+								fill: "#333",
+								cursor: "pointer",
+								userSelect: "none",
+								overflow: "hidden",
+								textOverflow: "ellipsis",
+								whiteSpace: "nowrap",
 							}}
 						>
-							{label || 'Add label'}
-						</div>
+							{label || "Add label"}
+						</text>
+					)}
+					{isEditing && (
+						<foreignObject
+							x={-labelDimensions.width / 2 - LABEL_PADDING}
+							y={-labelDimensions.height / 2 - LABEL_PADDING}
+							width={labelDimensions.width + LABEL_PADDING * 2}
+							height={labelDimensions.height + LABEL_PADDING * 2}
+						>
+							<textarea
+								ref={textareaRef}
+								value={label}
+								onChange={handleLabelChange}
+								onBlur={handleBlur}
+								onKeyDown={handleKeyDown}
+								autoFocus
+								placeholder="Transition label"
+								style={{
+									width: "100%",
+									height: "100%",
+									boxSizing: "border-box",
+									fontSize: "14px",
+									fontFamily: "Arial, sans-serif",
+									fontWeight: "600",
+									textAlign: "center",
+									border: "none",
+									backgroundColor: "transparent",
+									resize: "none",
+									overflow: "hidden",
+									outline: "none",
+									padding: "0",
+									margin: "0",
+									whiteSpace: "pre-wrap",
+									wordBreak: "break-all",
+								}}
+							/>
+						</foreignObject>
 					)}
-				</div>
-			</EdgeLabelRenderer>
-		</>
+				</g>
+			)}
+		</svg>
 	);
-}
+};
+
+export default React.memo(CustomEdge);
diff --git a/components/CustomNode.tsx b/components/CustomNode.tsx
index 3e95eca..bb4f606 100644
--- a/components/CustomNode.tsx
+++ b/components/CustomNode.tsx
@@ -1,101 +1,256 @@
-"use client";
-
 import React, { useState, useCallback, useRef, useEffect } from "react";
-import { Handle, Position, NodeProps } from "@xyflow/react";
-
-export default function CustomNode({ data, isConnectable, selected }: NodeProps) {
-	const [label, setLabel] = useState<string>(typeof data.label === 'string' ? data.label : "New State");
-	const [isEditing, setIsEditing] = useState(false);
-	const [dimensions, setDimensions] = useState({ width: 150, height: 40 });
-
-	const textAreaRef = useRef<HTMLTextAreaElement>(null);
-	const containerRef = useRef<HTMLDivElement>(null);
-	const hiddenTextRef = useRef<HTMLDivElement>(null);
-
-	const MIN_WIDTH = 150;
-	const MAX_WIDTH = 500;
-	const MAX_HEIGHT = 300;
-	const LINE_HEIGHT = 24;
-	const PADDING_X = 32;
-	const PADDING_Y = 16;
-	const BORDER_X = 4;
-	const BORDER_Y = 4;
-	const MAX_ROWS = 10;
-	const MAX_CONTENT_HEIGHT = LINE_HEIGHT * MAX_ROWS;
-
-	const calculateContentHeight = useCallback((element: HTMLElement) => {
-		const lineCount = Math.ceil(element.scrollHeight / LINE_HEIGHT);
-		return Math.min(lineCount * LINE_HEIGHT, MAX_CONTENT_HEIGHT);
-	}, [MAX_CONTENT_HEIGHT]);
-
-	const handleDoubleClick = useCallback((event: React.MouseEvent) => {
-		event.stopPropagation();
-		setIsEditing(true);
-	}, []);
-
-	const updateDimensions = useCallback(() => {
-		if (containerRef.current && hiddenTextRef.current) {
-			const content = isEditing ? textAreaRef.current : containerRef.current.querySelector('.content');
-			if (content) {
-				const contentHeight = calculateContentHeight(content as HTMLElement);
-				const newHeight = contentHeight + PADDING_Y + BORDER_Y;
-
-				hiddenTextRef.current.textContent = (content as HTMLTextAreaElement).value || content.textContent;
-				const contentWidth = hiddenTextRef.current.offsetWidth;
-				const newWidth = Math.min(Math.max(contentWidth + PADDING_X + BORDER_X, MIN_WIDTH), MAX_WIDTH);
-
-				setDimensions({ width: newWidth, height: newHeight });
+
+interface CustomNodeProps {
+	id: string;
+	data: {
+		isEditing: boolean; label?: string; conflictType?: string; conflictToken?: string 
+};
+	isConnectable: boolean;
+	selected: boolean;
+	onSelect?: (id: string) => void;
+	onConnectStart?: (
+		nodeId: string,
+		portType: "input" | "output",
+		portX: number,
+		portY: number,
+		clientX: number,
+		clientY: number
+	) => void;
+	onConnectEnd?: (targetNodeId: string) => void;
+	isCreatingConnection: boolean;
+	isConnectionSource: boolean;
+	onResize?: (id: string, width: number, height: number) => void;
+	onLabelChange?: (id: string, newLabel: string) => void;
+}
+
+const CustomNode: React.FC<CustomNodeProps> = React.memo(
+	({
+		id,
+		data,
+		isConnectable,
+		selected,
+		onSelect,
+		onConnectStart,
+		onConnectEnd,
+		isCreatingConnection,
+		isConnectionSource,
+		onResize,
+		onLabelChange,
+	}) => {
+		const [label, setLabel] = useState<string>(
+			typeof data.label === "string" ? data.label : "New State"
+		);
+		const [isEditing, setIsEditing] = useState(false);
+		const [dimensions, setDimensions] = useState<{ width: number; height: number }>({
+			width: 150,
+			height: 50,
+		});
+
+		const textAreaRef = useRef<HTMLTextAreaElement>(null);
+		const containerRef = useRef<HTMLDivElement>(null);
+		const hiddenTextRef = useRef<HTMLDivElement>(null);
+		const inputHandleRef = useRef<HTMLDivElement>(null);
+		const outputHandleRef = useRef<HTMLDivElement>(null);
+
+		// Configuration constants
+		const MIN_WIDTH = 300;
+		const MAX_WIDTH = 600;
+		const LINE_HEIGHT = 24;
+		const PADDING_X = 32;
+		const PADDING_Y = 16;
+		const BORDER_X = 4;
+		const MAX_ROWS = 10;
+		const MAX_CONTENT_HEIGHT = LINE_HEIGHT * MAX_ROWS;
+
+		const updateDimensions = useCallback(() => {
+			if (!hiddenTextRef.current || !containerRef.current) {
+				console.warn("Hidden text or container reference is missing");
+				return;
+			}
+
+			hiddenTextRef.current.textContent = isEditing
+				? textAreaRef.current?.value ?? ""
+				: label;
+
+			const contentWidth = hiddenTextRef.current.offsetWidth;
+			const contentHeight = hiddenTextRef.current.offsetHeight;
+
+			const conflictHeight = (data.conflictType || data.conflictToken) ? 60 : 0;
+
+			const newWidth = Math.min(
+				Math.max(contentWidth + PADDING_X * 2, MIN_WIDTH),
+				MAX_WIDTH
+			);
+
+			const newHeight = Math.min(
+				Math.max(contentHeight + PADDING_Y * 2 + conflictHeight, 50),
+				MAX_CONTENT_HEIGHT + conflictHeight
+			);
+
+			setDimensions({
+				width: newWidth,
+				height: newHeight,
+			});
+
+			onResize?.(id, newWidth, newHeight);
+		}, [isEditing, label, onResize, id, data.conflictType, data.conflictToken]);
+
+
+		useEffect(() => {
+			setLabel(typeof data.label === "string" ? data.label : "New State");
+			updateDimensions();
+		}, [data.label]);
+
+		useEffect(() => {
+			if (hiddenTextRef.current) {
+				hiddenTextRef.current.textContent = label;
+				updateDimensions();
+			}
+		}, [label]);
+
+		useEffect(() => {
+			data.isEditing = isEditing;
+			if (isEditing && textAreaRef.current) {
+				textAreaRef.current.focus();
+				textAreaRef.current.setSelectionRange(
+					textAreaRef.current.value.length,
+					textAreaRef.current.value.length
+				);
 			}
-		}
-	}, [calculateContentHeight, isEditing]);
-
-	useEffect(() => {
-		updateDimensions();
-		window.addEventListener('resize', updateDimensions);
-		return () => window.removeEventListener('resize', updateDimensions);
-	}, [label, isEditing, updateDimensions]);
-
-	useEffect(() => {
-		if (isEditing && textAreaRef.current) {
-			textAreaRef.current.focus();
-			textAreaRef.current.setSelectionRange(textAreaRef.current.value.length, textAreaRef.current.value.length);
-		}
-	}, [isEditing]);
-
-	return (
-		<>
+		}, [isEditing]);
+
+		const handleClick = useCallback(
+			(event: React.MouseEvent) => {
+				event.stopPropagation();
+				onSelect?.(id);
+			},
+			[onSelect, id]
+		);
+
+		const handleDoubleClick = useCallback(
+			(event: React.MouseEvent) => {
+				event.stopPropagation();
+				setIsEditing(true);
+			},
+			[]
+		);
+
+		// Handle Input Port Click (Top-Center)
+		const handleInputPortClick = useCallback(() => {
+			if (
+				isCreatingConnection &&
+				onConnectEnd &&
+				inputHandleRef.current &&
+				containerRef.current
+			) {
+				onConnectEnd?.(id);
+			}
+		}, [id, isCreatingConnection, onConnectEnd]);
+
+		// Handle Output Port Click (Bottom-Center)
+		const handleOutputPortClick = useCallback(
+			(event: React.MouseEvent) => {
+				event.preventDefault();
+				event.stopPropagation();
+
+				if (
+					onConnectStart &&
+					outputHandleRef.current &&
+					containerRef.current
+				) {
+					// Get port's absolute position
+					const rect = outputHandleRef.current.getBoundingClientRect();
+					const portX = rect.left + rect.width / 2;
+					const portY = rect.top + rect.height / 2;
+
+					// Get cursor's absolute position
+					const clientX = event.clientX;
+					const clientY = event.clientY;
+
+					// Call the onConnectStart callback with port and cursor positions
+					onConnectStart?.(id, "output", portX, portY, clientX, clientY);
+				}
+			},
+			[id, onConnectStart]
+		);
+
+		const handleKeyDown = useCallback(
+			(event: React.KeyboardEvent<HTMLTextAreaElement>) => {
+				if (event.key === "Escape") {
+					setIsEditing(false);
+				} else if (event.key === "Enter" && !event.shiftKey) {
+					event.preventDefault();
+					setIsEditing(false);
+					onLabelChange?.(id, label.trim());
+				}
+			},
+			[id, label, onLabelChange]
+		);
+		
+
+		return (
 			<div
 				ref={containerRef}
-				className={`px-4 py-2 rounded-lg bg-white relative flex flex-col justify-center items-center 
-					${selected 
-						? 'border-2 border-blue-500 animate-borderPulse shadow-lg ring-4 ring-blue-100' 
-						: 'border-2 border-gray-200 hover:border-gray-300'} 
-					shadow-md hover:shadow-lg duration-700 ease-in-out`}
+				className={`node-container px-4 py-2 rounded-lg relative flex flex-col justify-center items-center ${isEditing
+					? "border-2 border-green-500 shadow-lg"
+					: selected
+						? "border-2 border-blue-500 shadow-lg"
+						: "border-2 border-gray-300"
+					} bg-white shadow-md transition-all duration-200 ease-in-out hover:shadow-xl cursor-pointer`}
 				style={{
 					width: dimensions.width,
 					height: dimensions.height,
-					maxHeight: `${MAX_HEIGHT}px`,
-					backgroundColor: '#FFFFFF',
 				}}
+				onClick={handleClick}
 				onDoubleClick={handleDoubleClick}
 				tabIndex={0}
-				onKeyDown={(event) => {
-					if (!isEditing && (event.key === "Enter" || event.key === " ")) {
-						event.preventDefault();
-						setIsEditing(true);
-					}
-				}}
 				role="button"
 				aria-label={`Node: ${label}`}
+				title="Double-click to edit"
 			>
-				<Handle
-					type="target"
-					position={Position.Top}
-					isConnectable={isConnectable}
-					className="!w-3 !h-3 !bg-blue-500 !border-2 !border-white hover:!scale-110"
-					style={{ top: '-5px', pointerEvents: "auto" }}
-				/>
+				{/* Editing Indicator Icon */}
+				{isEditing && (
+					<div className="absolute top-1 right-1">
+						{/* Pencil Icon */}
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							className="h-4 w-4 text-green-500"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth={2}
+								d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5"
+							/>
+							<path
+								strokeLinecap="round"
+								strokeLinejoin="round"
+								strokeWidth={2}
+								d="M16.5 3.5a2.121 2.121 0 1 1 3 3L7 19l-4 1 1-4L16.5 3.5z"
+							/>
+						</svg>
+					</div>
+				)}
+
+				{/* Input Handle - Top-Center */}
+				{isConnectable && (
+					<div
+						ref={inputHandleRef}
+						className={`handle handle-target absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 w-3 h-3 border-2 border-white rounded-full cursor-pointer ${isCreatingConnection && !isConnectionSource
+							? "bg-green-500 animate-pulse"
+							: "bg-blue-500"
+							}`}
+						onClick={(e) => {
+							e.stopPropagation();
+							handleInputPortClick();
+						}}
+					/>
+				)}
 
+				{/* Label Editing or Display */}
 				{isEditing ? (
 					<textarea
 						ref={textAreaRef}
@@ -103,45 +258,78 @@ export default function CustomNode({ data, isConnectable, selected }: NodeProps)
 						onChange={(event) => setLabel(event.target.value)}
 						onBlur={() => {
 							setIsEditing(false);
-							data.label = label.trim();
+							onLabelChange?.(id, label.trim());
 						}}
-						className="w-full resize-none outline-none text-lg font-semibold text-center focus:ring-2 focus:ring-blue-200 rounded"
+						className="w-full resize-none outline-none text-lg font-semibold text-center rounded"
 						style={{
-							overflow: 'hidden',
-							height: `${MAX_CONTENT_HEIGHT}px`,
+							overflow: "auto",
+							maxHeight: `${MAX_CONTENT_HEIGHT}px`,
 							lineHeight: `${LINE_HEIGHT}px`,
 						}}
 						rows={MAX_ROWS}
+						onKeyDown={handleKeyDown}
 					/>
 				) : (
 					<div
-						className="content w-full overflow-auto text-lg font-semibold text-center whitespace-pre-wrap break-words cursor-pointer text-gray-700"
+						className="content w-full overflow-hidden text-lg font-semibold text-center whitespace-pre-wrap break-words cursor-pointer"
 						style={{
 							maxHeight: `${MAX_CONTENT_HEIGHT}px`,
 							lineHeight: `${LINE_HEIGHT}px`,
 						}}
+						onClick={(e) => {
+							e.stopPropagation();
+							if (selected) {
+								setIsEditing(true);
+							} else {
+								onSelect?.(id);
+							}
+						}}
 					>
 						{label}
+						{(data.conflictType || data.conflictToken) && (
+							<div className="mt-2 p-2 w-full bg-red-100 rounded-lg border border-red-300">
+								{data.conflictType && (
+									<div className="text-sm text-red-800 font-medium">
+										<strong>Conflict Type:</strong> {data.conflictType}
+									</div>
+								)}
+								{data.conflictToken && (
+									<div className="text-sm text-red-800 font-medium">
+										<strong>Conflict Token:</strong> {data.conflictToken}
+									</div>
+								)}
+							</div>
+						)}
 					</div>
 				)}
 
-				<Handle
-					type="source"
-					position={Position.Bottom}
-					isConnectable={isConnectable}
-					className="!w-3 !h-3 !bg-blue-500 !border-2 !border-white hover:!scale-110m"
-					style={{ bottom: '-5px', pointerEvents: "auto" }}
+				{/* Output Handle - Bottom-Center */}
+				{isConnectable && (
+					<div
+						ref={outputHandleRef}
+						className={`handle handle-source absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2 w-3 h-3 border-2 border-white rounded-full cursor-pointer ${isConnectionSource ? "bg-red-500" : "bg-blue-500"
+							}`}
+						onClick={(e) => {
+							e.stopPropagation();
+							handleOutputPortClick(e);
+						}}
+					/>
+				)}
+
+				{/* Hidden Element for Calculating Width */}
+				<div
+					ref={hiddenTextRef}
+					className="absolute left-0 top-0 invisible whitespace-pre-wrap break-words text-lg font-bold"
+					style={{
+						padding: `${PADDING_Y / 2}px ${PADDING_X / 2}px`,
+						maxWidth: `${MAX_WIDTH - PADDING_X - BORDER_X}px`,
+					}}
 				/>
 			</div>
-			<div
-				ref={hiddenTextRef}
-				className="absolute left-0 top-0 invisible whitespace-pre-wrap break-words text-lg font-bold"
-				style={{
-					padding: `${PADDING_Y / 2}px ${PADDING_X / 2}px`,
-					maxWidth: `${MAX_WIDTH - PADDING_X - BORDER_X}px`,
-					pointerEvents: "none",
-				}}
-			/>
-		</>
-	);
-}
+		);
+	}
+);
+
+CustomNode.displayName = "CustomNode";
+
+export default CustomNode;
diff --git a/components/FSMHandler.tsx b/components/FSMHandler.tsx
index 477ca8b..c7900c6 100644
--- a/components/FSMHandler.tsx
+++ b/components/FSMHandler.tsx
@@ -1,348 +1,878 @@
 "use client";
 
-import React, { useState, useCallback, useRef } from 'react';
-import {
-	ReactFlow,
-	Node,
-	Edge,
-	Connection,
-	addEdge,
-	Background,
-	Controls,
-	useNodesState,
-	useEdgesState,
-	ReactFlowInstance,
-	MarkerType,
-	OnConnectStartParams,
-	Panel,
-	OnConnectEnd,
-	useReactFlow,
-	ReactFlowProvider,
-	getNodesBounds,
-} from '@xyflow/react';
-import '@xyflow/react/dist/style.css';
-import CustomNode from './CustomNode';
-import CustomEdge from './CustomEdge';
-import Sidebar from './Sidebar';
-import { v4 as uuidv4 } from 'uuid';
-import { Button } from '@/components/ui/button';
-import { Download, Upload, Trash2 } from 'lucide-react';
-import { useToast } from '@/hooks/use-toast';
-import { toPng, toSvg } from 'html-to-image';
-
-const nodeTypes = {
-	custom: CustomNode,
-};
+import React, { useState, useRef, useCallback, useEffect } from "react";
+import { v4 as uuidv4 } from "uuid";
+import CustomNode from "./CustomNode";
+import Sidebar from "./Sidebar";
+import { Button } from "@/components/ui/button";
+import { useToast } from "@/hooks/use-toast";
+import { toPng, toSvg } from "html-to-image";
+import { calculatePortPosition } from "../app/utils/calculatePortPosition";
+import { Grammar } from "./parser";
+import CustomEdge from "./CustomEdge";
+
+interface Node {
+	id: string;
+	type: string;
+	position: { x: number; y: number };
+	data: { isEditing: boolean, label: string; conflictType?: string; conflictToken?: string };
+	width: number;
+	height: number;
+}
+
+interface Edge {
+	id: string;
+	source: string;
+	target: string;
+	sourceX: number;
+	sourceY: number;
+	targetX: number;
+	targetY: number;
+	type: string;
+	data: {
+		label: string;
+		onLabelChange: (id: string, newLabel: string) => void;
+	};
+}
+
+// Fixed Canvas Dimensions
+const CANVAS_WIDTH = 10000;
+const CANVAS_HEIGHT = 10000;
+// Node Dimensions (Default Width and Height)
+const NODE_WIDTH = 150;
+const NODE_HEIGHT = 50;
 
-const edgeTypes = {
-	custom: CustomEdge,
-};
 
 const initialNodes: Node[] = [
 	{
-		id: '1',
-		type: 'custom',
-		position: { x: 250, y: 5 },
-		data: { label: 'Start' },
+		id: "1",
+		type: "custom",
+		position: { x: (CANVAS_WIDTH / 2) - (NODE_WIDTH / 2), y: (CANVAS_HEIGHT / 2) - (NODE_HEIGHT / 2) },
+		data: {
+			label: "Start",
+			isEditing: false
+		},
+		width: 150,
+		height: 50,
 	},
 ];
 
+console.log(initialNodes[0].position)
+
 const initialEdges: Edge[] = [];
 
-const FSMHandler = () => {
-	const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
-	const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
-	const [reactFlowInstance, setReactFlowInstance] =
-		useState<ReactFlowInstance | null>(null);
-	const reactFlowWrapper = useRef<HTMLDivElement>(null);
-	const reactFlowRef = useRef<HTMLDivElement>(null);
-	const [connectionParams, setConnectionParams] =
-		useState<OnConnectStartParams | null>(null);
+
+const FlowEditor = () => {
+	const [nodes, setNodes] = useState<Node[]>(initialNodes);
+	const [edges, setEdges] = useState<Edge[]>(initialEdges);
+	const [selectedNode, setSelectedNode] = useState<string | null>(null);
+	const [connectionStart, setConnectionStart] = useState<{
+		nodeId: string;
+		portType: "input" | "output";
+		x: number;
+		y: number;
+	} | null>(null);
+	const [draggedEdge, setDraggedEdge] = useState<{
+		sourceX: number;
+		sourceY: number;
+		targetX: number;
+		targetY: number;
+	} | null>(null);
+	const [dragOffset, setDragOffset] = useState<{ offsetX: number; offsetY: number } | null>(null);
+
+	const [grammar, setGrammar] = useState<string>("");
+	const [parsingResult, setParsingResult] = useState<string>("");
+
+	const exportRef = useRef<HTMLDivElement>(null);
+	const fileInputRef = useRef<HTMLInputElement>(null);
 	const { toast } = useToast();
 
-	const { getNodes, screenToFlowPosition } = useReactFlow();
-
-	const onConnect = useCallback(
-		(params: Edge | Connection) => {
-			setEdges((eds) =>
-				addEdge(
-					{
-						...params,
-						id: uuidv4(),
-						type: 'custom',
-						markerEnd: { type: MarkerType.ArrowClosed },
-						data: { label: 'New Transition' },
-					},
-					eds
+	const selectedNodeRef = useRef<string | null>(selectedNode);
+	const dragOffsetRef = useRef<{ offsetX: number; offsetY: number } | null>(dragOffset);
+
+	const isDraggingRef = useRef<boolean>(false);
+	const dragRAFRef = useRef<number | null>(null);
+
+	const [isSaved, setIsSaved] = useState<boolean>(true);
+
+	// Update refs when state changes
+	useEffect(() => {
+		selectedNodeRef.current = selectedNode;
+	}, [selectedNode]);
+
+	useEffect(() => {
+		dragOffsetRef.current = dragOffset;
+	}, [dragOffset]);
+
+	// STATE VARIABLES FOR PANNING
+	const [panOffset, setPanOffset] = useState<{ x: number; y: number }>({ x: 0, y: 0 });
+	const [isPanning, setIsPanning] = useState<boolean>(false);
+	const [panStart, setPanStart] = useState<{ x: number; y: number } | null>(null);
+
+	const handleCanvasMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {
+		if (e.button === 0 && !isDraggingRef.current) {
+			setIsPanning(true);
+			setPanStart({ x: e.clientX, y: e.clientY });
+		}
+	};
+
+	const handleCanvasMouseUp = () => {
+		setIsPanning(false);
+		setPanStart(null);
+	};
+
+	useEffect(() => {
+		const handleMouseUp = () => {
+			handleCanvasMouseUp();
+		};
+		document.addEventListener("mouseup", handleMouseUp);
+		return () => document.removeEventListener("mouseup", handleMouseUp);
+	}, []);
+
+	useEffect(() => {
+		const handleMouseMove = (e: MouseEvent) => {
+			if (isPanning && panStart && !isDraggingRef.current) {
+				const dx = e.clientX - panStart.x;
+				const dy = e.clientY - panStart.y;
+				setPanOffset((prev) => ({ x: prev.x + dx, y: prev.y + dy }));
+				setPanStart({ x: e.clientX, y: e.clientY });
+			}
+		};
+		document.addEventListener("mousemove", handleMouseMove);
+		return () => document.removeEventListener("mousemove", handleMouseMove);
+	}, [isPanning, panStart]);
+
+	useEffect(() => {
+		const viewportWidth = window.innerWidth;
+		const viewportHeight = window.innerHeight;
+
+		const centerX = (viewportWidth / 2) - (CANVAS_WIDTH / 2);
+		const centerY = (viewportHeight / 2) - (CANVAS_HEIGHT / 2);
+
+		setPanOffset({ x: centerX, y: centerY });
+	}, []);
+
+	// Handler for node dragging
+	const handleNodeDrag = useCallback(
+		(event: MouseEvent) => {
+			if (!isDraggingRef.current) return;
+
+			const nodeId = selectedNodeRef.current;
+			const offset = dragOffsetRef.current;
+			if (!nodeId || !offset) return;
+
+			let newX = event.clientX - offset.offsetX;
+			let newY = event.clientY - offset.offsetY;
+
+			// Ensure the node stays within the canvas boundaries
+			newX = Math.max(0, Math.min(newX, CANVAS_WIDTH - NODE_WIDTH)); // NODE_WIDTH is the width of the node
+			newY = Math.max(0, Math.min(newY, CANVAS_HEIGHT - NODE_HEIGHT)); // NODE_HEIGHT is the height of the node
+
+			setNodes((prevNodes) =>
+				prevNodes.map((node) =>
+					node.id === nodeId ? { ...node, position: { x: newX, y: newY } } : node
 				)
 			);
 		},
-		[setEdges]
+		[]
+	);
+
+	// Stable handler for ending node drag
+	const handleNodeDragEnd = useCallback(() => {
+		if (isDraggingRef.current) {
+			isDraggingRef.current = false;
+			setSelectedNode(null);
+			setDragOffset(null);
+			selectedNodeRef.current = null;
+			dragOffsetRef.current = null;
+
+			if (dragRAFRef.current) {
+				cancelAnimationFrame(dragRAFRef.current);
+				dragRAFRef.current = null;
+			}
+
+			window.removeEventListener("mousemove", handleNodeDrag);
+			window.removeEventListener("mouseup", handleNodeDragEnd);
+		}
+	}, [handleNodeDrag]);
+
+	// Handle node drag start
+	const handleNodeDragStart = useCallback(
+		(event: React.MouseEvent, nodeId: string) => {
+			event.preventDefault();
+			event.stopPropagation();
+
+			const node = nodes.find((n) => n.id === nodeId);
+			if (node) {
+				const offsetX = event.clientX - node.position.x;
+				const offsetY = event.clientY - node.position.y;
+
+				setSelectedNode(nodeId);
+				setDragOffset({ offsetX, offsetY });
+				setIsSaved(false); // Mark as unsaved
+
+				// Update refs
+				selectedNodeRef.current = nodeId;
+				dragOffsetRef.current = { offsetX, offsetY };
+				isDraggingRef.current = true;
+
+				// Add global event listeners for smoother dragging
+				window.addEventListener("mousemove", handleNodeDrag);
+				window.addEventListener("mouseup", handleNodeDragEnd);
+			}
+		},
+		[nodes, handleNodeDrag, handleNodeDragEnd]
 	);
 
-	const onConnectStart = useCallback(
-		(_: unknown, params: OnConnectStartParams) => {
-			setConnectionParams(params);
+	// Handle canvas drag and drop
+	const onDragOver = (event: React.DragEvent<HTMLDivElement>) => {
+		event.preventDefault();
+		event.dataTransfer.dropEffect = "move";
+	};
+
+	const onDrop = useCallback(
+		(event: React.DragEvent<HTMLDivElement>) => {
+			event.preventDefault();
+
+			const reactFlowBounds = exportRef.current?.getBoundingClientRect();
+			const type = event.dataTransfer.getData("application/fsmflow");
+
+			if (typeof type === "string" && type && reactFlowBounds) {
+				const position = {
+					x: event.clientX - reactFlowBounds.left,
+					y: event.clientY - reactFlowBounds.top,
+				};
+
+				// Ensure the new node is created within the canvas boundaries
+				position.x = Math.max(0, Math.min(position.x, CANVAS_WIDTH - NODE_WIDTH));
+				position.y = Math.max(0, Math.min(position.y, CANVAS_HEIGHT - NODE_HEIGHT));
+
+				const newNode: Node = {
+					id: uuidv4(),
+					type: "custom",
+					position,
+					data: {
+						label: "New State",
+						isEditing: false
+					},
+					width: 150,
+					height: 50,
+				};
+
+				setNodes((nds) => nds.concat(newNode));
+				setIsSaved(false);
+			}
 		},
 		[]
 	);
 
-	const onConnectEnd: OnConnectEnd = useCallback(
-		(event) => {
-			if (!connectionParams) return;
-
-			const targetNode = (event.target as Element).closest('.react-flow__node');
-			if (targetNode) {
-				const targetId = targetNode.getAttribute('data-id');
-				if (targetId && targetId !== connectionParams.nodeId) {
-					setEdges((eds) =>
-						addEdge(
-							{
-								id: uuidv4(),
-								source: connectionParams.nodeId!,
-								target: targetId,
-								type: 'custom',
-								markerEnd: { type: MarkerType.ArrowClosed },
-								data: { label: 'New Transition' },
-							},
-							eds
-						)
-					);
+
+	// Start a connection from a source node (Output Port - Bottom-Center)
+	const handleConnectionStart = useCallback(
+		(
+			nodeId: string,
+			portType: "input" | "output",
+			portClientX: number,
+			portClientY: number,
+			clientX: number,
+			clientY: number
+		) => {
+			if (portType !== "output") return;
+
+			const canvasRect = exportRef.current?.getBoundingClientRect();
+			if (!canvasRect) return;
+
+			const sourceX = portClientX - canvasRect.left;
+			const sourceY = portClientY - canvasRect.top;
+
+			const cursorX = clientX - canvasRect.left;
+			const cursorY = clientY - canvasRect.top;
+
+			setConnectionStart({ nodeId, portType, x: sourceX, y: sourceY });
+			setDraggedEdge({ sourceX, sourceY, targetX: cursorX, targetY: cursorY });
+		},
+		[]
+	);
+
+	const handleCanvasMouseMove = useCallback(
+		(event: React.MouseEvent<HTMLDivElement>) => {
+			if (connectionStart && draggedEdge) {
+				const canvasRect = exportRef.current?.getBoundingClientRect();
+				if (canvasRect) {
+					const targetX = event.clientX - canvasRect.left;
+					const targetY = event.clientY - canvasRect.top;
+
+					setDraggedEdge({
+						...draggedEdge,
+						targetX: isNaN(targetX) ? draggedEdge.targetX : targetX,
+						targetY: isNaN(targetY) ? draggedEdge.targetY : targetY,
+					});
 				}
 			}
-			setConnectionParams(null);
 		},
-		[connectionParams, setEdges]
+		[connectionStart, draggedEdge]
 	);
 
-	const onDragOver = useCallback((event: React.DragEvent<HTMLDivElement>) => {
-		event.preventDefault();
-		event.dataTransfer.dropEffect = 'move';
+	const onEdgeLabelChange = useCallback((id: string, newLabel: string) => {
+		setEdges((prevEdges) =>
+			prevEdges.map((edge) =>
+				edge.id === id
+					? { ...edge, data: { ...edge.data, label: newLabel.length === 0 ? "Add Label" : newLabel } }
+					: edge
+			)
+		);
+		setIsSaved(false);
 	}, []);
 
-	const onDrop = useCallback(
-		(event: React.DragEvent<HTMLDivElement>) => {
-			event.preventDefault();
+	// Complete a connection to a target node (Input Port - Top-Center)
+	const handleConnectionEnd = useCallback(
+		(targetNodeId: string) => {
+			if (!connectionStart) return;
+
+			const targetNode = nodes.find((node) => node.id === targetNodeId);
+			const sourceNode = nodes.find((node) => node.id === connectionStart.nodeId);
+
+			if (sourceNode && targetNode) {
+				if (edges.find((edge) => edge.source === sourceNode.id && edge.target === targetNode.id)) {
+					toast({
+						title: "Invalid Connection",
+						description: "Cannot create this connection.",
+						variant: "destructive",
+					});
+					setConnectionStart(null);
+					setDraggedEdge(null);
+					return;
+				}
 
-			const position = screenToFlowPosition({
-				x: event.clientX,
-				y: event.clientY,
-			});
+				const sourcePort = calculatePortPosition(
+					{ x: sourceNode.position.x, y: sourceNode.position.y, width: sourceNode.width, height: sourceNode.height },
+					true
+				);
+				const targetPort = calculatePortPosition(
+					{ x: targetNode.position.x, y: targetNode.position.y, width: targetNode.width, height: targetNode.height },
+					false
+				);
+
+				const newEdge: Edge = {
+					id: uuidv4(),
+					source: connectionStart.nodeId,
+					target: targetNodeId,
+					sourceX: sourcePort.x,
+					sourceY: sourcePort.y,
+					targetX: targetPort.x,
+					targetY: targetPort.y,
+					type: "custom",
+					data: { label: "New Edge", onLabelChange: onEdgeLabelChange },
+				};
 
-			const newNode: Node = {
-				id: uuidv4(),
-				type: 'custom',
-				position,
-				data: { label: `New State` },
-			};
+				setEdges((eds) => [...eds, newEdge]);
+				setIsSaved(false);
+			}
 
-			setNodes((nds) => nds.concat(newNode));
+			setConnectionStart(null);
+			setDraggedEdge(null);
 		},
-		[screenToFlowPosition, setNodes]
+		[connectionStart, nodes, edges, onEdgeLabelChange, toast]
 	);
 
-	const onSave = useCallback(() => {
-		if (reactFlowInstance) {
-			const flow = reactFlowInstance.toObject();
-			const json = JSON.stringify(flow);
-			const blob = new Blob([json], { type: 'application/json' });
-			const url = URL.createObjectURL(blob);
-			const link = document.createElement('a');
-			link.href = url;
-			link.download = 'fsm-flow.json';
-			document.body.appendChild(link);
-			link.click();
-			document.body.removeChild(link);
-			toast({
-				title: 'FSM Saved',
-				description: 'Your FSM has been saved successfully.',
-			});
+	// Cancel connection on canvas click and deselect node
+	const handleCanvasClick = useCallback(() => {
+		if (connectionStart) {
+			setConnectionStart(null);
+			setDraggedEdge(null);
 		}
-	}, [reactFlowInstance, toast]);
-
-	const onRestore = useCallback(
+		setSelectedNode(null);
+	}, [connectionStart]);
+
+	const saveFlow = useCallback(() => {
+		const flowData = { nodes, edges };
+		const blob = new Blob([JSON.stringify(flowData, null, 2)], { type: "application/json" });
+		const url = URL.createObjectURL(blob);
+		const link = document.createElement("a");
+		link.href = url;
+		link.download = "flow.json";
+		link.click();
+		toast({ title: "Flow Saved", description: "Your flow has been saved." });
+		setIsSaved(true);
+	}, [nodes, edges, toast]);
+
+	const restoreFlow = useCallback(
 		(event: React.ChangeEvent<HTMLInputElement>) => {
 			const file = event.target.files?.[0];
-			if (file) {
-				const reader = new FileReader();
-				reader.onload = (e) => {
-					try {
-						const flow = JSON.parse(e.target?.result as string);
-						if (flow) {
-							setNodes(flow.nodes || []);
-							setEdges(flow.edges || []);
-							toast({
-								title: 'FSM Restored',
-								description: 'Your FSM has been restored successfully.',
-							});
-						}
-					} catch (error) {
-						console.error('Error parsing JSON:', error);
-						toast({
-							title: 'Error',
-							description: 'Failed to restore FSM. Invalid file format.',
-							variant: 'destructive',
+			if (!file) return;
+
+			const reader = new FileReader();
+			reader.onload = (e) => {
+				try {
+					const flow = JSON.parse(e.target?.result as string);
+					setNodes(flow.nodes || []);
+					setEdges(flow.edges || []);
+					toast({ title: "Flow Restored", description: "Your flow has been restored." });
+					setIsSaved(true);
+				} catch {
+					toast({ title: "Error", description: "Invalid file format.", variant: "destructive" });
+				}
+			};
+			reader.readAsText(file);
+		},
+		[toast]
+	);
+
+	// Clear all nodes and edges
+	const clearCanvas = useCallback(() => {
+		if (window.confirm("Are you sure you want to clear the canvas?")) {
+			setNodes([]);
+			setEdges([]);
+			toast({ title: "Canvas Cleared", description: "All nodes and edges have been removed." });
+			setIsSaved(false);
+		}
+	}, [toast]);
+
+	// Export canvas as an image
+	const exportAsImage = useCallback(
+		async (type: "png" | "svg") => {
+			if (!exportRef.current) return;
+
+			try {
+				const allElements = Array.from(
+					exportRef.current.querySelectorAll<HTMLElement>(".node-container, .edge-container")
+				);
+
+				if (allElements.length === 0) {
+					console.warn("No elements found to export. Ensure nodes and edges have proper classes.");
+					toast({ title: "Error", description: "No elements to export.", variant: "destructive" });
+					return;
+				}
+
+				let minX = Infinity,
+					minY = Infinity,
+					maxX = -Infinity,
+					maxY = -Infinity;
+
+				allElements.forEach((element) => {
+					const rect = element.getBoundingClientRect();
+					const containerRect = exportRef.current!.getBoundingClientRect();
+
+					const left = rect.left - containerRect.left + panOffset.x;
+					const top = rect.top - containerRect.top + panOffset.y;
+					const right = rect.right - containerRect.left + panOffset.x;
+					const bottom = rect.bottom - containerRect.top + panOffset.y;
+
+					minX = Math.min(minX, left);
+					minY = Math.min(minY, top);
+					maxX = Math.max(maxX, right);
+					maxY = Math.max(maxY, bottom);
+				});
+
+				const padding = 20;
+				minX -= padding;
+				minY -= padding;
+				maxX += padding;
+				maxY += padding;
+
+				const width = maxX - minX;
+				const height = maxY - minY;
+
+				const clone = exportRef.current.cloneNode(true) as HTMLElement;
+
+				clone.style.position = "absolute";
+				clone.style.top = `${-minY}px`;
+				clone.style.left = `${-minX}px`;
+
+				const tempDiv = document.createElement("div");
+				tempDiv.style.position = "absolute";
+				tempDiv.style.top = "0";
+				tempDiv.style.left = "0";
+				tempDiv.style.width = `${width}px`;
+				tempDiv.style.height = `${height}px`;
+				tempDiv.style.overflow = "hidden";
+				tempDiv.style.background = "white";
+				tempDiv.appendChild(clone);
+
+				document.body.appendChild(tempDiv);
+
+				await new Promise((resolve) => requestAnimationFrame(resolve));
+
+				const dataUrl = type === "png" ? await toPng(tempDiv) : await toSvg(tempDiv);
+
+				const link = document.createElement("a");
+				link.download = `flow-diagram.${type}`;
+				link.href = dataUrl;
+				link.click();
+
+				document.body.removeChild(tempDiv);
+			} catch (error) {
+				console.error("Export Error:", error);
+				toast({ title: "Error", description: `Failed to export as ${type}.`, variant: "destructive" });
+			}
+		},
+		[toast, panOffset]
+	);
+
+
+	// Handle node dimension updates from CustomNode
+	const handleNodeResize = useCallback(
+		(id: string, width: number, height: number) => {
+			setNodes((prevNodes) => {
+				const updatedNodes = prevNodes.map((node) => (node.id === id ? { ...node, width, height } : node));
+
+				if (connectionStart && connectionStart.nodeId === id && draggedEdge) {
+					const node = updatedNodes.find((n) => n.id === id);
+					if (node) {
+						const sourcePort = calculatePortPosition(
+							{ x: node.position.x, y: node.position.y, width: node.width, height: node.height },
+							true
+						);
+
+						setDraggedEdge((prevDraggedEdge) => {
+							if (!prevDraggedEdge) return null;
+							if (
+								prevDraggedEdge.sourceX === sourcePort.x &&
+								prevDraggedEdge.sourceY === sourcePort.y
+							) {
+								return prevDraggedEdge;
+							}
+
+							return {
+								...prevDraggedEdge,
+								sourceX: sourcePort.x,
+								sourceY: sourcePort.y,
+								targetX: prevDraggedEdge.targetX,
+								targetY: prevDraggedEdge.targetY,
+							};
 						});
 					}
-				};
-				reader.readAsText(file);
-			}
+				}
+
+				return updatedNodes;
+			});
+			setIsSaved(false);
 		},
-		[setNodes, setEdges, toast]
+		[connectionStart, draggedEdge]
 	);
 
-	const onClear = useCallback(() => {
-		const confirmed = window.confirm(
-			'Are you sure you want to clear the canvas?'
+	const handleNodeLabelChange = useCallback((id: string, newLabel: string) => {
+		setNodes((prevNodes) =>
+			prevNodes.map((node) =>
+				node.id === id ? { ...node, data: { ...node.data, label: newLabel } } : node
+			)
 		);
-		if (confirmed) {
+		setIsSaved(false);
+	}, []);
+
+	const handleInputChange = useCallback((type: string, value: string) => {
+		setGrammar(value);
+		setIsSaved(false);
+	}, []);
+
+	const handleParseGrammar = useCallback(() => {
+		try {
 			setNodes([]);
 			setEdges([]);
+
+			if (grammar.trim().length === 0) {
+				setParsingResult("No grammar provided");
+				return;
+			}
+
+			setTimeout(() => {
+				let grammarRules = grammar
+					.split("\n")
+					.map((line) => line.trim())
+					.filter((line) => line.length > 0);
+
+				grammarRules = [`$accept -> ${grammarRules[0].split(" ")[0]} $`, ...grammarRules];
+
+				const grammarObj = new Grammar(grammarRules);
+				grammarObj.buildAutomaton();
+
+				const { nodes: parserNodes, edges: parserEdges } = grammarObj.getAutomatonData();
+				const conflicts = grammarObj.detectConflicts();
+
+				setNodes(
+					parserNodes.map((node) => {
+						const conflict = conflicts.find(
+							(conflict) => conflict.state === parseInt(node.id.split("state-")[1])
+						);
+						return {
+							...node,
+							width: 150,
+							height: 50,
+							data: {
+								...node.data,
+								isEditing: false,
+								conflictType: conflict?.type,
+								conflictToken: conflict?.symbol,
+							},
+						};
+					})
+				);
+
+				setEdges(
+					parserEdges
+						.map((edge) => {
+							const sourceNode = parserNodes.find((n) => n.id === edge.source);
+							const targetNode = parserNodes.find((n) => n.id === edge.target);
+
+							if (!sourceNode || !targetNode) return null;
+
+							const sourcePort = calculatePortPosition(
+								{ x: sourceNode.position.x, y: sourceNode.position.y, width: sourceNode.width!, height: sourceNode.height! },
+								true
+							);
+							const targetPort = calculatePortPosition(
+								{ x: targetNode.position.x, y: targetNode.position.y, width: targetNode.width!, height: targetNode.height! },
+								false
+							);
+
+							return {
+								...edge,
+								sourceX: sourcePort.x,
+								sourceY: sourcePort.y,
+								targetX: targetPort.x,
+								targetY: targetPort.y,
+								data: {
+									label: edge.data?.label || "Edge Label",
+									onLabelChange: onEdgeLabelChange,
+								},
+							};
+						})
+						.filter((edge): edge is Edge => edge !== null)
+				);
+
+				setParsingResult(conflicts.length === 0 ? "Parsing Successful!" : "Conflict(s) Detected");
+				setIsSaved(false);
+			}, 0);
+		} catch (error) {
+			console.error("Error parsing grammar:", error);
 			toast({
-				title: 'Canvas Cleared',
-				description: 'All nodes and edges have been removed.',
+				title: "Error",
+				description: `Failed to parse grammar: ${(error as Error).message}`,
+				variant: "destructive",
 			});
+			setParsingResult(`Parsing Failed: ${(error as Error).message}`);
 		}
-	}, [setNodes, setEdges, toast]);
-
+	}, [grammar, onEdgeLabelChange, toast]);
 
-	const exportImage = useCallback(
-		async (type: 'png' | 'svg') => {
-			if (!reactFlowInstance) return;
+	// Recompute all edges whenever nodes change (positions or dimensions)
+	useEffect(() => {
+		const updatedEdges = edges.map((edge) => {
+			const sourceNode = nodes.find((n) => n.id === edge.source);
+			const targetNode = nodes.find((n) => n.id === edge.target);
 
-			const nodesBounds = getNodesBounds(getNodes());
-			const imageWidth = 1920;
-			const imageHeight = 1080;
+			if (!sourceNode || !targetNode) return edge;
 
-			const reactFlowElement = reactFlowRef.current?.querySelector(
-				'.react-flow__viewport'
+			const sourcePort = calculatePortPosition(
+				{ x: sourceNode.position.x, y: sourceNode.position.y, width: sourceNode.width, height: sourceNode.height },
+				true
+			);
+			const targetPort = calculatePortPosition(
+				{ x: targetNode.position.x, y: targetNode.position.y, width: targetNode.width, height: targetNode.height },
+				false
 			);
 
-			if (!reactFlowElement) {
-				toast({
-					title: 'Error',
-					description: 'Failed to locate the diagram for export.',
-					variant: 'destructive',
-				});
-				return;
+			if (
+				edge.sourceX === sourcePort.x &&
+				edge.sourceY === sourcePort.y &&
+				edge.targetX === targetPort.x &&
+				edge.targetY === targetPort.y
+			) {
+				return edge;
 			}
 
-			// Calculate scale to fit content with padding
-			const padding = 100;
-			const xScale = (imageWidth - padding * 2) / nodesBounds.width;
-			const yScale = (imageHeight - padding * 2) / nodesBounds.height;
-			const scale = Math.min(xScale, yScale, 1.5);
-
-			const centerX = (imageWidth - nodesBounds.width * scale) / 2 - nodesBounds.x * scale;
-			const centerY = (imageHeight - nodesBounds.height * scale) / 2 - nodesBounds.y * scale;
-
-
-			const exportOptions = {
-				backgroundColor: '#ffffff',
-				width: imageWidth,
-				height: imageHeight,
-				style: {
-					width: `${imageWidth}px`,
-					height: `${imageHeight}px`,
-					transform: `translate(${centerX}px, ${centerY}px) scale(${scale})`,
-				},
+			return {
+				...edge,
+				sourceX: sourcePort.x,
+				sourceY: sourcePort.y,
+				targetX: targetPort.x,
+				targetY: targetPort.y,
 			};
+		});
+
+		const edgesChanged = updatedEdges.some((edge, index) => {
+			const originalEdge = edges[index];
+			return (
+				edge.sourceX !== originalEdge.sourceX ||
+				edge.sourceY !== originalEdge.sourceY ||
+				edge.targetX !== originalEdge.targetX ||
+				edge.targetY !== originalEdge.targetY
+			);
+		});
 
-			try {
-				const dataUrl =
-					type === 'png'
-						? await toPng(reactFlowElement as HTMLElement, exportOptions)
-						: await toSvg(reactFlowElement as HTMLElement, exportOptions);
+		if (edgesChanged) {
+			setEdges(updatedEdges);
+			setIsSaved(false);
+		}
+	}, [nodes, edges]);
 
-				const link = document.createElement('a');
-				link.download = `fsm-diagram.${type}`;
-				link.href = dataUrl;
-				link.click();
-			} catch (error) {
-				console.error(`Error exporting to ${type.toUpperCase()}:`, error);
-				toast({
-					title: 'Error',
-					description: `Failed to export as ${type.toUpperCase()}.`,
-					variant: 'destructive',
-				});
+	const handleSelectNode = useCallback((id: string) => {
+		setSelectedNode((prevSelectedNode) => (prevSelectedNode === id ? null : id));
+	}, []);
+
+	useEffect(() => {
+		const handleKeyDown = (event: KeyboardEvent) => {
+			if (event.key === "Delete" || event.key === "Backspace") {
+				const findNode = nodes.find((node) => node.id === selectedNode);
+				if (selectedNode && !findNode?.data.isEditing) {
+					event.preventDefault();
+
+					setNodes((prevNodes) => prevNodes.filter((node) => node.id !== selectedNode));
+
+					setEdges((prevEdges) =>
+						prevEdges.filter((edge) => edge.source !== selectedNode && edge.target !== selectedNode)
+					);
+
+					setSelectedNode(null);
+					setIsSaved(false);
+
+					toast({
+						title: "Node Deleted",
+						description: `Node ${selectedNode} has been deleted.`,
+						variant: "default",
+					});
 				}
-			},
-			[getNodes, reactFlowInstance, toast]
-		);
+			}
+		};
+
+		window.addEventListener("keydown", handleKeyDown);
 
-	const exportToPNG = useCallback(() => exportImage('png'), [exportImage]);
-	const exportToSVG = useCallback(() => exportImage('svg'), [exportImage]);
+		return () => {
+			window.removeEventListener("keydown", handleKeyDown);
+		};
+	}, [selectedNode, toast]);
+
+	useEffect(() => {
+		const handleBeforeUnload = (e: BeforeUnloadEvent) => {
+			if (!isSaved && (nodes.length > 0 || edges.length > 0)) {
+				e.preventDefault();
+				e.returnValue = ""; // Chrome requires returnValue to be set
+			}
+		};
+
+		window.addEventListener("beforeunload", handleBeforeUnload);
+
+		return () => {
+			window.removeEventListener("beforeunload", handleBeforeUnload);
+		};
+	}, [isSaved, nodes, edges]);
+
+	const handleRestoreClick = () => {
+		fileInputRef.current?.click();
+	};
 
 	return (
 		<div className="flex h-screen">
-			<Sidebar />
-			<div className="flex-grow relative" ref={reactFlowWrapper}>
-				<ReactFlow
-					ref={reactFlowRef}
-					nodes={nodes}
-					edges={edges}
-					onNodesChange={onNodesChange}
-					onEdgesChange={onEdgesChange}
-					onConnect={onConnect}
-					onConnectStart={onConnectStart}
-					onConnectEnd={onConnectEnd}
-					onInit={setReactFlowInstance}
-					onDrop={onDrop}
-					onDragOver={onDragOver}
-					nodeTypes={nodeTypes}
-					edgeTypes={edgeTypes}
-					fitView
-					attributionPosition="top-right"
+			<Sidebar
+				onInputChange={handleInputChange}
+				onParseGrammar={handleParseGrammar}
+				grammar={grammar}
+				parsingResult={parsingResult}
+			/>
+			<div
+				className={`flex-grow relative bg-gray-100 overflow-hidden ${isPanning ? "cursor-grabbing" : "cursor-default"
+					}`}
+				onClick={handleCanvasClick}
+				onMouseMove={handleCanvasMouseMove}
+				onDragOver={onDragOver}
+				onDrop={onDrop}
+				onMouseDown={handleCanvasMouseDown}
+			>
+				{/* Inner Container for Panning with exportRef */}
+				<div
+					ref={exportRef}
+					className="absolute top-0 left-0 canvas-background"
+					style={{
+						transform: `translate(${panOffset.x}px, ${panOffset.y}px)`,
+						width: `${CANVAS_WIDTH}px`,
+						height: `${CANVAS_HEIGHT}px`,
+						position: "relative",
+					}}
 				>
-					<Background color="#aaa" gap={16} />
-					<Controls />
-					<Panel position="top-right" className="flex gap-2">
-						<Button onClick={onSave} className="flex items-center gap-2">
-							<Download size={16} />
-							Save
-						</Button>
-						<Button onClick={exportToPNG} className="flex items-center gap-2">
-							Export as PNG
-						</Button>
-						<Button onClick={exportToSVG} className="flex items-center gap-2">
-							Export as SVG
-						</Button>
-						<label htmlFor="restore" className="cursor-pointer">
-							<Button asChild className="flex items-center gap-2">
-								<span>
-									<Upload size={16} />
-									Restore
-								</span>
-							</Button>
-						</label>
-						<input
-							id="restore"
-							type="file"
-							onChange={onRestore}
-							className="hidden"
-							accept=".json"
-						/>
-						<Button
-							onClick={onClear}
-							variant="destructive"
-							className="flex items-center gap-2"
+					{/* SVG Container for Edges */}
+					<svg
+						style={{
+							position: "absolute",
+							top: 0,
+							left: 0,
+							width: "100%",
+							height: "100%",
+							pointerEvents: "none",
+							zIndex: 1,
+						}}
+						xmlns="http://www.w3.org/2000/svg"
+					>
+						<defs>
+							<marker
+								id="arrowhead"
+								markerWidth="6"
+								markerHeight="4.2"
+								refX="6"
+								refY="2.1"
+								orient="auto"
+							>
+								<polygon points="0 0, 6 2.1, 0 4.2" fill="#b1b1b7" />
+							</marker>
+						</defs>
+
+						{/* Render Existing Edges */}
+						{edges.map((edge) => (
+							<CustomEdge key={edge.id} edge={edge} nodes={nodes} />
+						))}
+
+						{/* Render Dragged Edge */}
+						{draggedEdge && <CustomEdge path={draggedEdge} />}
+					</svg>
+
+					{/* Render Nodes */}
+					{nodes.map((node) => (
+						<div
+							key={node.id}
+							style={{
+								position: "absolute",
+								left: node.position.x,
+								top: node.position.y,
+								width: node.width,
+								height: node.height,
+								cursor: "move",
+								zIndex: 2,
+							}}
+							onMouseDown={(event) => handleNodeDragStart(event, node.id)}
 						>
-							<Trash2 size={16} />
-							Clear
-						</Button>
-					</Panel>
-				</ReactFlow>
+							<CustomNode
+								id={node.id}
+								data={node.data}
+								isConnectable={true}
+								selected={selectedNode === node.id}
+								onSelect={handleSelectNode}
+								onConnectStart={handleConnectionStart}
+								onConnectEnd={handleConnectionEnd}
+								isCreatingConnection={!!connectionStart}
+								isConnectionSource={connectionStart?.nodeId === node.id}
+								onResize={handleNodeResize}
+								onLabelChange={handleNodeLabelChange}
+							/>
+						</div>
+					))}
+				</div>
+
+				{/* Controls */}
+				<div className="absolute top-4 right-4 flex gap-2">
+					<Button onClick={saveFlow}>Save</Button>
+					<Button onClick={handleRestoreClick}>Restore</Button>
+					<input
+						type="file"
+						ref={fileInputRef}
+						onChange={restoreFlow}
+						className="hidden"
+						accept="application/json"
+					/>
+					<Button onClick={clearCanvas}>Clear</Button>
+					<Button onClick={() => exportAsImage("png")}>Export as PNG</Button>
+					<Button onClick={() => exportAsImage("svg")}>Export as SVG</Button>
+				</div>
 			</div>
 		</div>
 	);
 };
 
-function FlowWithProvider() {
-	return (
-		<ReactFlowProvider>
-			<FSMHandler />
-		</ReactFlowProvider>
-	);
-}
-
-export default FlowWithProvider;
+export default FlowEditor;
diff --git a/components/GrammarInput.tsx b/components/GrammarInput.tsx
new file mode 100644
index 0000000..cbb6b0f
--- /dev/null
+++ b/components/GrammarInput.tsx
@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+
+interface GrammarInputProps {
+	onParse: (grammarRules: string[]) => void;
+}
+
+const GrammarInput: React.FC<GrammarInputProps> = ({ onParse }) => {
+	const [grammarText, setGrammarText] = useState('');
+
+	const handleParse = () => {
+		const lines = grammarText.split('\n').map(line => line.trim()).filter(line => line.length > 0);
+		onParse(lines);
+	};
+
+	return (
+		<div className="p-4 bg-gray-100">
+			<h2 className="text-lg font-bold mb-2">Enter Grammar</h2>
+			<textarea
+				value={grammarText}
+				onChange={(e) => setGrammarText(e.target.value)}
+				rows={10}
+				className="w-full p-2 border border-gray-300 rounded mb-2"
+			/>
+			<button onClick={handleParse} className="px-4 py-2 bg-blue-500 text-white rounded">
+				Parse Grammar
+			</button>
+		</div>
+	);
+};
+
+export default GrammarInput;
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 9229965..cafc81f 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -1,59 +1,181 @@
-import React from 'react';
+"use client";
 
-const Sidebar = () => {
-	const onDragStart = (event: React.DragEvent<HTMLDivElement>, nodeType: string) => {
-		event.dataTransfer.setData('application/reactflow', nodeType);
-		event.dataTransfer.effectAllowed = 'move';
+import React from "react";
+import { Textarea } from "@/components/ui/textarea";
+import { Button } from "@/components/ui/button";
+import {
+	Card,
+	CardHeader,
+	CardTitle,
+	CardContent,
+	CardDescription,
+} from "@/components/ui/card";
+import {
+	Tooltip,
+	TooltipContent,
+	TooltipProvider,
+	TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Github, Linkedin, Mail } from "lucide-react";
+
+const Sidebar = ({
+	onParseGrammar,
+	onInputChange,
+	grammar,
+	parsingResult,
+}: {
+	onParseGrammar: () => void;
+	onInputChange: (type: string, value: string) => void;
+	grammar: string;
+	parsingResult: string | null;
+}) => {
+	const onDragStart = (
+		event: React.DragEvent<HTMLButtonElement>,
+		nodeType: string
+	) => {
+		event.dataTransfer.setData("application/fsmflow", nodeType);
+		event.dataTransfer.effectAllowed = "move";
 	};
 
 	return (
-		<aside className="w-64 p-4 bg-gray-100 flex flex-col justify-between h-full">
-			<div>
-				<h1 className="text-2xl font-extrabold text-gray-800 mb-6">FSMVisualizer</h1>
-				<h2 className="text-lg font-bold mb-4">Add New State</h2>
-				<div
-					className="bg-white p-2 rounded shadow cursor-move"
-					onDragStart={(event) => onDragStart(event, 'default')}
-					draggable
-				>
-					New State
-				</div>
-			</div>
+		<aside
+			className="fixed top-0 left-0 w-80 h-full bg-background border-r p-6 shadow-lg z-50 flex flex-col"
+			aria-label="Sidebar"
+		>
+			<div className="flex-1 overflow-y-auto">
+				<h1 className="text-2xl font-bold mb-6">FSM Visualizer</h1>
 
-			<div className="mt-6 border-t pt-4">
-				<h2 className="text-lg font-bold mb-2">Contact Me</h2>
-				<p className="text-sm text-gray-600 mb-4">
-					Have questions or feedback? Feel free to reach out!
-				</p>
-				<div className="flex items-center gap-4">
-					<a
-						href="mailto:alhassanraad15@gmail.com"
-						className="text-blue-600 hover:underline text-sm"
-					>
-						alhassanraad15@gmail.com
-					</a>
+				<Tabs defaultValue="add-state" className="mb-6">
+					<TabsList className="grid w-full grid-cols-2">
+						<TabsTrigger value="add-state">Add State</TabsTrigger>
+						<TabsTrigger value="parse-grammar">Parse Grammar</TabsTrigger>
+					</TabsList>
+					<TabsContent value="add-state">
+						<Card>
+							<CardHeader>
+								<CardTitle>Add New State</CardTitle>
+								<CardDescription>
+									Drag the button below to add a new state to your diagram.
+								</CardDescription>
+							</CardHeader>
+							<CardContent>
+								<TooltipProvider>
+									<Tooltip>
+										<TooltipTrigger asChild>
+											<Button
+												variant="outline"
+												className="w-full cursor-move"
+												onDragStart={(event) => onDragStart(event, "default")}
+												draggable
+											>
+												Drag to Add State
+											</Button>
+										</TooltipTrigger>
+										<TooltipContent>
+											<p>Drag this to the canvas to create a new state</p>
+										</TooltipContent>
+									</Tooltip>
+								</TooltipProvider>
+							</CardContent>
+						</Card>
+					</TabsContent>
+					<TabsContent value="parse-grammar">
+						<Card>
+							<CardHeader>
+								<CardTitle>Grammar Parser</CardTitle>
+								<CardDescription>
+									Enter grammar rules to parse and visualize.
+								</CardDescription>
+							</CardHeader>
+							<CardContent>
+								<Textarea
+									placeholder="Enter grammar rules"
+									value={grammar}
+									onChange={(e) => onInputChange("grammar", e.target.value)}
+									className="mb-3"
+								/>
+								<Button onClick={onParseGrammar} className="w-full">
+									Parse Grammar
+								</Button>
+								{parsingResult && (
+									<div className="mt-4 p-3 bg-muted rounded-md">
+										<h3 className="text-sm font-semibold mb-2">Parsing Result</h3>
+										<pre className="text-xs whitespace-pre-wrap">
+											{parsingResult}
+										</pre>
+									</div>
+								)}
+							</CardContent>
+						</Card>
+					</TabsContent>
+				</Tabs>
+			</div>
 
-					<a
-						href="https://github.com/alhassanalbadri/fsm-visualizer"
-						target="_blank"
-						rel="noopener noreferrer"
-						className="text-gray-800 hover:text-gray-600"
-						aria-label="GitHub"
-					>
-						<svg
-							xmlns="http://www.w3.org/2000/svg"
-							viewBox="0 0 24 24"
-							fill="currentColor"
-							className="w-6 h-6"
-						>
-							<path
-								fillRule="evenodd"
-								d="M12 2a10 10 0 00-3.16 19.48c.5.09.68-.22.68-.48v-1.7c-2.77.6-3.36-1.33-3.36-1.33-.45-1.13-1.1-1.43-1.1-1.43-.9-.62.07-.6.07-.6 1 .08 1.53 1.03 1.53 1.03.88 1.5 2.32 1.07 2.88.82.09-.64.35-1.07.63-1.31-2.22-.25-4.56-1.11-4.56-4.93 0-1.09.39-1.98 1.03-2.68-.1-.25-.45-1.27.1-2.64 0 0 .84-.27 2.75 1.02A9.47 9.47 0 0112 6.8c.85.004 1.7.114 2.5.336 1.9-1.3 2.74-1.02 2.74-1.02.55 1.37.2 2.4.1 2.65.64.7 1.03 1.59 1.03 2.68 0 3.83-2.35 4.68-4.58 4.92.36.31.68.92.68 1.85v2.74c0 .27.18.58.69.48A10 10 0 0012 2z"
-								clipRule="evenodd"
-							/>
-						</svg>
-					</a>
-				</div>
+			<div className="absolute bottom-0 left-0 w-full p-6 bg-background border-t">
+				<Card>
+					<CardHeader>
+						<CardTitle>Contact Me</CardTitle>
+						<CardDescription>
+							Have questions or feedback? Feel free to reach out!
+						</CardDescription>
+					</CardHeader>
+					<CardContent>
+						<div className="flex justify-center items-center space-x-6">
+							<TooltipProvider>
+								<Tooltip>
+									<TooltipTrigger asChild>
+										<a
+											href="https://github.com/alhassanalbadri/fsm-visualizer"
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-muted-foreground hover:text-primary"
+										>
+											<Github className="h-6 w-6" />
+										</a>
+									</TooltipTrigger>
+									<TooltipContent>
+										<p>View project on GitHub</p>
+									</TooltipContent>
+								</Tooltip>
+							</TooltipProvider>
+							<TooltipProvider>
+								<Tooltip>
+									<TooltipTrigger asChild>
+										<a
+											href="https://www.linkedin.com/in/alhassan-albadri/"
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-muted-foreground hover:text-primary"
+										>
+											<Linkedin className="h-6 w-6" />
+										</a>
+									</TooltipTrigger>
+									<TooltipContent>
+										<p>Connect on LinkedIn</p>
+									</TooltipContent>
+								</Tooltip>
+							</TooltipProvider>
+							<TooltipProvider>
+								<Tooltip>
+									<TooltipTrigger asChild>
+										<a
+											href="mailto:alhassanraad15@gmail.com"
+											target="_blank"
+											rel="noopener noreferrer"
+											className="text-muted-foreground hover:text-primary"
+										>
+											<Mail className="h-6 w-6" />
+										</a>
+									</TooltipTrigger>
+									<TooltipContent>
+										<p>Send an email</p>
+									</TooltipContent>
+								</Tooltip>
+							</TooltipProvider>
+						</div>
+					</CardContent>
+				</Card>
 			</div>
 		</aside>
 	);
diff --git a/components/parser.ts b/components/parser.ts
new file mode 100644
index 0000000..043a46d
--- /dev/null
+++ b/components/parser.ts
@@ -0,0 +1,581 @@
+type Token = string;
+type Production = Token[];
+type Rule = {
+	lhs: Token;
+	rhs: Production;
+};
+
+type Conflict = {
+	state: number;
+	type: 'shift/reduce' | 'reduce/reduce';
+	symbol: Token;
+	rules: number[]; // Indices of conflicting rules
+	intersection: Token[]; // Tokens in intersection of lookaheads
+};
+class Item {
+	rule: Rule;
+	dot: number;
+	isClosure: boolean; // Flag to indicate if the item is a closure item
+
+	constructor(rule: Rule, dot: number = 0, isClosure: boolean = false) {
+		this.rule = rule;
+		this.dot = dot;
+		this.isClosure = isClosure;
+	}
+
+	toString(): string {
+		const rhsWithDot = [...this.rule.rhs];
+		rhsWithDot.splice(this.dot, 0, "↑");
+		return `${this.rule.lhs} → ${rhsWithDot.join(" ")}`;
+	}
+
+	equals(other: Item): boolean {
+		return (
+			this.rule.lhs === other.rule.lhs &&
+			this.rule.rhs.length === other.rule.rhs.length &&
+			this.dot === other.dot &&
+			this.rule.rhs.every((sym, idx) => sym === other.rule.rhs[idx]) &&
+			this.isClosure === other.isClosure
+		);
+	}
+}
+
+/**
+ * Represents a state in the LR(0) automaton.
+ */
+class State {
+	items: Set<Item>;
+
+	constructor(items?: Iterable<Item>) {
+		this.items = new Set<Item>(items);
+	}
+
+	equals(other: State): boolean {
+		if (this.items.size !== other.items.size) return false;
+		for (const item of this.items) {
+			let found = false;
+			for (const otherItem of other.items) {
+				if (item.equals(otherItem)) {
+					found = true;
+					break;
+				}
+			}
+			if (!found) return false;
+		}
+		return true;
+	}
+
+	display(): void {
+		for (const item of this.items) {
+			const rhsWithDot = [...item.rule.rhs];
+			rhsWithDot.splice(item.dot, 0, "↑");
+		}
+	}
+}
+
+/**
+ * Represents the grammar and constructs the LR(0) automaton with conflict detection.
+ */
+class Grammar {
+	rules: Rule[];
+	startSymbol: Token;
+	nonTerminals: Set<Token>;
+	terminals: Set<Token>;
+	states: State[];
+	transitions: { from: number; to: number; symbol: Token; action: string }[];
+	acceptState: number | null;
+
+	firstSets: Map<Token, Set<Token>> = new Map();
+	followSets: Map<Token, Set<Token>> = new Map();
+
+	constructor(rules: string[]) {
+		if (rules.length === 0) {
+			throw new Error("At least one rule must be provided.");
+		}
+
+		this.rules = this.parseRules(rules);
+		this.startSymbol = this.rules[0].lhs;
+		this.nonTerminals = this.extractNonTerminals();
+		this.terminals = this.extractTerminals();
+		this.states = [];
+		this.transitions = [];
+		this.acceptState = null;
+
+		// Compute First and Follow sets
+		this.computeFirstSets();
+		this.computeFollowSets();
+	}
+
+	private parseRules(rules: string[]): Rule[] {
+		return rules.map(ruleStr => {
+			const [lhs, rhs] = ruleStr.split("->").map(part => part.trim());
+			if (!lhs || !rhs) {
+				throw new Error(`Invalid rule format: "${ruleStr}". Expected format "A → B C".`);
+			}
+			const rhsSymbols = rhs.split(/\s+/);
+			return { lhs, rhs: rhsSymbols };
+		});
+	}
+
+	private extractNonTerminals(): Set<Token> {
+		const nonTerminals = new Set<Token>();
+		for (const rule of this.rules) {
+			nonTerminals.add(rule.lhs);
+		}
+		return nonTerminals;
+	}
+
+	private extractTerminals(): Set<Token> {
+		const terminals = new Set<Token>();
+		for (const rule of this.rules) {
+			for (const symbol of rule.rhs) {
+				if (!this.nonTerminals.has(symbol)) {
+					terminals.add(symbol);
+				}
+			}
+		}
+		return terminals;
+	}
+
+	/**
+	 * Computes the First sets for all symbols.
+	 */
+	private computeFirstSets(): void {
+		// Initialize First sets
+		for (const symbol of this.nonTerminals) {
+			this.firstSets.set(symbol, new Set<Token>());
+		}
+		for (const terminal of this.terminals) {
+			this.firstSets.set(terminal, new Set<Token>([terminal]));
+		}
+
+		let changed = true;
+		while (changed) {
+			changed = false;
+			for (const rule of this.rules) {
+				const lhs = rule.lhs;
+				const rhs = rule.rhs;
+
+				const firstSet = this.firstSets.get(lhs)!;
+
+				let i = 0;
+				let nullable = true;
+				while (i < rhs.length && nullable) {
+					const sym = rhs[i];
+					const symFirst = this.firstSets.get(sym);
+					if (!symFirst) break; // Should not happen
+
+					const beforeSize = firstSet.size;
+					for (const token of symFirst) {
+						if (token !== 'ε') {
+							firstSet.add(token);
+						}
+					}
+					const afterSize = firstSet.size;
+					if (afterSize > beforeSize) {
+						changed = true;
+					}
+
+					if (!symFirst.has('ε')) {
+						nullable = false;
+					}
+					i++;
+				}
+				if (nullable) {
+					const beforeSize = firstSet.size;
+					firstSet.add('ε');
+					const afterSize = firstSet.size;
+					if (afterSize > beforeSize) {
+						changed = true;
+					}
+				}
+			}
+		}
+	}
+
+	/**
+	 * Computes the Follow sets for all non-terminals.
+	 */
+	private computeFollowSets(): void {
+		// Initialize Follow sets
+		for (const symbol of this.nonTerminals) {
+			this.followSets.set(symbol, new Set<Token>());
+		}
+		// Add $end to Follow(start symbol)
+		this.followSets.get(this.startSymbol)!.add('$end');
+
+		let changed = true;
+		while (changed) {
+			changed = false;
+			for (const rule of this.rules) {
+				const lhs = rule.lhs;
+				const rhs = rule.rhs;
+
+				for (let i = 0; i < rhs.length; i++) {
+					const B = rhs[i];
+					if (!this.nonTerminals.has(B)) continue;
+
+					const followB = this.followSets.get(B)!;
+
+					// Look at the symbols after B in rhs
+					let j = i + 1;
+					let nullable = true;
+					while (j < rhs.length && nullable) {
+						const C = rhs[j];
+						const firstC = this.firstSets.get(C);
+						if (!firstC) break;
+
+						const beforeSize = followB.size;
+						for (const token of firstC) {
+							if (token !== 'ε') {
+								followB.add(token);
+							}
+						}
+						const afterSize = followB.size;
+						if (afterSize > beforeSize) {
+							changed = true;
+						}
+
+						if (!firstC.has('ε')) {
+							nullable = false;
+						}
+						j++;
+					}
+
+					if (nullable || j === rhs.length) {
+						// Add Follow(lhs) to Follow(B)
+						const followLHS = this.followSets.get(lhs)!;
+						const beforeSize = followB.size;
+						for (const token of followLHS) {
+							followB.add(token);
+						}
+						const afterSize = followB.size;
+						if (afterSize > beforeSize) {
+							changed = true;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	/**
+	 * Computes the closure of a set of items.
+	 */
+	private closure(items: Set<Item>): Set<Item> {
+		const closureSet = new Set<Item>(items);
+		let added = true;
+
+		while (added) {
+			added = false;
+			for (const item of Array.from(closureSet)) {
+				const nextSymbol = item.rule.rhs[item.dot];
+				if (nextSymbol && this.nonTerminals.has(nextSymbol)) {
+					for (const rule of this.rules.filter(r => r.lhs === nextSymbol)) {
+						const newItem = new Item(rule, 0, true); // Mark as closure item
+						if (!this.containsItem(closureSet, newItem)) {
+							closureSet.add(newItem);
+							added = true;
+						}
+					}
+				}
+			}
+		}
+
+		return closureSet;
+	}
+
+	/**
+	 * Checks if a set of items contains a specific item.
+	 */
+	private containsItem(items: Set<Item>, item: Item): boolean {
+		for (const existingItem of items) {
+			if (existingItem.equals(item)) {
+				return true;
+			}
+		}
+		return false;
+	}
+
+	/**
+	 * Computes the GOTO function for a given state and symbol.
+	 */
+	private goto(state: State, symbol: Token): State {
+		const movedItems = new Set<Item>();
+		for (const item of state.items) {
+			const nextSymbol = item.rule.rhs[item.dot];
+			if (nextSymbol === symbol) {
+				const movedItem = new Item(item.rule, item.dot + 1, false); // Main item
+				movedItems.add(movedItem);
+			}
+		}
+		const closureSet = this.closure(movedItems);
+		return new State(closureSet);
+	}
+
+	/**
+	 * Builds the LR(0) automaton by constructing all states and transitions.
+	 */
+	buildAutomaton(): void {
+		const initialItem = new Item(this.rules[0], 0, false); // Start with the first rule as main item
+		const initialState = new State(new Set<Item>([initialItem]));
+		const closureInitial = this.closure(initialState.items);
+		initialState.items = closureInitial;
+
+		this.states.push(initialState);
+		const stateQueue: State[] = [initialState];
+
+		while (stateQueue.length > 0) {
+			const currentState = stateQueue.shift()!;
+			const currentIndex = this.states.indexOf(currentState);
+
+			// Collect all symbols that appear immediately after a dot
+			const symbols: Set<Token> = new Set<Token>();
+			for (const item of currentState.items) {
+				const nextSymbol = item.rule.rhs[item.dot];
+				if (nextSymbol) {
+					symbols.add(nextSymbol);
+				}
+			}
+
+			for (const symbol of symbols) {
+				const nextState = this.goto(currentState, symbol);
+
+				// Check if the state already exists
+				let existingStateIndex = this.states.findIndex(state => state.equals(nextState));
+
+				if (existingStateIndex === -1) {
+					// New state found
+					this.states.push(nextState);
+					stateQueue.push(nextState);
+					existingStateIndex = this.states.length - 1;
+				}
+
+				// Determine action type
+				const actionType = this.terminals.has(symbol) ? "shift" : "goto";
+
+				// Record the transition
+				this.transitions.push({
+					from: currentIndex,
+					to: existingStateIndex,
+					symbol: symbol,
+					action: actionType
+				});
+			}
+		}
+
+		// Identify the accept state
+		for (let i = 0; i < this.states.length; i++) {
+			for (const item of this.states[i].items) {
+				if (
+					item.rule.lhs === "$accept" &&
+					item.dot === item.rule.rhs.length
+				) {
+					this.acceptState = i;
+					break;
+				}
+			}
+			if (this.acceptState !== null) break;
+		}
+	}
+
+	/**
+	 * Computes the intersection of multiple sets.
+	 */
+	private setIntersection(sets: Set<Token>[]): Set<Token> {
+		if (sets.length === 0) return new Set();
+		let intersection = new Set(sets[0]);
+		for (const s of sets.slice(1)) {
+			intersection = new Set([...intersection].filter(x => s.has(x)));
+		}
+		return intersection;
+	}
+
+	/**
+	 * Detects conflicts in the LR(0) automaton.
+	 * Returns an array of conflicts with details.
+	 */
+	detectConflicts(): Conflict[] {
+		const conflicts: Conflict[] = [];
+
+		for (let i = 0; i < this.states.length; i++) {
+			const state = this.states[i];
+			const stateIndex = i;
+
+			// Collect all shift actions and reduce actions
+			const shiftActions: Map<Token, number> = new Map(); // symbol → state to shift
+			const reduceActions: Map<Token, number[]> = new Map(); // symbol → [rule indices]
+
+			for (const item of state.items) {
+				if (item.dot === item.rule.rhs.length) { // Completed item
+					const ruleIndex = this.rules.findIndex(rule =>
+						rule.lhs === item.rule.lhs &&
+						rule.rhs.length === item.rule.rhs.length &&
+						rule.rhs.every((sym, idx) => sym === item.rule.rhs[idx])
+					);
+
+					if (item.rule.lhs === "$accept") {
+						// Accept action
+						// For simplicity, not handling accept action as a conflict
+						continue;
+					}
+
+					// Get the Follow set of the rule's LHS
+					const followSet = this.followSets.get(item.rule.lhs)!;
+
+					// For each terminal in the Follow set, add a reduce action
+					for (const terminal of followSet) {
+						if (!reduceActions.has(terminal)) {
+							reduceActions.set(terminal, []);
+						}
+						reduceActions.get(terminal)!.push(ruleIndex);
+					}
+				} else { // Active item
+					const nextSymbol = item.rule.rhs[item.dot];
+					if (this.terminals.has(nextSymbol)) {
+						// Shift action
+						const transition = this.transitions.find(t => t.from === i && t.symbol === nextSymbol && t.action === "shift");
+						if (transition) {
+							shiftActions.set(nextSymbol, transition.to);
+						}
+					}
+				}
+			}
+
+			// Now check for shift/reduce
+			for (const [symbol] of shiftActions.entries()) {
+				if (reduceActions.has(symbol)) {
+					// Shift/Reduce conflict on 'symbol'
+					const reducingRuleIndices = reduceActions.get(symbol)!;
+
+					// For each reduce rule, check if 'symbol' is in its Follow set
+					const intersectingRules = reducingRuleIndices.filter(ruleIndex => {
+						const rule = this.rules[ruleIndex];
+						return this.followSets.get(rule.lhs)!.has(symbol);
+					});
+
+					if (intersectingRules.length > 0) {
+						conflicts.push({
+							state: stateIndex,
+							type: 'shift/reduce',
+							symbol: symbol,
+							rules: [...intersectingRules],
+							intersection: [symbol]
+						});
+					}
+				}
+			}
+
+			// Check for reduce/reduce conflicts
+			for (const [symbol, reducingRuleIndices] of reduceActions.entries()) {
+				if (reducingRuleIndices.length > 1) {
+					// Reduce/Reduce conflict on 'symbol'
+					// Find intersection of Follow sets of all involved rules
+					const followSetsList = reducingRuleIndices.map(ruleIndex => {
+						const rule = this.rules[ruleIndex];
+						return this.followSets.get(rule.lhs)!;
+					});
+					const intersectionSet = this.setIntersection(followSetsList);
+
+					if (intersectionSet.size > 0) {
+						conflicts.push({
+							state: stateIndex,
+							type: 'reduce/reduce',
+							symbol: symbol,
+							rules: [...reducingRuleIndices],
+							intersection: Array.from(intersectionSet)
+						});
+					}
+				}
+			}
+		}
+
+		return conflicts;
+	}
+
+	getAutomatonData() {
+		const NODE_SPACING_X = 400; // Base horizontal spacing
+		const NODE_SPACING_Y = 400; // Vertical spacing between layers
+		const CANVAS_WIDTH = 10000;
+		const CANVAS_HEIGHT = 10000;
+		const CANVAS_CENTER_X = CANVAS_WIDTH / 2;
+		const CANVAS_CENTER_Y = CANVAS_HEIGHT / 2;
+
+		const layers: number[][] = [];
+		const visited = new Set<number>();
+		const queue: { id: number; layer: number }[] = [{ id: 0, layer: 0 }];
+
+		while (queue.length > 0) {
+			const { id, layer } = queue.shift()!;
+
+			if (visited.has(id)) continue;
+			visited.add(id);
+
+			if (!layers[layer]) layers[layer] = [];
+			layers[layer].push(id);
+
+			this.transitions
+				.filter((transition) => transition.from === id)
+				.forEach((transition) => {
+					if (!visited.has(transition.to)) {
+						queue.push({ id: transition.to, layer: layer + 1 });
+					}
+				});
+		}
+
+		interface FlowNode {
+			id: string;
+			type: string;
+			position: { x: number; y: number };
+			data: { label: string };
+			height?: number;
+			width?: number;
+		}
+
+
+
+		const nodes: FlowNode[] = [];
+		const totalLayers = layers.length;
+		const totalHeight = (totalLayers - 1) * NODE_SPACING_Y;
+		const initialYOffset = CANVAS_CENTER_Y - totalHeight / 2;
+
+		layers.forEach((layer, layerIndex) => {
+			const numberOfNodes = layer.length;
+			const totalLayerWidth = (numberOfNodes - 1) * NODE_SPACING_X;
+			const startX = CANVAS_CENTER_X - totalLayerWidth / 2;
+
+			layer.forEach((stateIndex, nodeIndex) => {
+				const label = Array.from(this.states[stateIndex].items)
+					.map((item) => item.toString())
+					.join("\n");
+
+				nodes.push({
+					id: `state-${stateIndex}`,
+					type: "custom",
+					position: {
+						x: startX + nodeIndex * NODE_SPACING_X,
+						y: initialYOffset + layerIndex * NODE_SPACING_Y,
+					},
+					data: {
+						label: label || "New State", // Provide a default label if empty
+					},
+				});
+			});
+		});
+
+
+		const edges = this.transitions.map((transition, index) => ({
+			id: `edge-${index}`,
+			source: `state-${transition.from}`,
+			target: `state-${transition.to}`,
+			data: { label: transition.symbol },
+			type: "custom",
+		}));
+
+		return { nodes, edges };
+	}
+
+
+}
+
+export { Grammar };
diff --git a/components/ui/card.tsx b/components/ui/card.tsx
new file mode 100644
index 0000000..cabfbfc
--- /dev/null
+++ b/components/ui/card.tsx
@@ -0,0 +1,76 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("font-semibold leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/components/ui/tabs.tsx b/components/ui/tabs.tsx
new file mode 100644
index 0000000..0f4caeb
--- /dev/null
+++ b/components/ui/tabs.tsx
@@ -0,0 +1,55 @@
+"use client"
+
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+TabsList.displayName = TabsPrimitive.List.displayName
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className
+    )}
+    {...props}
+  />
+))
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    )}
+    {...props}
+  />
+))
+TabsContent.displayName = TabsPrimitive.Content.displayName
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/components/ui/textarea.tsx b/components/ui/textarea.tsx
new file mode 100644
index 0000000..e56b0af
--- /dev/null
+++ b/components/ui/textarea.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/components/ui/tooltip.tsx b/components/ui/tooltip.tsx
new file mode 100644
index 0000000..a66b3f2
--- /dev/null
+++ b/components/ui/tooltip.tsx
@@ -0,0 +1,32 @@
+"use client"
+
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+const TooltipProvider = TooltipPrimitive.Provider
+
+const Tooltip = TooltipPrimitive.Root
+
+const TooltipTrigger = TooltipPrimitive.Trigger
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )}
+      {...props}
+    />
+  </TooltipPrimitive.Portal>
+))
+TooltipContent.displayName = TooltipPrimitive.Content.displayName
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/hooks/useFlowElements.ts b/hooks/useFlowElements.ts
new file mode 100644
index 0000000..31e05a9
--- /dev/null
+++ b/hooks/useFlowElements.ts
@@ -0,0 +1,77 @@
+import { useState, useCallback } from 'react';
+import { v4 as uuidv4 } from 'uuid';
+import { calculatePortPosition } from '../app/utils/calculatePortPosition';
+
+export const useFlowElements = (initialNodes: any[], initialEdges: any[]) => {
+	const [nodes, setNodes] = useState<any[]>(initialNodes);
+	const [edges, setEdges] = useState<any[]>(initialEdges);
+
+	const addNode = useCallback((position: { x: number; y: number }) => {
+		const newNode: any = {
+			id: uuidv4(),
+			type: 'custom',
+			position,
+			data: { label: 'New State', isEditing: false },
+			width: 150,
+			height: 50,
+		};
+		setNodes(prev => [...prev, newNode]);
+	}, []);
+
+	const updateNodePosition = useCallback((id: string, position: { x: number; y: number }) => {
+		setNodes(prev => prev.map(node => node.id === id ? { ...node, position } : node));
+	}, []);
+
+	const updateNodeDimensions = useCallback((id: string, width: number, height: number) => {
+		setNodes(prev => prev.map(node => node.id === id ? { ...node, width, height } : node));
+	}, []);
+
+	const updateNodeLabel = useCallback((id: string, label: string) => {
+		setNodes(prev => prev.map(node => node.id === id ? { ...node, data: { ...node.data, label } } : node));
+	}, []);
+
+	const addEdge = useCallback((source: string, target: string) => {
+		const sourceNode = nodes.find(node => node.id === source);
+		const targetNode = nodes.find(node => node.id === target);
+
+		if (sourceNode && targetNode) {
+			const sourcePort = calculatePortPosition(sourceNode, true);
+			const targetPort = calculatePortPosition(targetNode, false);
+
+			const newEdge: any = {
+				id: uuidv4(),
+				source,
+				target,
+				sourceX: sourcePort.x,
+				sourceY: sourcePort.y,
+				targetX: targetPort.x,
+				targetY: targetPort.y,
+				type: 'custom',
+				data: { label: 'New Edge', onLabelChange: () => { } },
+			};
+
+			setEdges(prev => [...prev, newEdge]);
+		}
+	}, [nodes]);
+
+	const updateEdgeLabel = useCallback((id: string, label: string) => {
+		setEdges(prev => prev.map(edge => edge.id === id ? { ...edge, data: { ...edge.data, label } } : edge));
+	}, []);
+
+	const removeNode = useCallback((id: string) => {
+		setNodes(prev => prev.filter(node => node.id !== id));
+		setEdges(prev => prev.filter(edge => edge.source !== id && edge.target !== id));
+	}, []);
+
+	return {
+		nodes,
+		edges,
+		addNode,
+		updateNodePosition,
+		updateNodeDimensions,
+		updateNodeLabel,
+		addEdge,
+		updateEdgeLabel,
+		removeNode,
+	};
+};
diff --git a/hooks/usePanZoom.ts b/hooks/usePanZoom.ts
new file mode 100644
index 0000000..b324927
--- /dev/null
+++ b/hooks/usePanZoom.ts
@@ -0,0 +1,68 @@
+import { useState, useCallback, useEffect } from 'react';
+
+interface PanZoomState {
+	panOffset: { x: number; y: number };
+	isPanning: boolean;
+	panStart: { x: number; y: number } | null;
+}
+
+export const usePanZoom = (canvasWidth: number, canvasHeight: number) => {
+	const [panZoomState, setPanZoomState] = useState<PanZoomState>({
+		panOffset: { x: 0, y: 0 },
+		isPanning: false,
+		panStart: null,
+	});
+
+	const handleCanvasMouseDown = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
+		if (e.button === 0) {
+			setPanZoomState(prev => ({
+				...prev,
+				isPanning: true,
+				panStart: { x: e.clientX, y: e.clientY },
+			}));
+		}
+	}, []);
+
+	const handleCanvasMouseUp = useCallback(() => {
+		setPanZoomState(prev => ({ ...prev, isPanning: false, panStart: null }));
+	}, []);
+
+	const handleCanvasMouseMove = useCallback((e: MouseEvent) => {
+		setPanZoomState(prev => {
+			if (prev.isPanning && prev.panStart) {
+				const dx = e.clientX - prev.panStart.x;
+				const dy = e.clientY - prev.panStart.y;
+				return {
+					...prev,
+					panOffset: { x: prev.panOffset.x + dx, y: prev.panOffset.y + dy },
+					panStart: { x: e.clientX, y: e.clientY },
+				};
+			}
+			return prev;
+		});
+	}, []);
+
+	useEffect(() => {
+		const viewportWidth = window.innerWidth;
+		const viewportHeight = window.innerHeight;
+
+		const centerX = (viewportWidth / 2) - (canvasWidth / 2);
+		const centerY = (viewportHeight / 2) - (canvasHeight / 2);
+
+		setPanZoomState(prev => ({ ...prev, panOffset: { x: centerX, y: centerY } }));
+	}, [canvasWidth, canvasHeight]);
+
+	useEffect(() => {
+		document.addEventListener('mousemove', handleCanvasMouseMove);
+		document.addEventListener('mouseup', handleCanvasMouseUp);
+		return () => {
+			document.removeEventListener('mousemove', handleCanvasMouseMove);
+			document.removeEventListener('mouseup', handleCanvasMouseUp);
+		};
+	}, [handleCanvasMouseMove, handleCanvasMouseUp]);
+
+	return {
+		...panZoomState,
+		handleCanvasMouseDown,
+	};
+};
diff --git a/package.json b/package.json
index abcff25..f01c9b2 100644
--- a/package.json
+++ b/package.json
@@ -9,13 +9,13 @@
 		"lint": "next lint"
 	},
 	"dependencies": {
-		"@antv/xflow": "^2.1.13",
+		"@radix-ui/react-tabs": "^1.1.1",
 		"@radix-ui/react-toast": "^1.2.2",
-		"@tisoap/react-flow-smart-edge": "^3.0.0",
-		"@xyflow/react": "^12.3.5",
+		"@radix-ui/react-tooltip": "^1.1.4",
 		"class-variance-authority": "^0.7.0",
 		"clsx": "^2.1.1",
 		"html-to-image": "^1.11.11",
+		"lodash": "^4.17.21",
 		"lucide-react": "^0.460.0",
 		"next": "14.2.16",
 		"react": "^18",
@@ -25,6 +25,7 @@
 		"uuid": "^11.0.3"
 	},
 	"devDependencies": {
+		"@types/lodash": "^4.17.13",
 		"@types/node": "^20",
 		"@types/react": "^18",
 		"@types/react-dom": "^18",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..495240e
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,3889 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@radix-ui/react-tabs':
+        specifier: ^1.1.1
+        version: 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toast':
+        specifier: ^1.2.2
+        version: 1.2.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-tooltip':
+        specifier: ^1.1.4
+        version: 1.1.4(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      class-variance-authority:
+        specifier: ^0.7.0
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      html-to-image:
+        specifier: ^1.11.11
+        version: 1.11.11
+      lodash:
+        specifier: ^4.17.21
+        version: 4.17.21
+      lucide-react:
+        specifier: ^0.460.0
+        version: 0.460.0(react@18.3.1)
+      next:
+        specifier: 14.2.16
+        version: 14.2.16(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react:
+        specifier: ^18
+        version: 18.3.1
+      react-dom:
+        specifier: ^18
+        version: 18.3.1(react@18.3.1)
+      tailwind-merge:
+        specifier: ^2.5.5
+        version: 2.5.5
+      tailwindcss-animate:
+        specifier: ^1.0.7
+        version: 1.0.7(tailwindcss@3.4.15)
+      uuid:
+        specifier: ^11.0.3
+        version: 11.0.3
+    devDependencies:
+      '@types/lodash':
+        specifier: ^4.17.13
+        version: 4.17.13
+      '@types/node':
+        specifier: ^20
+        version: 20.17.8
+      '@types/react':
+        specifier: ^18
+        version: 18.3.12
+      '@types/react-dom':
+        specifier: ^18
+        version: 18.3.1
+      eslint:
+        specifier: ^8
+        version: 8.57.1
+      eslint-config-next:
+        specifier: 14.2.16
+        version: 14.2.16(eslint@8.57.1)(typescript@5.7.2)
+      postcss:
+        specifier: ^8
+        version: 8.4.49
+      tailwindcss:
+        specifier: ^3.4.1
+        version: 3.4.15
+      typescript:
+        specifier: ^5
+        version: 5.7.2
+
+packages:
+
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
+  '@eslint-community/eslint-utils@4.4.1':
+    resolution: {integrity: sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.1':
+    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/eslintrc@2.1.4':
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@eslint/js@8.57.1':
+    resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@floating-ui/core@1.6.8':
+    resolution: {integrity: sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==}
+
+  '@floating-ui/dom@1.6.12':
+    resolution: {integrity: sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==}
+
+  '@floating-ui/react-dom@2.1.2':
+    resolution: {integrity: sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/utils@0.2.8':
+    resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==}
+
+  '@humanwhocodes/config-array@0.13.0':
+    resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
+    engines: {node: '>=10.10.0'}
+    deprecated: Use @eslint/config-array instead
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/object-schema@2.0.3':
+    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+    deprecated: Use @eslint/object-schema instead
+
+  '@isaacs/cliui@8.0.2':
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+
+  '@jridgewell/gen-mapping@0.3.5':
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/set-array@1.2.1':
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+
+  '@next/env@14.2.16':
+    resolution: {integrity: sha512-fLrX5TfJzHCbnZ9YUSnGW63tMV3L4nSfhgOQ0iCcX21Pt+VSTDuaLsSuL8J/2XAiVA5AnzvXDpf6pMs60QxOag==}
+
+  '@next/eslint-plugin-next@14.2.16':
+    resolution: {integrity: sha512-noORwKUMkKc96MWjTOwrsUCjky0oFegHbeJ1yEnQBGbMHAaTEIgLZIIfsYF0x3a06PiS+2TXppfifR+O6VWslg==}
+
+  '@next/swc-darwin-arm64@14.2.16':
+    resolution: {integrity: sha512-uFT34QojYkf0+nn6MEZ4gIWQ5aqGF11uIZ1HSxG+cSbj+Mg3+tYm8qXYd3dKN5jqKUm5rBVvf1PBRO/MeQ6rxw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@next/swc-darwin-x64@14.2.16':
+    resolution: {integrity: sha512-mCecsFkYezem0QiZlg2bau3Xul77VxUD38b/auAjohMA22G9KTJneUYMv78vWoCCFkleFAhY1NIvbyjj1ncG9g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@next/swc-linux-arm64-gnu@14.2.16':
+    resolution: {integrity: sha512-yhkNA36+ECTC91KSyZcgWgKrYIyDnXZj8PqtJ+c2pMvj45xf7y/HrgI17hLdrcYamLfVt7pBaJUMxADtPaczHA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-arm64-musl@14.2.16':
+    resolution: {integrity: sha512-X2YSyu5RMys8R2lA0yLMCOCtqFOoLxrq2YbazFvcPOE4i/isubYjkh+JCpRmqYfEuCVltvlo+oGfj/b5T2pKUA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-x64-gnu@14.2.16':
+    resolution: {integrity: sha512-9AGcX7VAkGbc5zTSa+bjQ757tkjr6C/pKS7OK8cX7QEiK6MHIIezBLcQ7gQqbDW2k5yaqba2aDtaBeyyZh1i6Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-linux-x64-musl@14.2.16':
+    resolution: {integrity: sha512-Klgeagrdun4WWDaOizdbtIIm8khUDQJ/5cRzdpXHfkbY91LxBXeejL4kbZBrpR/nmgRrQvmz4l3OtttNVkz2Sg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-win32-arm64-msvc@14.2.16':
+    resolution: {integrity: sha512-PwW8A1UC1Y0xIm83G3yFGPiOBftJK4zukTmk7DI1CebyMOoaVpd8aSy7K6GhobzhkjYvqS/QmzcfsWG2Dwizdg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@next/swc-win32-ia32-msvc@14.2.16':
+    resolution: {integrity: sha512-jhPl3nN0oKEshJBNDAo0etGMzv0j3q3VYorTSFqH1o3rwv1MQRdor27u1zhkgsHPNeY1jxcgyx1ZsCkDD1IHgg==}
+    engines: {node: '>= 10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@next/swc-win32-x64-msvc@14.2.16':
+    resolution: {integrity: sha512-OA7NtfxgirCjfqt+02BqxC3MIgM/JaGjw9tOe4fyZgPsqfseNiMPnCRP44Pfs+Gpo9zPN+SXaFsgP6vk8d571A==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@nolyfill/is-core-module@1.0.39':
+    resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
+    engines: {node: '>=12.4.0'}
+
+  '@pkgjs/parseargs@0.11.0':
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+
+  '@radix-ui/primitive@1.1.0':
+    resolution: {integrity: sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==}
+
+  '@radix-ui/react-arrow@1.1.0':
+    resolution: {integrity: sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collection@1.1.0':
+    resolution: {integrity: sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-compose-refs@1.1.0':
+    resolution: {integrity: sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context@1.1.0':
+    resolution: {integrity: sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-context@1.1.1':
+    resolution: {integrity: sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-direction@1.1.0':
+    resolution: {integrity: sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dismissable-layer@1.1.1':
+    resolution: {integrity: sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-id@1.1.0':
+    resolution: {integrity: sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-popper@1.2.0':
+    resolution: {integrity: sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.2':
+    resolution: {integrity: sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.1':
+    resolution: {integrity: sha512-IeFXVi4YS1K0wVZzXNrbaaUvIJ3qdY+/Ih4eHFhWA9SwGR9UDX7Ck8abvL57C4cv3wwMvUE0OG69Qc3NCcTe/A==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.0.0':
+    resolution: {integrity: sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-roving-focus@1.1.0':
+    resolution: {integrity: sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slot@1.1.0':
+    resolution: {integrity: sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-tabs@1.1.1':
+    resolution: {integrity: sha512-3GBUDmP2DvzmtYLMsHmpA1GtR46ZDZ+OreXM/N+kkQJOPIgytFWWTfDQmBQKBvaFS0Vno0FktdbVzN28KGrMdw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-toast@1.2.2':
+    resolution: {integrity: sha512-Z6pqSzmAP/bFJoqMAston4eSNa+ud44NSZTiZUmUen+IOZ5nBY8kzuU5WDBVyFXPtcW6yUalOHsxM/BP6Sv8ww==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-tooltip@1.1.4':
+    resolution: {integrity: sha512-QpObUH/ZlpaO4YgHSaYzrLO2VuO+ZBFFgGzjMUPwtiYnAzzNNDPJeEGRrT7qNOrWm/Jr08M1vlp+vTHtnSQ0Uw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.0':
+    resolution: {integrity: sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.1.0':
+    resolution: {integrity: sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.0':
+    resolution: {integrity: sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.0':
+    resolution: {integrity: sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-rect@1.1.0':
+    resolution: {integrity: sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.0':
+    resolution: {integrity: sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-visually-hidden@1.1.0':
+    resolution: {integrity: sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/rect@1.1.0':
+    resolution: {integrity: sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==}
+
+  '@rtsao/scc@1.1.0':
+    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
+
+  '@rushstack/eslint-patch@1.10.4':
+    resolution: {integrity: sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==}
+
+  '@swc/counter@0.1.3':
+    resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
+
+  '@swc/helpers@0.5.5':
+    resolution: {integrity: sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==}
+
+  '@types/json5@0.0.29':
+    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+
+  '@types/lodash@4.17.13':
+    resolution: {integrity: sha512-lfx+dftrEZcdBPczf9d0Qv0x+j/rfNCMuC6OcfXmO8gkfeNAY88PgKUbvG56whcN23gc27yenwF6oJZXGFpYxg==}
+
+  '@types/node@20.17.8':
+    resolution: {integrity: sha512-ahz2g6/oqbKalW9sPv6L2iRbhLnojxjYWspAqhjvqSWBgGebEJT5GvRmk0QXPj3sbC6rU0GTQjPLQkmR8CObvA==}
+
+  '@types/prop-types@15.7.13':
+    resolution: {integrity: sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==}
+
+  '@types/react-dom@18.3.1':
+    resolution: {integrity: sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==}
+
+  '@types/react@18.3.12':
+    resolution: {integrity: sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==}
+
+  '@typescript-eslint/eslint-plugin@8.16.0':
+    resolution: {integrity: sha512-5YTHKV8MYlyMI6BaEG7crQ9BhSc8RxzshOReKwZwRWN0+XvvTOm+L/UYLCYxFpfwYuAAqhxiq4yae0CMFwbL7Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/parser@8.16.0':
+    resolution: {integrity: sha512-D7DbgGFtsqIPIFMPJwCad9Gfi/hC0PWErRRHFnaCWoEDYi5tQUDiJCTmGUbBiLzjqAck4KcXt9Ayj0CNlIrF+w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/scope-manager@8.16.0':
+    resolution: {integrity: sha512-mwsZWubQvBki2t5565uxF0EYvG+FwdFb8bMtDuGQLdCCnGPrDEDvm1gtfynuKlnpzeBRqdFCkMf9jg1fnAK8sg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/type-utils@8.16.0':
+    resolution: {integrity: sha512-IqZHGG+g1XCWX9NyqnI/0CX5LL8/18awQqmkZSl2ynn8F76j579dByc0jhfVSnSnhf7zv76mKBQv9HQFKvDCgg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/types@8.16.0':
+    resolution: {integrity: sha512-NzrHj6thBAOSE4d9bsuRNMvk+BvaQvmY4dDglgkgGC0EW/tB3Kelnp3tAKH87GEwzoxgeQn9fNGRyFJM/xd+GQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.16.0':
+    resolution: {integrity: sha512-E2+9IzzXMc1iaBy9zmo+UYvluE3TW7bCGWSF41hVWUE01o8nzr1rvOQYSxelxr6StUvRcTMe633eY8mXASMaNw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/utils@8.16.0':
+    resolution: {integrity: sha512-C1zRy/mOL8Pj157GiX4kaw7iyRLKfJXBR3L82hk5kS/GyHcOFmy4YUq/zfZti72I9wnuQtA/+xzft4wCC8PJdA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/visitor-keys@8.16.0':
+    resolution: {integrity: sha512-pq19gbaMOmFE3CbL0ZB8J8BFCo2ckfHBfaIsaOZgBIF4EoISJIdLX5xRhd0FGB0LlHReNRuzoJoMGpTjq8F2CQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@ungap/structured-clone@1.2.0':
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.14.0:
+    resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.1.0:
+    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+
+  any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
+  array-buffer-byte-length@1.0.1:
+    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+    engines: {node: '>= 0.4'}
+
+  array-includes@3.1.8:
+    resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.findlast@1.2.5:
+    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.findlastindex@1.2.5:
+    resolution: {integrity: sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flat@1.3.2:
+    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flatmap@1.3.2:
+    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.tosorted@1.1.4:
+    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
+    engines: {node: '>= 0.4'}
+
+  arraybuffer.prototype.slice@1.0.3:
+    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
+    engines: {node: '>= 0.4'}
+
+  ast-types-flow@0.0.8:
+    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
+
+  available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+
+  axe-core@4.10.2:
+    resolution: {integrity: sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==}
+    engines: {node: '>=4'}
+
+  axobject-query@4.1.0:
+    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
+    engines: {node: '>= 0.4'}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
+  brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+
+  brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  busboy@1.6.0:
+    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
+    engines: {node: '>=10.16.0'}
+
+  call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  camelcase-css@2.0.1:
+    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+    engines: {node: '>= 6'}
+
+  caniuse-lite@1.0.30001684:
+    resolution: {integrity: sha512-G1LRwLIQjBQoyq0ZJGqGIJUXzJ8irpbjHLpVRXDvBEScFJ9b17sgK6vlx0GAJFE21okD7zXl08rRRUfq6HdoEQ==}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
+  client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  commander@4.1.1:
+    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
+    engines: {node: '>= 6'}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  damerau-levenshtein@1.0.8:
+    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
+
+  data-view-buffer@1.0.1:
+    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-length@1.0.1:
+    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-offset@1.0.0:
+    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
+    engines: {node: '>= 0.4'}
+
+  debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.3.7:
+    resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+
+  define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+
+  didyoumean@1.2.2:
+    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+
+  dlv@1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+
+  doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+
+  doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  enhanced-resolve@5.17.1:
+    resolution: {integrity: sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==}
+    engines: {node: '>=10.13.0'}
+
+  es-abstract@1.23.5:
+    resolution: {integrity: sha512-vlmniQ0WNPwXqA0BnmwV3Ng7HxiGlh6r5U6JcTMNx8OilcAGqVJBHJcPjqOMaczU9fRuRK5Px2BdVyPRnKMMVQ==}
+    engines: {node: '>= 0.4'}
+
+  es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-iterator-helpers@1.2.0:
+    resolution: {integrity: sha512-tpxqxncxnpw3c93u8n3VOzACmRFoVmWJqbWXvX/JfKbkhBw1oslgPrUfeSt2psuqyEJFD6N/9lg5i7bsKpoq+Q==}
+    engines: {node: '>= 0.4'}
+
+  es-object-atoms@1.0.0:
+    resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+    engines: {node: '>= 0.4'}
+
+  es-set-tostringtag@2.0.3:
+    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
+    engines: {node: '>= 0.4'}
+
+  es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
+
+  es-to-primitive@1.3.0:
+    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
+    engines: {node: '>= 0.4'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-config-next@14.2.16:
+    resolution: {integrity: sha512-HOcnCJsyLXR7B8wmjaCgkTSpz+ijgOyAkP8OlvANvciP8PspBYFEBTmakNMxOf71fY0aKOm/blFIiKnrM4K03Q==}
+    peerDependencies:
+      eslint: ^7.23.0 || ^8.0.0
+      typescript: '>=3.3.1'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  eslint-import-resolver-node@0.3.9:
+    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
+
+  eslint-import-resolver-typescript@3.6.3:
+    resolution: {integrity: sha512-ud9aw4szY9cCT1EWWdGv1L1XR6hh2PaRWif0j2QjQ0pgTY/69iw+W0Z4qZv5wHahOl8isEr+k/JnyAqNQkLkIA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+      eslint-plugin-import-x: '*'
+    peerDependenciesMeta:
+      eslint-plugin-import:
+        optional: true
+      eslint-plugin-import-x:
+        optional: true
+
+  eslint-module-utils@2.12.0:
+    resolution: {integrity: sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+
+  eslint-plugin-import@2.31.0:
+    resolution: {integrity: sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-plugin-jsx-a11y@6.10.2:
+    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
+
+  eslint-plugin-react-hooks@5.0.0-canary-7118f5dd7-20230705:
+    resolution: {integrity: sha512-AZYbMo/NW9chdL7vk6HQzQhT+PvTAEVqWk9ziruUoW2kAOcN5qNyelv70e0F1VNQAbvutOC9oc+xfWycI9FxDw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+
+  eslint-plugin-react@7.37.2:
+    resolution: {integrity: sha512-EsTAnj9fLVr/GZleBLFbj/sSuXeWmp1eXIN60ceYnZveqEaUCyW4X+Vh4WTdUhCkW4xutXYqTXCUSyqD4rB75w==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
+
+  eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.0:
+    resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@8.57.1:
+    resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
+    hasBin: true
+
+  espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fastq@1.17.1:
+    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+
+  file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@3.2.0:
+    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+
+  flatted@3.3.2:
+    resolution: {integrity: sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==}
+
+  for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+
+  foreground-child@3.3.0:
+    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
+    engines: {node: '>=14'}
+
+  fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  function.prototype.name@1.1.6:
+    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+    engines: {node: '>= 0.4'}
+
+  functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+
+  get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
+
+  get-symbol-description@1.0.2:
+    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
+    engines: {node: '>= 0.4'}
+
+  get-tsconfig@4.8.1:
+    resolution: {integrity: sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@10.3.10:
+    resolution: {integrity: sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    hasBin: true
+
+  glob@10.4.5:
+    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+    hasBin: true
+
+  glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
+
+  globals@13.24.0:
+    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
+    engines: {node: '>=8'}
+
+  globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+
+  gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+
+  has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+
+  has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+    engines: {node: '>= 0.4'}
+
+  has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
+  html-to-image@1.11.11:
+    resolution: {integrity: sha512-9gux8QhvjRO/erSnDPv28noDZcPZmYE7e1vFsBLKLlRlKDSqNJYebj6Qz1TGd5lsRV+X+xYyjCKjuZdABinWjA==}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  internal-slot@1.0.7:
+    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
+    engines: {node: '>= 0.4'}
+
+  is-array-buffer@3.0.4:
+    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+    engines: {node: '>= 0.4'}
+
+  is-async-function@2.0.0:
+    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
+    engines: {node: '>= 0.4'}
+
+  is-bigint@1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-boolean-object@1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+
+  is-bun-module@1.3.0:
+    resolution: {integrity: sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==}
+
+  is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+
+  is-core-module@2.15.1:
+    resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
+    engines: {node: '>= 0.4'}
+
+  is-data-view@1.0.1:
+    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
+    engines: {node: '>= 0.4'}
+
+  is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-finalizationregistry@1.1.0:
+    resolution: {integrity: sha512-qfMdqbAQEwBw78ZyReKnlA8ezmPdb9BemzIIip/JkjaZUhitfXDkkr+3QTboW0JrSXT1QWyYShpvnNHGZ4c4yA==}
+    engines: {node: '>= 0.4'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-generator-function@1.0.10:
+    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
+    engines: {node: '>= 0.4'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-map@2.0.3:
+    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
+    engines: {node: '>= 0.4'}
+
+  is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+
+  is-number-object@1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+
+  is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+
+  is-set@2.0.3:
+    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
+    engines: {node: '>= 0.4'}
+
+  is-shared-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+    engines: {node: '>= 0.4'}
+
+  is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+
+  is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+
+  is-typed-array@1.1.13:
+    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
+    engines: {node: '>= 0.4'}
+
+  is-weakmap@2.0.2:
+    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
+    engines: {node: '>= 0.4'}
+
+  is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+
+  is-weakset@2.0.3:
+    resolution: {integrity: sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==}
+    engines: {node: '>= 0.4'}
+
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  iterator.prototype@1.1.3:
+    resolution: {integrity: sha512-FW5iMbeQ6rBGm/oKgzq2aW4KvAGpxPzYES8N4g4xNXUKpL1mclMvOe+76AcLDTvD+Ze+sOpVhgdAQEKF4L9iGQ==}
+    engines: {node: '>= 0.4'}
+
+  jackspeak@2.3.6:
+    resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
+    engines: {node: '>=14'}
+
+  jackspeak@3.4.3:
+    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
+
+  jiti@1.21.6:
+    resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
+    hasBin: true
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+
+  jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
+    engines: {node: '>=4.0'}
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  language-subtag-registry@0.3.23:
+    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
+
+  language-tags@1.0.9:
+    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
+    engines: {node: '>=0.10'}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+
+  lilconfig@3.1.2:
+    resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==}
+    engines: {node: '>=14'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+  lucide-react@0.460.0:
+    resolution: {integrity: sha512-BVtq/DykVeIvRTJvRAgCsOwaGL8Un3Bxh8MbDxMhEWlZay3T4IpEKDEpwt5KZ0KJMHzgm6jrltxlT5eXOWXDHg==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+
+  nanoid@3.3.8:
+    resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  next@14.2.16:
+    resolution: {integrity: sha512-LcO7WnFu6lYSvCzZoo1dB+IO0xXz5uEv52HF1IUN0IqVTUIZGHuuR10I5efiLadGt+4oZqTcNZyVVEem/TM5nA==}
+    engines: {node: '>=18.17.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      '@playwright/test': ^1.41.2
+      react: ^18.2.0
+      react-dom: ^18.2.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      '@playwright/test':
+        optional: true
+      sass:
+        optional: true
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-hash@3.0.0:
+    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
+    engines: {node: '>= 6'}
+
+  object-inspect@1.13.3:
+    resolution: {integrity: sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==}
+    engines: {node: '>= 0.4'}
+
+  object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+
+  object.assign@4.1.5:
+    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
+    engines: {node: '>= 0.4'}
+
+  object.entries@1.1.8:
+    resolution: {integrity: sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==}
+    engines: {node: '>= 0.4'}
+
+  object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+
+  object.groupby@1.0.3:
+    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
+    engines: {node: '>= 0.4'}
+
+  object.values@1.2.0:
+    resolution: {integrity: sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==}
+    engines: {node: '>= 0.4'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+
+  pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+
+  pirates@4.0.6:
+    resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
+    engines: {node: '>= 6'}
+
+  possible-typed-array-names@1.0.0:
+    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+    engines: {node: '>= 0.4'}
+
+  postcss-import@15.1.0:
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-js@4.0.1:
+    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
+    engines: {node: ^12 || ^14 || >= 16}
+    peerDependencies:
+      postcss: ^8.4.21
+
+  postcss-load-config@4.0.2:
+    resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+
+  postcss-nested@6.2.0:
+    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-selector-parser@6.1.2:
+    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
+    engines: {node: '>=4'}
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.4.49:
+    resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  react-dom@18.3.1:
+    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+    peerDependencies:
+      react: ^18.3.1
+
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react@18.3.1:
+    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+    engines: {node: '>=0.10.0'}
+
+  read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  reflect.getprototypeof@1.0.7:
+    resolution: {integrity: sha512-bMvFGIUKlc/eSfXNX+aZ+EL95/EgZzuwA0OBPTbZZDEJw/0AkentjMuM1oiRfwHrshqk4RzdgiTg5CcDalXN5g==}
+    engines: {node: '>= 0.4'}
+
+  regexp.prototype.flags@1.5.3:
+    resolution: {integrity: sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==}
+    engines: {node: '>= 0.4'}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
+  resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+    hasBin: true
+
+  resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
+    hasBin: true
+
+  reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
+    hasBin: true
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  safe-array-concat@1.1.2:
+    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
+    engines: {node: '>=0.4'}
+
+  safe-regex-test@1.0.3:
+    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
+    engines: {node: '>= 0.4'}
+
+  scheduler@0.23.2:
+    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.6.3:
+    resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+
+  set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  streamsearch@1.1.0:
+    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
+    engines: {node: '>=10.0.0'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+
+  string.prototype.includes@2.0.1:
+    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.matchall@4.0.11:
+    resolution: {integrity: sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.repeat@1.0.0:
+    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
+
+  string.prototype.trim@1.2.9:
+    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimend@1.0.8:
+    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
+
+  string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  styled-jsx@5.1.1:
+    resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
+    engines: {node: '>= 12.0.0'}
+    peerDependencies:
+      '@babel/core': '*'
+      babel-plugin-macros: '*'
+      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      babel-plugin-macros:
+        optional: true
+
+  sucrase@3.35.0:
+    resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    hasBin: true
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  tailwind-merge@2.5.5:
+    resolution: {integrity: sha512-0LXunzzAZzo0tEPxV3I297ffKZPlKDrjj7NXphC8V5ak9yHC5zRmxnOe2m/Rd/7ivsOMJe3JZ2JVocoDdQTRBA==}
+
+  tailwindcss-animate@1.0.7:
+    resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || insiders'
+
+  tailwindcss@3.4.15:
+    resolution: {integrity: sha512-r4MeXnfBmSOuKUWmXe6h2CcyfzJCEk4F0pptO5jlnYSIViUkVmsawj80N5h2lO3gwcmSb4n3PuN+e+GC1Guylw==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}
+
+  text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+
+  thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+
+  thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  ts-api-utils@1.4.2:
+    resolution: {integrity: sha512-ZF5gQIQa/UmzfvxbHZI3JXN0/Jt+vnAfAviNRAMc491laiK6YCLpCW9ft8oaCRFOTxCZtUTE6XB0ZQAe3olntw==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+
+  ts-interface-checker@0.1.13:
+    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+
+  tsconfig-paths@3.15.0:
+    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+
+  typed-array-buffer@1.0.2:
+    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-length@1.0.1:
+    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-offset@1.0.3:
+    resolution: {integrity: sha512-GsvTyUHTriq6o/bHcTd0vM7OQ9JEdlvluu9YISaA7+KzDzPaIzEeDFNkTfhdE3MYcNhNi0vq/LlegYgIs5yPAw==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-length@1.0.7:
+    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
+    engines: {node: '>= 0.4'}
+
+  typescript@5.7.2:
+    resolution: {integrity: sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+
+  undici-types@6.19.8:
+    resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  uuid@11.0.3:
+    resolution: {integrity: sha512-d0z310fCWv5dJwnX1Y/MncBAqGMKEzlBb1AOf7z9K8ALnd0utBX/msg/fA0+sbyN1ihbMsLhrBlnl1ak7Wa0rg==}
+    hasBin: true
+
+  which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+
+  which-builtin-type@1.2.0:
+    resolution: {integrity: sha512-I+qLGQ/vucCby4tf5HsLmGueEla4ZhwTBSqaooS+Y0BuxN4Cp+okmGuV+8mXZ84KDI9BA+oklo+RzKg0ONdSUA==}
+    engines: {node: '>= 0.4'}
+
+  which-collection@1.0.2:
+    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
+    engines: {node: '>= 0.4'}
+
+  which-typed-array@1.1.15:
+    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
+    engines: {node: '>= 0.4'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  yaml@2.6.1:
+    resolution: {integrity: sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==}
+    engines: {node: '>= 14'}
+    hasBin: true
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+snapshots:
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@eslint-community/eslint-utils@4.4.1(eslint@8.57.1)':
+    dependencies:
+      eslint: 8.57.1
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.1': {}
+
+  '@eslint/eslintrc@2.1.4':
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.7
+      espree: 9.6.1
+      globals: 13.24.0
+      ignore: 5.3.2
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@8.57.1': {}
+
+  '@floating-ui/core@1.6.8':
+    dependencies:
+      '@floating-ui/utils': 0.2.8
+
+  '@floating-ui/dom@1.6.12':
+    dependencies:
+      '@floating-ui/core': 1.6.8
+      '@floating-ui/utils': 0.2.8
+
+  '@floating-ui/react-dom@2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/dom': 1.6.12
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@floating-ui/utils@0.2.8': {}
+
+  '@humanwhocodes/config-array@0.13.0':
+    dependencies:
+      '@humanwhocodes/object-schema': 2.0.3
+      debug: 4.3.7
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/object-schema@2.0.3': {}
+
+  '@isaacs/cliui@8.0.2':
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: string-width@4.2.3
+      strip-ansi: 7.1.0
+      strip-ansi-cjs: strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: wrap-ansi@7.0.0
+
+  '@jridgewell/gen-mapping@0.3.5':
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/set-array@1.2.1': {}
+
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.0
+
+  '@next/env@14.2.16': {}
+
+  '@next/eslint-plugin-next@14.2.16':
+    dependencies:
+      glob: 10.3.10
+
+  '@next/swc-darwin-arm64@14.2.16':
+    optional: true
+
+  '@next/swc-darwin-x64@14.2.16':
+    optional: true
+
+  '@next/swc-linux-arm64-gnu@14.2.16':
+    optional: true
+
+  '@next/swc-linux-arm64-musl@14.2.16':
+    optional: true
+
+  '@next/swc-linux-x64-gnu@14.2.16':
+    optional: true
+
+  '@next/swc-linux-x64-musl@14.2.16':
+    optional: true
+
+  '@next/swc-win32-arm64-msvc@14.2.16':
+    optional: true
+
+  '@next/swc-win32-ia32-msvc@14.2.16':
+    optional: true
+
+  '@next/swc-win32-x64-msvc@14.2.16':
+    optional: true
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.17.1
+
+  '@nolyfill/is-core-module@1.0.39': {}
+
+  '@pkgjs/parseargs@0.11.0':
+    optional: true
+
+  '@radix-ui/primitive@1.1.0': {}
+
+  '@radix-ui/react-arrow@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-collection@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-compose-refs@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-context@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-context@1.1.1(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-direction@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-dismissable-layer@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-id@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-popper@1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-arrow': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-rect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/rect': 1.1.0
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-portal@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-presence@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-primitive@2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-roving-focus@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-slot@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-tabs@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-toast@1.2.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-tooltip@1.1.4(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-use-escape-keydown@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-use-rect@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/rect': 1.1.0
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-use-size@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
+  '@radix-ui/react-visually-hidden@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
+  '@radix-ui/rect@1.1.0': {}
+
+  '@rtsao/scc@1.1.0': {}
+
+  '@rushstack/eslint-patch@1.10.4': {}
+
+  '@swc/counter@0.1.3': {}
+
+  '@swc/helpers@0.5.5':
+    dependencies:
+      '@swc/counter': 0.1.3
+      tslib: 2.8.1
+
+  '@types/json5@0.0.29': {}
+
+  '@types/lodash@4.17.13': {}
+
+  '@types/node@20.17.8':
+    dependencies:
+      undici-types: 6.19.8
+
+  '@types/prop-types@15.7.13': {}
+
+  '@types/react-dom@18.3.1':
+    dependencies:
+      '@types/react': 18.3.12
+
+  '@types/react@18.3.12':
+    dependencies:
+      '@types/prop-types': 15.7.13
+      csstype: 3.1.3
+
+  '@typescript-eslint/eslint-plugin@8.16.0(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint@8.57.1)(typescript@5.7.2)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.1
+      '@typescript-eslint/parser': 8.16.0(eslint@8.57.1)(typescript@5.7.2)
+      '@typescript-eslint/scope-manager': 8.16.0
+      '@typescript-eslint/type-utils': 8.16.0(eslint@8.57.1)(typescript@5.7.2)
+      '@typescript-eslint/utils': 8.16.0(eslint@8.57.1)(typescript@5.7.2)
+      '@typescript-eslint/visitor-keys': 8.16.0
+      eslint: 8.57.1
+      graphemer: 1.4.0
+      ignore: 5.3.2
+      natural-compare: 1.4.0
+      ts-api-utils: 1.4.2(typescript@5.7.2)
+    optionalDependencies:
+      typescript: 5.7.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.16.0
+      '@typescript-eslint/types': 8.16.0
+      '@typescript-eslint/typescript-estree': 8.16.0(typescript@5.7.2)
+      '@typescript-eslint/visitor-keys': 8.16.0
+      debug: 4.3.7
+      eslint: 8.57.1
+    optionalDependencies:
+      typescript: 5.7.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.16.0':
+    dependencies:
+      '@typescript-eslint/types': 8.16.0
+      '@typescript-eslint/visitor-keys': 8.16.0
+
+  '@typescript-eslint/type-utils@8.16.0(eslint@8.57.1)(typescript@5.7.2)':
+    dependencies:
+      '@typescript-eslint/typescript-estree': 8.16.0(typescript@5.7.2)
+      '@typescript-eslint/utils': 8.16.0(eslint@8.57.1)(typescript@5.7.2)
+      debug: 4.3.7
+      eslint: 8.57.1
+      ts-api-utils: 1.4.2(typescript@5.7.2)
+    optionalDependencies:
+      typescript: 5.7.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.16.0': {}
+
+  '@typescript-eslint/typescript-estree@8.16.0(typescript@5.7.2)':
+    dependencies:
+      '@typescript-eslint/types': 8.16.0
+      '@typescript-eslint/visitor-keys': 8.16.0
+      debug: 4.3.7
+      fast-glob: 3.3.2
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.6.3
+      ts-api-utils: 1.4.2(typescript@5.7.2)
+    optionalDependencies:
+      typescript: 5.7.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.16.0(eslint@8.57.1)(typescript@5.7.2)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      '@typescript-eslint/scope-manager': 8.16.0
+      '@typescript-eslint/types': 8.16.0
+      '@typescript-eslint/typescript-estree': 8.16.0(typescript@5.7.2)
+      eslint: 8.57.1
+    optionalDependencies:
+      typescript: 5.7.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.16.0':
+    dependencies:
+      '@typescript-eslint/types': 8.16.0
+      eslint-visitor-keys: 4.2.0
+
+  '@ungap/structured-clone@1.2.0': {}
+
+  acorn-jsx@5.3.2(acorn@8.14.0):
+    dependencies:
+      acorn: 8.14.0
+
+  acorn@8.14.0: {}
+
+  ajv@6.12.6:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.1.0: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@6.2.1: {}
+
+  any-promise@1.3.0: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+
+  arg@5.0.2: {}
+
+  argparse@2.0.1: {}
+
+  aria-query@5.3.2: {}
+
+  array-buffer-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      is-array-buffer: 3.0.4
+
+  array-includes@3.1.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      is-string: 1.0.7
+
+  array.prototype.findlast@1.2.5:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.findlastindex@1.2.5:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.flat@1.3.2:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.flatmap@1.3.2:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.tosorted@1.1.4:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.0.2
+
+  arraybuffer.prototype.slice@1.0.3:
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      is-array-buffer: 3.0.4
+      is-shared-array-buffer: 1.0.3
+
+  ast-types-flow@0.0.8: {}
+
+  available-typed-arrays@1.0.7:
+    dependencies:
+      possible-typed-array-names: 1.0.0
+
+  axe-core@4.10.2: {}
+
+  axobject-query@4.1.0: {}
+
+  balanced-match@1.0.2: {}
+
+  binary-extensions@2.3.0: {}
+
+  brace-expansion@1.1.11:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@2.0.1:
+    dependencies:
+      balanced-match: 1.0.2
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  busboy@1.6.0:
+    dependencies:
+      streamsearch: 1.1.0
+
+  call-bind@1.0.7:
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      set-function-length: 1.2.2
+
+  callsites@3.1.0: {}
+
+  camelcase-css@2.0.1: {}
+
+  caniuse-lite@1.0.30001684: {}
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
+  client-only@0.0.1: {}
+
+  clsx@2.1.1: {}
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  commander@4.1.1: {}
+
+  concat-map@0.0.1: {}
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  cssesc@3.0.0: {}
+
+  csstype@3.1.3: {}
+
+  damerau-levenshtein@1.0.8: {}
+
+  data-view-buffer@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+
+  data-view-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+
+  data-view-byte-offset@1.0.0:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+
+  debug@3.2.7:
+    dependencies:
+      ms: 2.1.3
+
+  debug@4.3.7:
+    dependencies:
+      ms: 2.1.3
+
+  deep-is@0.1.4: {}
+
+  define-data-property@1.1.4:
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      gopd: 1.0.1
+
+  define-properties@1.2.1:
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+
+  didyoumean@1.2.2: {}
+
+  dlv@1.1.3: {}
+
+  doctrine@2.1.0:
+    dependencies:
+      esutils: 2.0.3
+
+  doctrine@3.0.0:
+    dependencies:
+      esutils: 2.0.3
+
+  eastasianwidth@0.2.0: {}
+
+  emoji-regex@8.0.0: {}
+
+  emoji-regex@9.2.2: {}
+
+  enhanced-resolve@5.17.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.1
+
+  es-abstract@1.23.5:
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      arraybuffer.prototype.slice: 1.0.3
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      data-view-buffer: 1.0.1
+      data-view-byte-length: 1.0.1
+      data-view-byte-offset: 1.0.0
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-set-tostringtag: 2.0.3
+      es-to-primitive: 1.3.0
+      function.prototype.name: 1.1.6
+      get-intrinsic: 1.2.4
+      get-symbol-description: 1.0.2
+      globalthis: 1.0.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+      internal-slot: 1.0.7
+      is-array-buffer: 3.0.4
+      is-callable: 1.2.7
+      is-data-view: 1.0.1
+      is-negative-zero: 2.0.3
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.3
+      is-string: 1.0.7
+      is-typed-array: 1.1.13
+      is-weakref: 1.0.2
+      object-inspect: 1.13.3
+      object-keys: 1.1.1
+      object.assign: 4.1.5
+      regexp.prototype.flags: 1.5.3
+      safe-array-concat: 1.1.2
+      safe-regex-test: 1.0.3
+      string.prototype.trim: 1.2.9
+      string.prototype.trimend: 1.0.8
+      string.prototype.trimstart: 1.0.8
+      typed-array-buffer: 1.0.2
+      typed-array-byte-length: 1.0.1
+      typed-array-byte-offset: 1.0.3
+      typed-array-length: 1.0.7
+      unbox-primitive: 1.0.2
+      which-typed-array: 1.1.15
+
+  es-define-property@1.0.0:
+    dependencies:
+      get-intrinsic: 1.2.4
+
+  es-errors@1.3.0: {}
+
+  es-iterator-helpers@1.2.0:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-errors: 1.3.0
+      es-set-tostringtag: 2.0.3
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      globalthis: 1.0.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      internal-slot: 1.0.7
+      iterator.prototype: 1.1.3
+      safe-array-concat: 1.1.2
+
+  es-object-atoms@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-set-tostringtag@2.0.3:
+    dependencies:
+      get-intrinsic: 1.2.4
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+
+  es-shim-unscopables@1.0.2:
+    dependencies:
+      hasown: 2.0.2
+
+  es-to-primitive@1.3.0:
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-config-next@14.2.16(eslint@8.57.1)(typescript@5.7.2):
+    dependencies:
+      '@next/eslint-plugin-next': 14.2.16
+      '@rushstack/eslint-patch': 1.10.4
+      '@typescript-eslint/eslint-plugin': 8.16.0(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint@8.57.1)(typescript@5.7.2)
+      '@typescript-eslint/parser': 8.16.0(eslint@8.57.1)(typescript@5.7.2)
+      eslint: 8.57.1
+      eslint-import-resolver-node: 0.3.9
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@8.57.1)
+      eslint-plugin-react: 7.37.2(eslint@8.57.1)
+      eslint-plugin-react-hooks: 5.0.0-canary-7118f5dd7-20230705(eslint@8.57.1)
+    optionalDependencies:
+      typescript: 5.7.2
+    transitivePeerDependencies:
+      - eslint-import-resolver-webpack
+      - eslint-plugin-import-x
+      - supports-color
+
+  eslint-import-resolver-node@0.3.9:
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.15.1
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1):
+    dependencies:
+      '@nolyfill/is-core-module': 1.0.39
+      debug: 4.3.7
+      enhanced-resolve: 5.17.1
+      eslint: 8.57.1
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      fast-glob: 3.3.2
+      get-tsconfig: 4.8.1
+      is-bun-module: 1.3.0
+      is-glob: 4.0.3
+    optionalDependencies:
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-node
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1):
+    dependencies:
+      debug: 3.2.7
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.16.0(eslint@8.57.1)(typescript@5.7.2)
+      eslint: 8.57.1
+      eslint-import-resolver-node: 0.3.9
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1):
+    dependencies:
+      '@rtsao/scc': 1.1.0
+      array-includes: 3.1.8
+      array.prototype.findlastindex: 1.2.5
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7
+      doctrine: 2.1.0
+      eslint: 8.57.1
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.16.0(eslint@8.57.1)(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      hasown: 2.0.2
+      is-core-module: 2.15.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.8
+      object.groupby: 1.0.3
+      object.values: 1.2.0
+      semver: 6.3.1
+      string.prototype.trimend: 1.0.8
+      tsconfig-paths: 3.15.0
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.16.0(eslint@8.57.1)(typescript@5.7.2)
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  eslint-plugin-jsx-a11y@6.10.2(eslint@8.57.1):
+    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.2
+      axobject-query: 4.1.0
+      damerau-levenshtein: 1.0.8
+      emoji-regex: 9.2.2
+      eslint: 8.57.1
+      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
+
+  eslint-plugin-react-hooks@5.0.0-canary-7118f5dd7-20230705(eslint@8.57.1):
+    dependencies:
+      eslint: 8.57.1
+
+  eslint-plugin-react@7.37.2(eslint@8.57.1):
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.findlast: 1.2.5
+      array.prototype.flatmap: 1.3.2
+      array.prototype.tosorted: 1.1.4
+      doctrine: 2.1.0
+      es-iterator-helpers: 1.2.0
+      eslint: 8.57.1
+      estraverse: 5.3.0
+      hasown: 2.0.2
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.2
+      object.entries: 1.1.8
+      object.fromentries: 2.0.8
+      object.values: 1.2.0
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.5
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.11
+      string.prototype.repeat: 1.0.0
+
+  eslint-scope@7.2.2:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.0: {}
+
+  eslint@8.57.1:
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      '@eslint-community/regexpp': 4.12.1
+      '@eslint/eslintrc': 2.1.4
+      '@eslint/js': 8.57.1
+      '@humanwhocodes/config-array': 0.13.0
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      '@ungap/structured-clone': 1.2.0
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.3.7
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.6.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.24.0
+      graphemer: 1.4.0
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@9.6.1:
+    dependencies:
+      acorn: 8.14.0
+      acorn-jsx: 5.3.2(acorn@8.14.0)
+      eslint-visitor-keys: 3.4.3
+
+  esquery@1.6.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  esutils@2.0.3: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-glob@3.3.2:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fastq@1.17.1:
+    dependencies:
+      reusify: 1.0.4
+
+  file-entry-cache@6.0.1:
+    dependencies:
+      flat-cache: 3.2.0
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@3.2.0:
+    dependencies:
+      flatted: 3.3.2
+      keyv: 4.5.4
+      rimraf: 3.0.2
+
+  flatted@3.3.2: {}
+
+  for-each@0.3.3:
+    dependencies:
+      is-callable: 1.2.7
+
+  foreground-child@3.3.0:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
+  fs.realpath@1.0.0: {}
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  function.prototype.name@1.1.6:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      functions-have-names: 1.2.3
+
+  functions-have-names@1.2.3: {}
+
+  get-intrinsic@1.2.4:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+
+  get-symbol-description@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+
+  get-tsconfig@4.8.1:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@10.3.10:
+    dependencies:
+      foreground-child: 3.3.0
+      jackspeak: 2.3.6
+      minimatch: 9.0.5
+      minipass: 7.1.2
+      path-scurry: 1.11.1
+
+  glob@10.4.5:
+    dependencies:
+      foreground-child: 3.3.0
+      jackspeak: 3.4.3
+      minimatch: 9.0.5
+      minipass: 7.1.2
+      package-json-from-dist: 1.0.1
+      path-scurry: 1.11.1
+
+  glob@7.2.3:
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+
+  globals@13.24.0:
+    dependencies:
+      type-fest: 0.20.2
+
+  globalthis@1.0.4:
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.0.1
+
+  gopd@1.0.1:
+    dependencies:
+      get-intrinsic: 1.2.4
+
+  graceful-fs@4.2.11: {}
+
+  graphemer@1.4.0: {}
+
+  has-bigints@1.0.2: {}
+
+  has-flag@4.0.0: {}
+
+  has-property-descriptors@1.0.2:
+    dependencies:
+      es-define-property: 1.0.0
+
+  has-proto@1.0.3: {}
+
+  has-symbols@1.0.3: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.0.3
+
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
+  html-to-image@1.11.11: {}
+
+  ignore@5.3.2: {}
+
+  import-fresh@3.3.0:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
+  inflight@1.0.6:
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+
+  inherits@2.0.4: {}
+
+  internal-slot@1.0.7:
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.2
+      side-channel: 1.0.6
+
+  is-array-buffer@3.0.4:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+
+  is-async-function@2.0.0:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-bigint@1.0.4:
+    dependencies:
+      has-bigints: 1.0.2
+
+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.3.0
+
+  is-boolean-object@1.1.2:
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+
+  is-bun-module@1.3.0:
+    dependencies:
+      semver: 7.6.3
+
+  is-callable@1.2.7: {}
+
+  is-core-module@2.15.1:
+    dependencies:
+      hasown: 2.0.2
+
+  is-data-view@1.0.1:
+    dependencies:
+      is-typed-array: 1.1.13
+
+  is-date-object@1.0.5:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-extglob@2.1.1: {}
+
+  is-finalizationregistry@1.1.0:
+    dependencies:
+      call-bind: 1.0.7
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-generator-function@1.0.10:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-map@2.0.3: {}
+
+  is-negative-zero@2.0.3: {}
+
+  is-number-object@1.0.7:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-number@7.0.0: {}
+
+  is-path-inside@3.0.3: {}
+
+  is-regex@1.1.4:
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+
+  is-set@2.0.3: {}
+
+  is-shared-array-buffer@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+
+  is-string@1.0.7:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-symbol@1.0.4:
+    dependencies:
+      has-symbols: 1.0.3
+
+  is-typed-array@1.1.13:
+    dependencies:
+      which-typed-array: 1.1.15
+
+  is-weakmap@2.0.2: {}
+
+  is-weakref@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+
+  is-weakset@2.0.3:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+
+  isarray@2.0.5: {}
+
+  isexe@2.0.0: {}
+
+  iterator.prototype@1.1.3:
+    dependencies:
+      define-properties: 1.2.1
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      reflect.getprototypeof: 1.0.7
+      set-function-name: 2.0.2
+
+  jackspeak@2.3.6:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  jackspeak@3.4.3:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  jiti@1.21.6: {}
+
+  js-tokens@4.0.0: {}
+
+  js-yaml@4.1.0:
+    dependencies:
+      argparse: 2.0.1
+
+  json-buffer@3.0.1: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@1.0.2:
+    dependencies:
+      minimist: 1.2.8
+
+  jsx-ast-utils@3.3.5:
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.flat: 1.3.2
+      object.assign: 4.1.5
+      object.values: 1.2.0
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  language-subtag-registry@0.3.23: {}
+
+  language-tags@1.0.9:
+    dependencies:
+      language-subtag-registry: 0.3.23
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lilconfig@2.1.0: {}
+
+  lilconfig@3.1.2: {}
+
+  lines-and-columns@1.2.4: {}
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash.merge@4.6.2: {}
+
+  lodash@4.17.21: {}
+
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
+  lru-cache@10.4.3: {}
+
+  lucide-react@0.460.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  merge2@1.4.1: {}
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
+  minimatch@3.1.2:
+    dependencies:
+      brace-expansion: 1.1.11
+
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
+
+  minimist@1.2.8: {}
+
+  minipass@7.1.2: {}
+
+  ms@2.1.3: {}
+
+  mz@2.7.0:
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+
+  nanoid@3.3.8: {}
+
+  natural-compare@1.4.0: {}
+
+  next@14.2.16(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@next/env': 14.2.16
+      '@swc/helpers': 0.5.5
+      busboy: 1.6.0
+      caniuse-lite: 1.0.30001684
+      graceful-fs: 4.2.11
+      postcss: 8.4.31
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      styled-jsx: 5.1.1(react@18.3.1)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 14.2.16
+      '@next/swc-darwin-x64': 14.2.16
+      '@next/swc-linux-arm64-gnu': 14.2.16
+      '@next/swc-linux-arm64-musl': 14.2.16
+      '@next/swc-linux-x64-gnu': 14.2.16
+      '@next/swc-linux-x64-musl': 14.2.16
+      '@next/swc-win32-arm64-msvc': 14.2.16
+      '@next/swc-win32-ia32-msvc': 14.2.16
+      '@next/swc-win32-x64-msvc': 14.2.16
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
+  normalize-path@3.0.0: {}
+
+  object-assign@4.1.1: {}
+
+  object-hash@3.0.0: {}
+
+  object-inspect@1.13.3: {}
+
+  object-keys@1.1.1: {}
+
+  object.assign@4.1.5:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+
+  object.entries@1.1.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
+  object.fromentries@2.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-object-atoms: 1.0.0
+
+  object.groupby@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+
+  object.values@1.2.0:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  package-json-from-dist@1.0.1: {}
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  path-exists@4.0.0: {}
+
+  path-is-absolute@1.0.1: {}
+
+  path-key@3.1.1: {}
+
+  path-parse@1.0.7: {}
+
+  path-scurry@1.11.1:
+    dependencies:
+      lru-cache: 10.4.3
+      minipass: 7.1.2
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.1: {}
+
+  pify@2.3.0: {}
+
+  pirates@4.0.6: {}
+
+  possible-typed-array-names@1.0.0: {}
+
+  postcss-import@15.1.0(postcss@8.4.49):
+    dependencies:
+      postcss: 8.4.49
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.8
+
+  postcss-js@4.0.1(postcss@8.4.49):
+    dependencies:
+      camelcase-css: 2.0.1
+      postcss: 8.4.49
+
+  postcss-load-config@4.0.2(postcss@8.4.49):
+    dependencies:
+      lilconfig: 3.1.2
+      yaml: 2.6.1
+    optionalDependencies:
+      postcss: 8.4.49
+
+  postcss-nested@6.2.0(postcss@8.4.49):
+    dependencies:
+      postcss: 8.4.49
+      postcss-selector-parser: 6.1.2
+
+  postcss-selector-parser@6.1.2:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.4.31:
+    dependencies:
+      nanoid: 3.3.8
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  postcss@8.4.49:
+    dependencies:
+      nanoid: 3.3.8
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prelude-ls@1.2.1: {}
+
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
+  punycode@2.3.1: {}
+
+  queue-microtask@1.2.3: {}
+
+  react-dom@18.3.1(react@18.3.1):
+    dependencies:
+      loose-envify: 1.4.0
+      react: 18.3.1
+      scheduler: 0.23.2
+
+  react-is@16.13.1: {}
+
+  react@18.3.1:
+    dependencies:
+      loose-envify: 1.4.0
+
+  read-cache@1.0.0:
+    dependencies:
+      pify: 2.3.0
+
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.1
+
+  reflect.getprototypeof@1.0.7:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      which-builtin-type: 1.2.0
+
+  regexp.prototype.flags@1.5.3:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      set-function-name: 2.0.2
+
+  resolve-from@4.0.0: {}
+
+  resolve-pkg-maps@1.0.0: {}
+
+  resolve@1.22.8:
+    dependencies:
+      is-core-module: 2.15.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  resolve@2.0.0-next.5:
+    dependencies:
+      is-core-module: 2.15.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  reusify@1.0.4: {}
+
+  rimraf@3.0.2:
+    dependencies:
+      glob: 7.2.3
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  safe-array-concat@1.1.2:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      isarray: 2.0.5
+
+  safe-regex-test@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-regex: 1.1.4
+
+  scheduler@0.23.2:
+    dependencies:
+      loose-envify: 1.4.0
+
+  semver@6.3.1: {}
+
+  semver@7.6.3: {}
+
+  set-function-length@1.2.2:
+    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
+
+  set-function-name@2.0.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  side-channel@1.0.6:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      object-inspect: 1.13.3
+
+  signal-exit@4.1.0: {}
+
+  source-map-js@1.2.1: {}
+
+  streamsearch@1.1.0: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@5.1.2:
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
+
+  string.prototype.includes@2.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+
+  string.prototype.matchall@4.0.11:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-symbols: 1.0.3
+      internal-slot: 1.0.7
+      regexp.prototype.flags: 1.5.3
+      set-function-name: 2.0.2
+      side-channel: 1.0.6
+
+  string.prototype.repeat@1.0.0:
+    dependencies:
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+
+  string.prototype.trim@1.2.9:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.5
+      es-object-atoms: 1.0.0
+
+  string.prototype.trimend@1.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
+  string.prototype.trimstart@1.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.1.0:
+    dependencies:
+      ansi-regex: 6.1.0
+
+  strip-bom@3.0.0: {}
+
+  strip-json-comments@3.1.1: {}
+
+  styled-jsx@5.1.1(react@18.3.1):
+    dependencies:
+      client-only: 0.0.1
+      react: 18.3.1
+
+  sucrase@3.35.0:
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      commander: 4.1.1
+      glob: 10.4.5
+      lines-and-columns: 1.2.4
+      mz: 2.7.0
+      pirates: 4.0.6
+      ts-interface-checker: 0.1.13
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-preserve-symlinks-flag@1.0.0: {}
+
+  tailwind-merge@2.5.5: {}
+
+  tailwindcss-animate@1.0.7(tailwindcss@3.4.15):
+    dependencies:
+      tailwindcss: 3.4.15
+
+  tailwindcss@3.4.15:
+    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.6
+      lilconfig: 2.1.0
+      micromatch: 4.0.8
+      normalize-path: 3.0.0
+      object-hash: 3.0.0
+      picocolors: 1.1.1
+      postcss: 8.4.49
+      postcss-import: 15.1.0(postcss@8.4.49)
+      postcss-js: 4.0.1(postcss@8.4.49)
+      postcss-load-config: 4.0.2(postcss@8.4.49)
+      postcss-nested: 6.2.0(postcss@8.4.49)
+      postcss-selector-parser: 6.1.2
+      resolve: 1.22.8
+      sucrase: 3.35.0
+    transitivePeerDependencies:
+      - ts-node
+
+  tapable@2.2.1: {}
+
+  text-table@0.2.0: {}
+
+  thenify-all@1.6.0:
+    dependencies:
+      thenify: 3.3.1
+
+  thenify@3.3.1:
+    dependencies:
+      any-promise: 1.3.0
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  ts-api-utils@1.4.2(typescript@5.7.2):
+    dependencies:
+      typescript: 5.7.2
+
+  ts-interface-checker@0.1.13: {}
+
+  tsconfig-paths@3.15.0:
+    dependencies:
+      '@types/json5': 0.0.29
+      json5: 1.0.2
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+
+  tslib@2.8.1: {}
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  type-fest@0.20.2: {}
+
+  typed-array-buffer@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-typed-array: 1.1.13
+
+  typed-array-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+
+  typed-array-byte-offset@1.0.3:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+      reflect.getprototypeof: 1.0.7
+
+  typed-array-length@1.0.7:
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      is-typed-array: 1.1.13
+      possible-typed-array-names: 1.0.0
+      reflect.getprototypeof: 1.0.7
+
+  typescript@5.7.2: {}
+
+  unbox-primitive@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
+
+  undici-types@6.19.8: {}
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  util-deprecate@1.0.2: {}
+
+  uuid@11.0.3: {}
+
+  which-boxed-primitive@1.0.2:
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+
+  which-builtin-type@1.2.0:
+    dependencies:
+      call-bind: 1.0.7
+      function.prototype.name: 1.1.6
+      has-tostringtag: 1.0.2
+      is-async-function: 2.0.0
+      is-date-object: 1.0.5
+      is-finalizationregistry: 1.1.0
+      is-generator-function: 1.0.10
+      is-regex: 1.1.4
+      is-weakref: 1.0.2
+      isarray: 2.0.5
+      which-boxed-primitive: 1.0.2
+      which-collection: 1.0.2
+      which-typed-array: 1.1.15
+
+  which-collection@1.0.2:
+    dependencies:
+      is-map: 2.0.3
+      is-set: 2.0.3
+      is-weakmap: 2.0.2
+      is-weakset: 2.0.3
+
+  which-typed-array@1.1.15:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.2
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  word-wrap@1.2.5: {}
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@8.1.0:
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
+
+  wrappy@1.0.2: {}
+
+  yaml@2.6.1: {}
+
+  yocto-queue@0.1.0: {}